[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]):not([class*="border-"]):not(.more-brands),
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]):not([class*="border-"]):not(.more-brands) {
    border: none !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px !important;
    border-radius: 8px !important;
    @media screen and (min-width: 768px) {
        border-radius: 12px !important;;
    }
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]):not([class*="border-"]):before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]):not([class*="border-"]):before,
[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]):not([class*="border-"]):after,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]):not([class*="border-"]):after {
    display: none !important;
}

[class*="brands-list-v"]:not(.more-brands) {
    box-shadow: none !important;
}

[class*="brands-list-v"] > *:not(tbody):not(.more-brands),
[class*="brands-list-v"] > tbody > tr:not(.more-brands) {
    position: relative;
    border: 1px solid;
    border-color: var(--border-grey);
    background-color: var(--white);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]),
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]),
[class*="brands-list-v"] > *:not(tbody).design-1,
[class*="brands-list-v"] > tbody > tr.design-1 {
    border-radius: 7px;
    @media screen and (min-width: 768px) {
        border-radius: 10px;
    }
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"])::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"])::before,
[class*="brands-list-v"] > *:not(tbody).design-1::before,
[class*="brands-list-v"] > tbody > tr.design-1::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid;
    border-color: var(--border-blue2);
    border-radius: 8px;
    z-index: -1;
    @media screen and (min-width: 768px) {
        border-radius: 12px;
    }
}

[class*="brands-list-v"] > *:not(tbody).design-2,
[class*="brands-list-v"] > tbody > tr.design-2 {
    border-radius: 13px;
}

[class*="brands-list-v"] > *:not(tbody).design-2::before,
[class*="brands-list-v"] > tbody > tr.design-2::before,
[class*="brands-list-v"] > *:not(tbody).design-0::before,
[class*="brands-list-v"] > tbody > tr.design-0::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    border: 6px solid;
    border-color: var(--border-blue2);
    z-index: -1;
}

[class*="brands-list-v"] > *:not(tbody).design-2::before,
[class*="brands-list-v"] > tbody > tr.design-2::before {
    border-radius: 20px;
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-green::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-green::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-green::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-green::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-green::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-green::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-green::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-green::before {
    border-color: var(--border-green);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-0::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-0::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-0::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-0::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-0::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-0::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-0::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-0::before {
    border-color: var(--border-green);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-green2::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-green2::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-green2::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-green2::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-green2::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-green2::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-green2::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-green2::before {
    border-color: var(--border-green2);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-1::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-1::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-1::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-1::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-1::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-1::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-1::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-1::before {
    border-color: var(--border-green2);
}


[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-blue::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-blue::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-blue::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-blue::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-blue::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-blue::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-blue::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-blue::before {
    border-color: var(--border-blue);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-2::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-2::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-2::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-2::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-2::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-2::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-2::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-2::before {
    border-color: var(--border-blue);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-blue2::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-blue2::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-blue2::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-blue2::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-blue2::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-blue2::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-blue2::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-blue2::before {
    border-color: var(--border-blue2);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-3::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-3::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-3::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-3::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-3::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-3::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-3::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-3::before {
    border-color: var(--border-blue2);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-purple::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-purple::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-purple::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-purple::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-purple::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-purple::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-purple::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-purple::before {
    border-color: var(--border-purple);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-4::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-4::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-4::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-4::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-4::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-4::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-4::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-4::before {
    border-color: var(--border-purple);
}


[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-purple2::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-purple2::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-purple2::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-purple2::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-purple2::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-purple2::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-purple2::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-purple2::before {
    border-color: var(--border-purple2);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-5::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-5::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-5::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-5::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-5::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-5::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-5::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-5::before {
    border-color: var(--border-purple2);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-pink::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-pink::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-pink::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-pink::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-pink::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-pink::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-pink::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-pink::before {
    border-color: var(--border-pink);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-6::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-6::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-6::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-6::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-6::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-6::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-6::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-6::before {
    border-color: var(--border-pink);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-orange::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-orange::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-orange::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-orange::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-orange::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-orange::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-orange::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-orange::before {
    border-color: var(--border-orange);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-7::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-7::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-7::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-7::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-7::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-7::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-7::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-7::before {
    border-color: var(--border-orange);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-yellow::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-yellow::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-yellow::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-yellow::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-yellow::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-yellow::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-yellow::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-yellow::before {
    border-color: var(--border-yellow);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-8::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-8::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-8::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-8::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-8::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-8::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-8::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-8::before {
    border-color: var(--border-yellow);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-red::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-red::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-red::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-red::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-red::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-red::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-red::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-red::before {
    border-color: var(--border-red);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-9::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-9::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-9::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-9::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-9::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-9::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-9::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-9::before {
    border-color: var(--border-red);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-lime::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-lime::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-lime::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-lime::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-lime::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-lime::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-lime::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-lime::before {
    border-color: var(--border-lime);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-10::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-10::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-10::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-10::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-10::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-10::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-10::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-10::before {
    border-color: var(--border-lime);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-munsell::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-munsell::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-munsell::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-munsell::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-munsell::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-munsell::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-munsell::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-munsell::before {
    border-color: var(--border-munsell);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-11::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-11::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-11::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-11::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-11::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-11::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-11::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-11::before {
    border-color: var(--border-munsell);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-tea-rose::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-tea-rose::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-tea-rose::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-tea-rose::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-tea-rose::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-tea-rose::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-tea-rose::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-tea-rose::before {
    border-color: var(--border-tea-rose);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-12::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-12::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-12::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-12::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-12::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-12::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-12::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-12::before {
    border-color: var(--border-tea-rose);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-tomato::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-tomato::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-tomato::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-tomato::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-tomato::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-tomato::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-tomato::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-tomato::before {
    border-color: var(--border-tomato);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-13::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-13::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-13::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-13::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-13::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-13::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-13::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-13::before {
    border-color: var(--border-tomato);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-mint::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-mint::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-mint::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-mint::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-mint::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-mint::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-mint::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-mint::before {
    border-color: var(--border-mint);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-14::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-14::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-14::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-14::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-14::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-14::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-14::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-14::before {
    border-color: var(--border-mint);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-coral::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-coral::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-coral::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-coral::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-coral::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-coral::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-coral::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-coral::before {
    border-color: var(--border-coral);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-15::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-15::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-15::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-15::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-15::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-15::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-15::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-15::before {
    border-color: var(--border-coral);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-panteone::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-panteone::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-panteone::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-panteone::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-panteone::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-panteone::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-panteone::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-panteone::before {
    border-color: var(--border-panteone);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-16::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-16::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-16::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-16::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-16::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-16::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-16::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-16::before {
    border-color: var(--border-panteone);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-cyan::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-cyan::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-cyan::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-cyan::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-cyan::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-cyan::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-cyan::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-cyan::before {
    border-color: var(--border-cyan);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-17::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-17::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-17::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-17::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-17::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-17::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-17::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-17::before {
    border-color: var(--border-cyan);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-folly::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-folly::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-folly::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-folly::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-folly::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-folly::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-folly::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-folly::before {
    border-color: var(--border-folly);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-18::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-18::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-18::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-18::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-18::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-18::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-18::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-18::before {
    border-color: var(--border-folly);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-slate::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-slate::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-slate::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-slate::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-slate::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-slate::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-slate::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-slate::before {
    border-color: var(--border-slate);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-19::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-19::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-19::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-19::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-19::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-19::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-19::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-19::before {
    border-color: var(--border-slate);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-sunset::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-sunset::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-sunset::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-sunset::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-sunset::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-sunset::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-sunset::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-sunset::before {
    border-color: var(--border-sunset);
}

[class*="brands-list-v"] > *:not(tbody):not([class*="design-"]).border-20::before,
[class*="brands-list-v"] > tbody > tr:not([class*="design-"]).border-20::before,
[class*="brands-list-v"] > *:not(tbody).design-1.border-20::before,
[class*="brands-list-v"] > tbody > tr.design-1.border-20::before,
[class*="brands-list-v"] > *:not(tbody).design-2.border-20::before,
[class*="brands-list-v"] > tbody > tr.design-2.border-20::before,
[class*="brands-list-v"] > *:not(tbody).design-0.border-20::before,
[class*="brands-list-v"] > tbody > tr.design-0.border-20::before {
    border-color: var(--border-sunset);
}

/*  Borders DESIGN - 3  */

[class*="brands-list-v"] > *:not(tbody).design-3::before,
[class*="brands-list-v"] > tbody > tr.design-3::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 4px solid;
    border-image-source: linear-gradient(180deg, #007AFF 0%, #005DC3 22%, #004692 53%, #002855 77%, #001C3A 100%);
    border-image-slice: 1;
    z-index: -1;
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-green::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-green::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-0::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-0::before {
    border-image-source: linear-gradient(180deg, #85D6B5 0%, #53B78F 22%, #34926C 53%, #126D49 77%, #102F22 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-green2::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-green2::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-1::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-1::before {
    border-image-source: linear-gradient(180deg, #00C7BE 0%, #00A9A2 22%, #007872 53%, #004C49 77%, #002523 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-blue::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-blue::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-2::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-2::before {
    border-image-source: linear-gradient(180deg, #9997F6 0%, #5856D6 22%, #2E2CAA 53%, #0D0C65 77%, #010021 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-blue2::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-blue2::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-3::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-3::before {
    border-image-source: linear-gradient(180deg, #007AFF 0%, #005DC3 22%, #004692 53%, #002855 77%, #001C3A 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-purple::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-purple::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-4::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-4::before {
    border-image-source: linear-gradient(180deg, #D38BF7 0%, #AF52DE 22%, #8020B1 53%, #5B008A 77%, #29003E 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-purple2::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-purple2::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-5::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-5::before {
    border-image-source: linear-gradient(180deg, #690A99 0%, #5D0689 22%, #470568 53%, #220033 77%, #29003E 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-pink::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-pink::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-6::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-6::before {
    border-image-source: linear-gradient(180deg, #F278A9 0%, #D44D83 22%, #992856 53%, #670029 77%, #3E0019 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-orange::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-orange::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-7::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-7::before {
    border-image-source: linear-gradient(180deg, #FF9500 0%, #C57300 22%, #955700 53%, #653B00 77%, #402600 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-yellow::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-yellow::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-8::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-8::before {
    border-image-source: linear-gradient(180deg, #FFCC00 0%, #E9BA00 22%, #C39C00 53%, #A28100 77%, #4F3F00 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-red::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-red::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-9::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-9::before {
    border-image-source: linear-gradient(180deg, #970900 0%, #790700 22%, #5D0600 53%, #380300 77%, #110100 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-lime::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-lime::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-10::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-10::before {
    border-image-source: linear-gradient(180deg, #c5ef51 0%, #9fcb3b 22%, #7da92a 53%, #5a8719 77%, #3a660b 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-munsell::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-munsell::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-11::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-11::before {
    border-image-source: linear-gradient(180deg, #188fa7 0%, #157d91 22%, #126b7b 53%, #0e5965 77%, #0b4850 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-tea-rose::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-tea-rose::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-12::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-12::before {
    border-image-source: linear-gradient(180deg, #ebbab9 0%, #dca1a1 22%, #cc898a 53%, #bc7273 77%, #ab5c5d 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-tomato::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-tomato::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-13::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-13::before {
    border-image-source: linear-gradient(180deg, #fb4d3d 0%, #dc4335 22%, #bd392d 53%, #9e2f25 77%, #80261d 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-mint::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-mint::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-14::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-14::before {
    border-image-source: linear-gradient(180deg, #03cea4 0%, #02b491 22%, #029a7e 53%, #017f6b 77%, #006558 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-coral::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-coral::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-15::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-15::before {
    border-image-source: linear-gradient(180deg, #ff7f51 0%, #e56f47 22%, #cc603d 53%, #b35033 77%, #99412a 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-panteone::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-panteone::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-16::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-16::before {
    border-image-source: linear-gradient(180deg, #fe5f00 0%, #e45600 22%, #cb4c00 53%, #b24200 77%, #993900 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-cyan::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-cyan::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-17::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-17::before {
    border-image-source: linear-gradient(180deg, #00fff5 0%, #00d8d0 22%, #00b2ab 53%, #008c86 77%, #006662 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-folly::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-folly::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-18::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-18::before {
    border-image-source: linear-gradient(180deg, #ff1654 0%, #e11349 22%, #c5103e 53%, #a90d34 77%, #8d0a2a 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-slate::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-slate::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-19::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-19::before {
    border-image-source: linear-gradient(180deg, #6665dd 0%, #5755bc 22%, #48459c 53%, #39347c 77%, #2a245c 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-3.border-sunset::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-sunset::before,
[class*="brands-list-v"] > *:not(tbody).design-3.border-20::before,
[class*="brands-list-v"] > tbody > tr.design-3.border-20::before {
    border-image-source: linear-gradient(180deg, #f2d0a4 0%, #e6be90 22%, #d9ab7b 53%, #cc9967 77%, #bf8753 100%);
}

/*  Borders DESIGN - 4  */

[class*="brands-list-v"] > *:not(tbody).design-4,
[class*="brands-list-v"] > tbody > tr.design-4 {
    border-radius: 4px;
    padding-left: 16px !important;
    padding-right: 16px !important;
    @media screen and (min-width: 768px) {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    @media screen and (min-width: 992px) {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}

[class*="brands-list-v"] > *:not(tbody).design-4::before,
[class*="brands-list-v"] > tbody > tr.design-4::before,
[class*="brands-list-v"] > *:not(tbody).design-4::after,
[class*="brands-list-v"] > tbody > tr.design-4::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--border-blue2);
    box-shadow: 20.6% 10% 0 0 var(--grey);

    @media screen and (min-width: 768px) {
        width: 10px;
    }
    @media screen and (min-width: 992px) {
        width: 14px;
    }
}

[class*="brands-list-v"] > *:not(tbody).design-4::before,
[class*="brands-list-v"] > tbody > tr.design-4::before {
    left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

[class*="brands-list-v"] > *:not(tbody).design-4::after,
[class*="brands-list-v"] > tbody > tr.design-4::after {
    right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-green::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-green::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-0::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-0::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-green::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-green::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-0::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-0::after {
    background: var(--border-green);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-green2::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-green2::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-1::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-1::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-green2::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-green2::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-1::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-1::after {
    background: var(--border-green2);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-blue::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-blue::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-2::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-2::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-blue::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-blue::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-2::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-2::after {
    background: var(--border-blue);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-blue2::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-blue2::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-3::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-3::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-blue2::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-blue2::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-3::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-3::after {
    background: var(--border-blue2);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-purple::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-purple::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-4::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-4::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-purple::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-purple::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-4::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-4::after {
    background: var(--border-purple);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-purple2::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-purple2::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-5::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-5::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-purple2::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-purple2::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-5::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-5::after {
    background: var(--border-purple2);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-pink::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-pink::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-6::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-6::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-pink::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-pink::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-6::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-6::after {
    background: var(--border-pink);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-orange::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-orange::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-7::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-7::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-orange::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-orange::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-7::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-7::after {
    background: var(--border-orange);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-yellow::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-yellow::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-8::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-8::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-yellow::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-yellow::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-8::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-8::after {
    background: var(--border-yellow);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-red::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-red::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-9::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-9::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-red::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-red::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-9::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-9::after {
    background: var(--border-red);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-lime::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-lime::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-10::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-10::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-lime::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-lime::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-10::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-10::after {
    background: var(--border-lime);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-munsell::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-munsell::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-11::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-11::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-munsell::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-munsell::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-11::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-11::after {
    background: var(--border-munsell);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-tea-rose::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-tea-rose::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-12::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-12::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-tea-rose::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-tea-rose::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-12::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-12::after {
    background: var(--border-tea-rose);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-tomato::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-tomato::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-13::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-13::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-tomato::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-tomato::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-13::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-13::after {
    background: var(--border-tomato);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-mint::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-mint::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-14::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-14::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-mint::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-mint::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-14::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-14::after {
    background: var(--border-mint);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-coral::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-coral::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-15::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-15::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-coral::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-coral::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-15::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-15::after {
    background: var(--border-coral);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-panteone::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-panteone::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-16::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-16::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-panteone::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-panteone::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-16::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-16::after {
    background: var(--border-panteone);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-cyan::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-cyan::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-17::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-17::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-cyan::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-cyan::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-17::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-17::after {
    background: var(--border-cyan);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-folly::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-folly::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-18::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-18::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-folly::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-folly::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-18::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-18::after {
    background: var(--border-folly);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-slate::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-slate::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-19::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-19::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-slate::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-slate::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-19::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-19::after {
    background: var(--border-slate);
}

[class*="brands-list-v"] > *:not(tbody).design-4.border-sunset::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-sunset::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-20::before,
[class*="brands-list-v"] > tbody > tr.design-4.border-20::before,
[class*="brands-list-v"] > *:not(tbody).design-4.border-sunset::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-sunset::after,
[class*="brands-list-v"] > *:not(tbody).design-4.border-20::after,
[class*="brands-list-v"] > tbody > tr.design-4.border-20::after {
    background: var(--border-sunset);
}

/*  Borders DESIGN - 5  */

[class*="brands-list-v"] > *:not(tbody).design-5,
[class*="brands-list-v"] > tbody > tr.design-5 {
    border-radius: 12px;
}

[class*="brands-list-v"] > *:not(tbody).design-5::before,
[class*="brands-list-v"] > tbody > tr.design-5::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: var(--border-blue2);
    box-shadow: 0 0 12px 0 rgba(0, 122, 255, 0.5);
    border-radius: 12px;
    z-index: -1;
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-green::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-green::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-0::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-0::before {
    border-color: var(--border-green);
    box-shadow: 0 0 12px 0 rgba(51, 149, 110, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-green2::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-green2::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-1::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-1::before {
    border-color: var(--border-green2);
    box-shadow: 0 0 12px 0 rgba(0, 199, 190, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-blue::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-blue::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-2::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-2::before {
    border-color: var(--border-blue);
    box-shadow: 0 0 12px 0 rgba(88, 86, 214, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-blue2::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-blue2::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-3::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-3::before {
    border-color: var(--border-blue2);
    box-shadow: 0 0 12px 0 rgba(0, 122, 255, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-purple::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-purple::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-4::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-4::before {
    border-color: var(--border-purple);
    box-shadow: 0 0 12px 0 rgba(175, 82, 222, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-purple2::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-purple2::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-5::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-5::before {
    border-color: var(--border-purple2);
    box-shadow: 0 0 12px 0 rgba(105, 10, 153, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-pink::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-pink::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-6::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-6::before {
    border-color: var(--border-pink);
    box-shadow: 0 0 12px 0 rgba(242, 120, 169, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-orange::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-orange::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-7::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-7::before {
    border-color: var(--border-orange);
    box-shadow: 0 0 12px 0 rgba(255, 149, 0, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-yellow::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-yellow::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-8::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-8::before {
    border-color: var(--border-yellow);
    box-shadow: 0 0 12px 0 rgba(255, 204, 0, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-red::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-red::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-9::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-9::before {
    border-color: var(--border-red);
    box-shadow: 0 0 12px 0 rgba(151, 9, 0, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-lime::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-lime::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-10::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-10::before {
    border-color: var(--border-lime);
    box-shadow: 0 0 12px 0 rgba(197, 239, 81, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-munsell::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-munsell::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-11::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-11::before {
    border-color: var(--border-munsell);
    box-shadow: 0 0 12px 0 rgba(24, 143, 167, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-tea-rose::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-tea-rose::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-12::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-12::before {
    border-color: var(--border-tea-rose);
    box-shadow: 0 0 12px 0 rgba(235, 186, 185, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-tomato::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-tomato::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-13::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-13::before {
    border-color: var(--border-tomato);
    box-shadow: 0 0 12px 0 rgba(251, 77, 61, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-mint::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-mint::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-14::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-14::before {
    border-color: var(--border-mint);
    box-shadow: 0 0 12px 0 rgba(3, 206, 164, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-coral::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-coral::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-15::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-15::before {
    border-color: var(--border-coral);
    box-shadow: 0 0 12px 0 rgba(255, 127, 81, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-panteone::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-panteone::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-16::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-16::before {
    border-color: var(--border-panteone);
    box-shadow: 0 0 12px 0 rgba(254, 95, 0, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-cyan::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-cyan::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-17::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-17::before {
    border-color: var(--border-cyan);
    box-shadow: 0 0 12px 0 rgba(0, 255, 245, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-folly::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-folly::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-18::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-18::before {
    border-color: var(--border-folly);
    box-shadow: 0 0 12px 0 rgba(255, 22, 84, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-slate::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-slate::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-19::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-19::before {
    border-color: var(--border-slate);
    box-shadow: 0 0 12px 0 rgba(102, 101, 221, 0.5);
}

[class*="brands-list-v"] > *:not(tbody).design-5.border-sunset::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-sunset::before,
[class*="brands-list-v"] > *:not(tbody).design-5.border-20::before,
[class*="brands-list-v"] > tbody > tr.design-5.border-20::before {
    border-color: var(--border-sunset);
    box-shadow: 0 0 12px 0 rgba(242, 208, 164, 0.5);
}

/*  Borders DESIGN - 6  */

[class*="brands-list-v"] > *:not(tbody).design-6,
[class*="brands-list-v"] > tbody > tr.design-6 {
    outline: 1px solid var(--border-blue2);
    box-shadow: 0 0 10px 0 var(--border-blue2);
    border-radius: 10px;
    @media screen and (min-width: 768px) {
        border-radius: 12px;
    }
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-green,
[class*="brands-list-v"] > tbody > tr.design-6.border-green,
[class*="brands-list-v"] > *:not(tbody).design-6.border-0,
[class*="brands-list-v"] > tbody > tr.design-6.border-0 {
    outline: 1px solid var(--border-green);
    box-shadow: 0 0 10px 0 var(--border-green);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-green2,
[class*="brands-list-v"] > tbody > tr.design-6.border-green2,
[class*="brands-list-v"] > *:not(tbody).design-6.border-1,
[class*="brands-list-v"] > tbody > tr.design-6.border-1 {
    outline: 1px solid var(--border-green2);
    box-shadow: 0 0 10px 0 var(--border-green2);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-blue,
[class*="brands-list-v"] > tbody > tr.design-6.border-blue,
[class*="brands-list-v"] > *:not(tbody).design-6.border-2,
[class*="brands-list-v"] > tbody > tr.design-6.border-2 {
    outline: 1px solid var(--border-blue);
    box-shadow: 0 0 10px 0 var(--border-blue);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-blue2,
[class*="brands-list-v"] > tbody > tr.design-6.border-blue2,
[class*="brands-list-v"] > *:not(tbody).design-6.border-3,
[class*="brands-list-v"] > tbody > tr.design-6.border-3 {
    outline: 1px solid var(--border-blue2);
    box-shadow: 0 0 10px 0 var(--border-blue2);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-purple,
[class*="brands-list-v"] > tbody > tr.design-6.border-purple,
[class*="brands-list-v"] > *:not(tbody).design-6.border-4,
[class*="brands-list-v"] > tbody > tr.design-6.border-4 {
    outline: 1px solid var(--border-purple);
    box-shadow: 0 0 10px 0 var(--border-purple);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-purple2,
[class*="brands-list-v"] > tbody > tr.design-6.border-purple2,
[class*="brands-list-v"] > *:not(tbody).design-6.border-5,
[class*="brands-list-v"] > tbody > tr.design-6.border-5 {
    outline: 1px solid var(--border-purple2);
    box-shadow: 0 0 10px 0 var(--border-purple2);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-pink,
[class*="brands-list-v"] > tbody > tr.design-6.border-pink,
[class*="brands-list-v"] > *:not(tbody).design-6.border-6,
[class*="brands-list-v"] > tbody > tr.design-6.border-6 {
    outline: 1px solid var(--border-pink);
    box-shadow: 0 0 10px 0 var(--border-pink);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-orange,
[class*="brands-list-v"] > tbody > tr.design-6.border-orange,
[class*="brands-list-v"] > *:not(tbody).design-6.border-7,
[class*="brands-list-v"] > tbody > tr.design-6.border-7 {
    outline: 1px solid var(--border-orange);
    box-shadow: 0 0 10px 0 var(--border-orange);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-yellow,
[class*="brands-list-v"] > tbody > tr.design-6.border-yellow,
[class*="brands-list-v"] > *:not(tbody).design-6.border-8,
[class*="brands-list-v"] > tbody > tr.design-6.border-8 {
    outline: 1px solid var(--border-yellow);
    box-shadow: 0 0 10px 0 var(--border-yellow);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-red,
[class*="brands-list-v"] > tbody > tr.design-6.border-red,
[class*="brands-list-v"] > *:not(tbody).design-6.border-9,
[class*="brands-list-v"] > tbody > tr.design-6.border-9 {
    outline: 1px solid var(--border-red);
    box-shadow: 0 0 10px 0 var(--border-red);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-lime,
[class*="brands-list-v"] > tbody > tr.design-6.border-lime,
[class*="brands-list-v"] > *:not(tbody).design-6.border-10,
[class*="brands-list-v"] > tbody > tr.design-6.border-10 {
    outline: 1px solid var(--border-lime);
    box-shadow: 0 0 10px 0 var(--border-lime);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-munsell,
[class*="brands-list-v"] > tbody > tr.design-6.border-munsell,
[class*="brands-list-v"] > *:not(tbody).design-6.border-11,
[class*="brands-list-v"] > tbody > tr.design-6.border-11 {
    outline: 1px solid var(--border-munsell);
    box-shadow: 0 0 10px 0 var(--border-munsell);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-tea-rose,
[class*="brands-list-v"] > tbody > tr.design-6.border-tea-rose,
[class*="brands-list-v"] > *:not(tbody).design-6.border-12,
[class*="brands-list-v"] > tbody > tr.design-6.border-12 {
    outline: 1px solid var(--border-tea-rose);
    box-shadow: 0 0 10px 0 var(--border-tea-rose);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-tomato,
[class*="brands-list-v"] > tbody > tr.design-6.border-tomato,
[class*="brands-list-v"] > *:not(tbody).design-6.border-13,
[class*="brands-list-v"] > tbody > tr.design-6.border-13 {
    outline: 1px solid var(--border-tomato);
    box-shadow: 0 0 10px 0 var(--border-tomato);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-mint,
[class*="brands-list-v"] > tbody > tr.design-6.border-mint,
[class*="brands-list-v"] > *:not(tbody).design-6.border-14,
[class*="brands-list-v"] > tbody > tr.design-6.border-14 {
    outline: 1px solid var(--border-mint);
    box-shadow: 0 0 10px 0 var(--border-mint);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-coral,
[class*="brands-list-v"] > tbody > tr.design-6.border-coral,
[class*="brands-list-v"] > *:not(tbody).design-6.border-15,
[class*="brands-list-v"] > tbody > tr.design-6.border-15 {
    outline: 1px solid var(--border-coral);
    box-shadow: 0 0 10px 0 var(--border-coral);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-panteone,
[class*="brands-list-v"] > tbody > tr.design-6.border-panteone,
[class*="brands-list-v"] > *:not(tbody).design-6.border-16,
[class*="brands-list-v"] > tbody > tr.design-6.border-16 {
    outline: 1px solid var(--border-panteone);
    box-shadow: 0 0 10px 0 var(--border-panteone);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-cyan,
[class*="brands-list-v"] > tbody > tr.design-6.border-cyan,
[class*="brands-list-v"] > *:not(tbody).design-6.border-17,
[class*="brands-list-v"] > tbody > tr.design-6.border-17 {
    outline: 1px solid var(--border-cyan);
    box-shadow: 0 0 10px 0 var(--border-cyan);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-folly,
[class*="brands-list-v"] > tbody > tr.design-6.border-folly,
[class*="brands-list-v"] > *:not(tbody).design-6.border-18,
[class*="brands-list-v"] > tbody > tr.design-6.border-18 {
    outline: 1px solid var(--border-folly);
    box-shadow: 0 0 10px 0 var(--border-folly);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-slate,
[class*="brands-list-v"] > tbody > tr.design-6.border-slate,
[class*="brands-list-v"] > *:not(tbody).design-6.border-19,
[class*="brands-list-v"] > tbody > tr.design-6.border-19 {
    outline: 1px solid var(--border-slate);
    box-shadow: 0 0 10px 0 var(--border-slate);
}

[class*="brands-list-v"] > *:not(tbody).design-6.border-sunset,
[class*="brands-list-v"] > tbody > tr.design-6.border-sunset,
[class*="brands-list-v"] > *:not(tbody).design-6.border-20,
[class*="brands-list-v"] > tbody > tr.design-6.border-20 {
    outline: 1px solid var(--border-sunset);
    box-shadow: 0 0 10px 0 var(--border-sunset);
}

/*  Borders DESIGN - 7  */

[class*="brands-list-v"] > *:not(tbody).design-7,
[class*="brands-list-v"] > tbody > tr.design-7 {
    box-shadow: 0 0 10px 0 var(--border-blue2) inset;
    border-radius: 8px;
    @media screen and (min-width: 768px) {
        border-radius: 12px;
    }
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-green,
[class*="brands-list-v"] > tbody > tr.design-7.border-green,
[class*="brands-list-v"] > *:not(tbody).design-7.border-0,
[class*="brands-list-v"] > tbody > tr.design-7.border-0 {
    box-shadow: 0 0 10px 0 var(--border-green) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-green2,
[class*="brands-list-v"] > tbody > tr.design-7.border-green2,
[class*="brands-list-v"] > *:not(tbody).design-7.border-1,
[class*="brands-list-v"] > tbody > tr.design-7.border-1 {
    box-shadow: 0 0 10px 0 var(--border-green2) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-blue,
[class*="brands-list-v"] > tbody > tr.design-7.border-blue,
[class*="brands-list-v"] > *:not(tbody).design-7.border-2,
[class*="brands-list-v"] > tbody > tr.design-7.border-2 {
    box-shadow: 0 0 10px 0 var(--border-blue) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-blue2,
[class*="brands-list-v"] > tbody > tr.design-7.border-blue2,
[class*="brands-list-v"] > *:not(tbody).design-7.border-3,
[class*="brands-list-v"] > tbody > tr.design-7.border-3 {
    box-shadow: 0 0 10px 0 var(--border-blue2) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-purple,
[class*="brands-list-v"] > tbody > tr.design-7.border-purple,
[class*="brands-list-v"] > *:not(tbody).design-7.border-4,
[class*="brands-list-v"] > tbody > tr.design-7.border-4 {
    box-shadow: 0 0 10px 0 var(--border-purple) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-purple2,
[class*="brands-list-v"] > tbody > tr.design-7.border-purple2,
[class*="brands-list-v"] > *:not(tbody).design-7.border-5,
[class*="brands-list-v"] > tbody > tr.design-7.border-5 {
    box-shadow: 0 0 10px 0 var(--border-purple2) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-pink,
[class*="brands-list-v"] > tbody > tr.design-7.border-pink,
[class*="brands-list-v"] > *:not(tbody).design-7.border-6,
[class*="brands-list-v"] > tbody > tr.design-7.border-6 {
    box-shadow: 0 0 10px 0 var(--border-pink) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-orange,
[class*="brands-list-v"] > tbody > tr.design-7.border-orange,
[class*="brands-list-v"] > *:not(tbody).design-7.border-7,
[class*="brands-list-v"] > tbody > tr.design-7.border-7 {
    box-shadow: 0 0 10px 0 var(--border-orange) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-yellow,
[class*="brands-list-v"] > tbody > tr.design-7.border-yellow,
[class*="brands-list-v"] > *:not(tbody).design-7.border-8,
[class*="brands-list-v"] > tbody > tr.design-7.border-8 {
    box-shadow: 0 0 10px 0 var(--border-yellow) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-red,
[class*="brands-list-v"] > tbody > tr.design-7.border-red,
[class*="brands-list-v"] > *:not(tbody).design-7.border-9,
[class*="brands-list-v"] > tbody > tr.design-7.border-9 {
    box-shadow: 0 0 10px 0 var(--border-red) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-lime,
[class*="brands-list-v"] > tbody > tr.design-7.border-lime,
[class*="brands-list-v"] > *:not(tbody).design-7.border-10,
[class*="brands-list-v"] > tbody > tr.design-7.border-10 {
    box-shadow: 0 0 10px 0 var(--border-lime) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-munsell,
[class*="brands-list-v"] > tbody > tr.design-7.border-munsell,
[class*="brands-list-v"] > *:not(tbody).design-7.border-11,
[class*="brands-list-v"] > tbody > tr.design-7.border-11 {
    box-shadow: 0 0 10px 0 var(--border-munsell) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-tea-rose,
[class*="brands-list-v"] > tbody > tr.design-7.border-tea-rose,
[class*="brands-list-v"] > *:not(tbody).design-7.border-12,
[class*="brands-list-v"] > tbody > tr.design-7.border-12 {
    box-shadow: 0 0 10px 0 var(--border-tea-rose) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-tomato,
[class*="brands-list-v"] > tbody > tr.design-7.border-tomato,
[class*="brands-list-v"] > *:not(tbody).design-7.border-13,
[class*="brands-list-v"] > tbody > tr.design-7.border-13 {
    box-shadow: 0 0 10px 0 var(--border-tomato) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-mint,
[class*="brands-list-v"] > tbody > tr.design-7.border-mint,
[class*="brands-list-v"] > *:not(tbody).design-7.border-14,
[class*="brands-list-v"] > tbody > tr.design-7.border-14 {
    box-shadow: 0 0 10px 0 var(--border-mint) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-coral,
[class*="brands-list-v"] > tbody > tr.design-7.border-coral,
[class*="brands-list-v"] > *:not(tbody).design-7.border-15,
[class*="brands-list-v"] > tbody > tr.design-7.border-15 {
    box-shadow: 0 0 10px 0 var(--border-coral) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-panteone,
[class*="brands-list-v"] > tbody > tr.design-7.border-panteone,
[class*="brands-list-v"] > *:not(tbody).design-7.border-16,
[class*="brands-list-v"] > tbody > tr.design-7.border-16 {
    box-shadow: 0 0 10px 0 var(--border-panteone) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-cyan,
[class*="brands-list-v"] > tbody > tr.design-7.border-cyan,
[class*="brands-list-v"] > *:not(tbody).design-7.border-17,
[class*="brands-list-v"] > tbody > tr.design-7.border-17 {
    box-shadow: 0 0 10px 0 var(--border-cyan) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-folly,
[class*="brands-list-v"] > tbody > tr.design-7.border-folly,
[class*="brands-list-v"] > *:not(tbody).design-7.border-18,
[class*="brands-list-v"] > tbody > tr.design-7.border-18 {
    box-shadow: 0 0 10px 0 var(--border-folly) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-slate,
[class*="brands-list-v"] > tbody > tr.design-7.border-slate,
[class*="brands-list-v"] > *:not(tbody).design-7.border-19,
[class*="brands-list-v"] > tbody > tr.design-7.border-19 {
    box-shadow: 0 0 10px 0 var(--border-slate) inset;
}

[class*="brands-list-v"] > *:not(tbody).design-7.border-sunset,
[class*="brands-list-v"] > tbody > tr.design-7.border-sunset,
[class*="brands-list-v"] > *:not(tbody).design-7.border-20,
[class*="brands-list-v"] > tbody > tr.design-7.border-20 {
    box-shadow: 0 0 10px 0 var(--border-sunset) inset;
}

/*  Borders DESIGN - 8  */

[class*="brands-list-v"] > *:not(tbody).design-8,
[class*="brands-list-v"] > tbody > tr.design-8 {
    border-radius: 19px;
}

[class*="brands-list-v"] > *:not(tbody).design-8::before,
[class*="brands-list-v"] > tbody > tr.design-8::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 22px;
    background: linear-gradient(90deg, #003C7D 0%, #0059B9 28.5%, #007AFF 56.5%, #4BA1FF 81.5%, #94C7FF 100%);
    z-index: -1;
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-green::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-green::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-0::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-0::before {
    background: linear-gradient(90deg, #047145 0%, #0E9B63 28.5%, #2AD38F 56.5%, #B5EFD8 81.5%, #D0FEEC 100%);
}


[class*="brands-list-v"] > *:not(tbody).design-8.border-green2::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-green2::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-1::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-1::before {
    background: linear-gradient(90deg, #006965 0%, #008C86 28.5%, #00C7BE 56.5%, #47F2EA 81.5%, #DAFCFB 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-blue::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-blue::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-2::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-2::before {
    background: linear-gradient(90deg, #1E1D80 0%, #3735A8 28.5%, #5856D6 56.5%, #7C7BE9 81.5%, #A3A1FF 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-blue2::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-blue2::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-3::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-3::before {
    background: linear-gradient(90deg, #003C7D 0%, #0059B9 28.5%, #007AFF 56.5%, #4BA1FF 81.5%, #94C7FF 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-purple::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-purple::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-4::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-4::before {
    background: linear-gradient(90deg, #8C2BBD 0%, #AF52DE 28.5%, #BE6DE6 56.5%, #D28DF6 81.5%, #DEA8FA 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-purple2::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-purple2::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-5::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-5::before {
    background: linear-gradient(90deg, #3F005F 0%, #570F7B 28.5%, #690A99 56.5%, #8D2ABE 81.5%, #A33DD6 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-pink::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-pink::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-6::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-6::before {
    background: linear-gradient(90deg, #C03A70 0%, #D34C82 28.5%, #F278A9 56.5%, #F897BE 81.5%, #FFD4E5 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-orange::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-orange::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-7::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-7::before {
    background: linear-gradient(90deg, #9A5A00 0%, #CD7800 28.5%, #FF9500 56.5%, #FFBA59 81.5%, #FFDFB2 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-yellow::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-yellow::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-8::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-8::before {
    background: linear-gradient(90deg, #AB8900 0%, #D6AB00 28.5%, #FFCC00 56.5%, #FFE88C 81.5%, #FFF8DE 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-red::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-red::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-9::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-9::before {
    background: linear-gradient(90deg, #4C0500 0%, #760700 28.5%, #970900 56.5%, #B6170D 81.5%, #D55148 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-lime::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-lime::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-10::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-10::before {
    background: linear-gradient(90deg, #849F1D 0%, #A7C938 28.5%, #C5EF51 56.5%, #D9FA99 81.5%, #F3FFD3 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-munsell::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-munsell::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-11::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-11::before {
    background: linear-gradient(90deg, #095766 0%, #0F7E8D 28.5%, #188FA7 56.5%, #3AB0C8 81.5%, #A6E3F0 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-tea-rose::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-tea-rose::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-12::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-12::before {
    background: linear-gradient(90deg, #D5A8A7 0%, #E0BDBB 28.5%, #EBBAB9 56.5%, #F5D4D3 81.5%, #FFF2F1 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-tomato::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-tomato::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-13::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-13::before {
    background: linear-gradient(90deg, #B33327 0%, #D2453A 28.5%, #FB4D3D 56.5%, #FF8579 81.5%, #FFD4CE 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-mint::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-mint::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-14::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-14::before {
    background: linear-gradient(90deg, #029178 0%, #03B391 28.5%, #03CEA4 56.5%, #7EF4D5 81.5%, #D2FFF6 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-coral::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-coral::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-15::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-15::before {
    background: linear-gradient(90deg, #C14D2E 0%, #E2673D 28.5%, #FF7F51 56.5%, #FFA689 81.5%, #FFE5D9 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-panteone::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-panteone::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-16::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-16::before {
    background: linear-gradient(90deg, #A64200 0%, #C14F00 28.5%, #FE5F00 56.5%, #FF9966 81.5%, #FFD7C2 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-cyan::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-cyan::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-17::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-17::before {
    background: linear-gradient(90deg, #00AFAA 0%, #00CCC7 28.5%, #00FFF5 56.5%, #66FFF9 81.5%, #C9FFFD 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-folly::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-folly::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-18::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-18::before {
    background: linear-gradient(90deg, #C40035 0%, #E70043 28.5%, #FF1654 56.5%, #FF7595 81.5%, #FFD8E0 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-slate::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-slate::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-19::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-19::before {
    background: linear-gradient(90deg, #4948B8 0%, #5857D2 28.5%, #6665DD 56.5%, #9796EC 81.5%, #E0E0FF 100%);
}

[class*="brands-list-v"] > *:not(tbody).design-8.border-sunset::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-sunset::before,
[class*="brands-list-v"] > *:not(tbody).design-8.border-20::before,
[class*="brands-list-v"] > tbody > tr.design-8.border-20::before {
    background: linear-gradient(90deg, #E2B97E 0%, #F0C78D 28.5%, #F2D0A4 56.5%, #F8E2C5 81.5%, #FFF9F0 100%);
}

/*  Borders DESIGN - 9  */
[class*="brands-list-v"] > *:not(tbody).design-9,
[class*="brands-list-v"] > tbody > tr.design-9 {
    border-radius: 12px;
}

[class*="brands-list-v"] > *:not(tbody).design-9::before,
[class*="brands-list-v"] > tbody > tr.design-9::before {
    content: '';
    position: absolute;
    top: -7px;
    left: -7px;
    right: -7px;
    bottom: -7px;
    border-radius: 14px;
    background: linear-gradient(148deg, #007AFF 23.12%, #CDE3FC 50%, #007AFF 76.88%);
    z-index: -1;

    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #007AFF 23.12%, #CDE3FC 50%, #007AFF 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-green::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-green::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-0::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-0::before {
    background: linear-gradient(148deg, #33956E 23.12%, #EEFFFC 50%, #33956E 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #33956E 23.12%, #EEFFFC 50%, #33956E 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-green2::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-green2::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-1::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-1::before {
    background: linear-gradient(148deg, #00C7BE 23.12%, #D9FFFD 50%, #00C7BE 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #00C7BE 23.12%, #D9FFFD 50%, #00C7BE 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-blue::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-blue::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-2::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-2::before {
    background: linear-gradient(148deg, #5856D6 23.12%, #DFDEFF 50%, #5856D6 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #5856D6 23.12%, #DFDEFF 50%, #5856D6 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-blue2::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-blue2::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-3::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-3::before {
    background: linear-gradient(148deg, #007AFF 23.12%, #CDE3FC 50%, #007AFF 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #007AFF 23.12%, #CDE3FC 50%, #007AFF 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-purple::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-purple::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-4::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-4::before {
    background: linear-gradient(148deg, #AF52DE 23.12%, #F5E2FF 50%, #AF52DE 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #AF52DE 23.12%, #F5E2FF 50%, #AF52DE 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-purple2::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-purple2::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-5::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-5::before {
    background: linear-gradient(148deg, #690A99 23.12%, #F3E0FC 50%, #690A99 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #690A99 23.12%, #F3E0FC 50%, #690A99 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-pink::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-pink::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-6::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-6::before {
    background: linear-gradient(148deg, #F278A9 23.12%, #FFDFEC 50%, #F278A9 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #F278A9 23.12%, #FFDFEC 50%, #F278A9 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-orange::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-orange::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-7::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-7::before {
    background: linear-gradient(148deg, #FF9500 23.12%, #FFEFD9 50%, #FF9500 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #FF9500 23.12%, #FFEFD9 50%, #FF9500 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-yellow::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-yellow::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-8::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-8::before {
    background: linear-gradient(148deg, #FFCC00 23.12%, #FFFAE8 50%, #FFCC00 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #FFCC00 23.12%, #FFFAE8 50%, #FFCC00 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-red::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-red::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-9::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-9::before {
    background: linear-gradient(148deg, #970900 23.12%, #FFDEDC 50%, #970900 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #970900 23.12%, #FFDEDC 50%, #970900 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-lime::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-lime::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-10::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-10::before {
    background: linear-gradient(148deg, #c5ef51 23.12%, #f4ffd3 50%, #c5ef51 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #c5ef51 23.12%, #f4ffd3 50%, #c5ef51 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-munsell::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-munsell::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-11::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-11::before {
    background: linear-gradient(148deg, #188fa7 23.12%, #dcf7fc 50%, #188fa7 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(148deg, #188fa7 23.12%, #dcf7fc 50%, #188fa7 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-tea-rose::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-tea-rose::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-12::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-12::before {
    background: linear-gradient(148deg, #ebbab9 23.12%, #fff1f0 50%, #ebbab9 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(148deg, #ebbab9 23.12%, #fff1f0 50%, #ebbab9 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-tomato::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-tomato::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-13::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-13::before {
    background: linear-gradient(148deg, #fb4d3d 23.12%, #ffe5e2 50%, #fb4d3d 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #fb4d3d 23.12%, #ffe5e2 50%, #fb4d3d 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-mint::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-mint::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-14::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-14::before {
    background: linear-gradient(148deg, #03cea4 23.12%, #cffaf0 50%, #03cea4 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #03cea4 23.12%, #cffaf0 50%, #03cea4 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-coral::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-coral::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-15::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-15::before {
    background: linear-gradient(148deg, #ff7f51 23.12%, #ffe3d6 50%, #ff7f51 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #ff7f51 23.12%, #ffe3d6 50%, #ff7f51 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-panteone::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-panteone::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-16::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-16::before {
    background: linear-gradient(148deg, #fe5f00 23.12%, #ffdecf 50%, #fe5f00 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #fe5f00 23.12%, #ffdecf 50%, #fe5f00 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-cyan::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-cyan::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-17::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-17::before {
    background: linear-gradient(148deg, #00fff5 23.12%, #e0fffe 50%, #00fff5 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #00fff5 23.12%, #e0fffe 50%, #00fff5 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-folly::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-folly::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-18::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-18::before {
    background: linear-gradient(148deg, #ff1654 23.12%, #ffdfe6 50%, #ff1654 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #ff1654 23.12%, #ffdfe6 50%, #ff1654 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-slate::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-slate::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-19::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-19::before {
    background: linear-gradient(148deg, #6665dd 23.12%, #e4e4ff 50%, #6665dd 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #6665dd 23.12%, #e4e4ff 50%, #6665dd 76.88%);
    }
}

[class*="brands-list-v"] > *:not(tbody).design-9.border-sunset::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-sunset::before,
[class*="brands-list-v"] > *:not(tbody).design-9.border-20::before,
[class*="brands-list-v"] > tbody > tr.design-9.border-20::before {
    background: linear-gradient(148deg, #f2d0a4 23.12%, #fff7e9 50%, #f2d0a4 76.88%);
    @media screen and (min-width: 768px) {
        background: linear-gradient(161deg, #f2d0a4 23.12%, #fff7e9 50%, #f2d0a4 76.88%);
    }
}
[class^="brands-list-v2"] {
    margin: 0 auto;
}

[class^="brands-list-v2"] .btn-card {
    min-width: unset;
    width: 100%;
    min-height: 38px;
}

[class^="brands-list-v2"] ul {
    list-style: none;
    padding-left: 0;
}

[class^="brands-list-v2"] ul.brands-item {
    margin: 20px auto;
}

[class^="brands-list-v2"] tbody,
[class^="brands-list-v2"] tr,
[class^="brands-list-v2"] ul.brands-item {
    width: 100%;
}

@media (min-width: 576px) and (max-width: 767px) {
    [class^="brands-list-v2"] tbody,
    [class^="brands-list-v2"] tr,
    [class^="brands-list-v2"] ul.brands-item {
        max-width: 540px;
    }
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] tbody,
    [class^="brands-list-v2"] tr:not(.more-brands),
    [class^="brands-list-v2"] ul.brands-item {
        display: block;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] tbody,
    [class^="brands-list-v2"] tr,
    [class^="brands-list-v2"] ul.brands-item {
        max-width: 1108px;
    }
}

body .section-generic [class^="brands-list-v2"] ul.brands-item li {
    margin-bottom: unset;
}

[class^="brands-list-v2"] .brands-item .flex {
    display: flex;
}

[class^="brands-list-v2"] .brands-item .flex-column {
    flex-direction: column;
}

[class^="brands-list-v2"] .brands-item .flex-center {
    align-items: center;
    justify-content: center;
}

[class^="brands-list-v2"] .brands-item .flex-between {
    justify-content: space-between;
}

[class^="brands-list-v2"] .brands-item .main-badges-item .ranking {
    font-size: 8px !important;
}

[class^="brands-list-v2"] .brands-item {
    list-style-type: none !important;
    background: var(--white);
    width: 100%;
    position: relative;
    margin-bottom: 1.4rem;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brands-item {
        flex-direction: column;
        padding: 1rem 0.75rem 1.75rem !important;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brands-item {
        padding: 0.75rem !important;
        display: grid;
        grid-template-columns: 18% 18% auto 20% 18%;
        grid-template-rows: 25px 25px 25px 25px 25px auto;
        grid-template-areas: "labels rating description bonus action" "img rating description bonus action" "img name description bonus action" "img name description bonus action" "img name description bonus action" "empty details details details details";
        column-gap: 0.25rem;
        row-gap: 0.04rem;
        align-items: center;
    }

    [class^="brands-list-v2"] .brands-item:before {
        /*content: '';*/
        /*position: absolute;*/
        /*width: 1px;*/
        /*height: 80%;*/
        /*background: var(--grey);*/
        /*left: 20.6%;*/
        /*top: 10%;*/
        box-shadow: 20.6% 10% 0 0 var(--grey);
    }
}

[class^="brands-list-v2"] .brands-item .list-number {
    font-size: 0.75rem;
    text-transform: unset;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: unset;
    color: #004199;
    margin-right: 1rem;
}

[class^="brands-list-v2"] .brand-labels {
    margin-bottom: 0.4rem !important;
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brands-item .list-number {
        font-size: 0.7rem;
        margin-right: 0.5rem;
    }

    [class^="brands-list-v2"] .brand-labels {
        grid-area: labels;
    }
}

[class^="brands-list-v2"] .brand-img img {
    width: 100%;
    max-width: 576px;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-img {
        justify-content: center;
        margin-bottom: 0.2rem !important;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-img {
        grid-area: img;
    }
}

[class^="brands-list-v2"] .brand-rating {
    width: auto;
    border-radius: 1.25rem;
    padding: 0.125rem 0.5rem !important;
    margin-bottom: 0.2rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: transparent;
    box-shadow: none;
    border: none;
}

[class^="brands-list-v2"] .brand-name, [class^="brands-list-v2"] .brand-rating {
    justify-content: center;
}

[class^="brands-list-v2"] .brand-rating .stars {
    font-weight: bold;
    font-size: 0.9rem !important;
    border: 1px solid #eff2fe;
    border-radius: 1.25rem;
    padding: 0.125rem 0.5rem;
}

[class^="brands-list-v2"] .brand-rating .single-review {
    font-size: 0.8rem !important;
}

.single-review a {
    text-decoration: none;
}

.single-review a:hover,
.single-review a:focus {
    text-decoration: underline;
}

[class^="brands-list-v2"] .brand-rating a:hover, [class^="brands-list-v2"] .brand-rating a:hover .icon-info:before {
    color: var(--link-hover-blue);
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-rating, [class^="brands-list-v2"] .brand-name {
        margin-left: 1.25rem;
    }

    [class^="brands-list-v2"] .brand-rating {
        grid-area: rating;
        justify-content: flex-start;
        align-items: center;
    }

    [class^="brands-list-v2"] .brand-name {
        grid-area: name;
        align-items: flex-start;
        justify-content: center;
    }

    [class^="brands-list-v2"] .brand-name H3 {
        text-align: center;
        margin-bottom: 0 !important;
        font-size: 1rem !important;
    }
}

[class^="brands-list-v2"] .brand-description {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-description {
        padding-top: 1rem !important;
        border-top: 1px dashed #dadada;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-description {
        grid-area: description;
        margin: 0 !important;
    }
}

[class^="brands-list-v2"] .brand-description p {
    line-height: 1rem;
    font-size: 0.76rem !important;
    max-width: 576px;
    display: inline-block;
}

[class^="brands-list-v2"] .brand-description .specs-title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
}

[class^="brands-list-v2"] .brand-description .specs-title {
    opacity: 0.6;
}

[class^="brands-list-v2"] .brand-description .payment-method img {
    width: 1.6rem;
    height: auto;
    margin: 0.2rem;
    filter: brightness(80%);
    opacity: 0.8;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-description p {
        width: 100%;
    }
}

[class^="brands-list-v2"] .brand-description .pros {
    min-width: 100%;
    display: flex;
    justify-content: center;
}

[class^="brands-list-v2"] .brand-description .pros ul {
    width: auto;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

[class^="brands-list-v2"] .brand-description .pros ul li {
    font-size: 0.9rem !important;
    margin-bottom: 0 !important;
    position: relative;
    padding-left: 24px;
    @media screen and (min-width: 768px) {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

[class^="brands-list-v2"] .brand-description .pros ul li:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 14px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\ee76";
    color: green;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 3px;
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-description .pros ul li {
        font-size: 0.8rem !important;
    }
}

[class^="brands-list-v2"] .brand-bonus {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: var(--dark);
    text-align: center;
    padding: 0.875rem 0.25rem !important;
    text-transform: uppercase;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-bonus {
        border-top: 1px dashed #dadada;
        margin: 1rem 0 !important;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-bonus {
        grid-area: bonus;
        font-size: 0.9rem;
    }
}

[class^="brands-list-v2"] .brand-action .btn-card {
    width: 10rem;
    height: 2.4rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

[class^="brands-list-v2"] .brand-action .main-badges-item {
    width: 10rem;
    height: 2.4rem;
    @media screen and (max-width: 991px) {
        min-width: 10rem;
        width:auto;
    }
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-action {
        justify-content: center;
    }
}

@media all and (max-width: 418px) {
    [class^="brands-list-v2"] .brand-action {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    [class^="brands-list-v2"] .brand-action .action-buttons {
        display: flex;
        justify-content: center;
    }

    [class^="brands-list-v2"] .brand-action .main-badges-item {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

@media all and (min-width: 992px) {
    [class^="brands-list-v2"] .brand-action {
        grid-area: action;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    [class^="brands-list-v2"] .brand-action .main-badges-item {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

[class^="brands-list-v2"] .brand-bottom {
    grid-area: details;
    width: 96%;
    margin-left: 4%;
    display: flex;
}

[class^="brands-list-v2"] .brand-bottom .row-wrapper {
    font-size: 0.7rem;
    line-height: 1rem;
    text-align: center;
    border-top: 1px dashed #dadada;
    margin-top: 1rem;
    padding-top: 0.4rem !important;
}

@media all and (max-width: 991px) {
    [class^="brands-list-v2"] .brand-bottom .row-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-left: 0;
    }
}

[class^="brands-list-v2"] .brand-bottom .brand-text-description {
    margin-bottom: -0.4rem;
    margin-top: 0.4rem;
    font-size: 0.7rem;
    line-height: 1rem;
    text-align: center;
    opacity: 0.6;
    display: inline-block;
    width: 100%;
}

[class^="brands-list-v2"] .brand-bottom .brand-content li:before {
    line-height: 0.8!important;
}
[class^="brands-list-v2"] .brand-bottom .brand-content:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-top: 1px dashed #dadada;
}

[class^="brands-list-v2"] .brand-bottom .brand-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    padding-bottom: 0.4rem;
    line-height: 1.4rem;
    width: 100%;
    font-size: 1rem;
}

[class^="brands-list-v2"] .brand-bottom .brand-content > span {
    min-width: 100%;
}

[class^="brands-list-v2"] .brand-bottom .brand-content > span:not([class]):not([class=""]):first-of-type,
[class^="brands-list-v2"] .brand-bottom .brand-content > div:not([class]):not([class=""]):first-of-type {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 12px;
    text-align: left;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .brand-content-title {
    font-weight: bold;
    padding: 0.6rem 0 0.3rem;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .brand-content-title.first-title {
    padding-bottom: 0;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .brand-content-title.first-title:after {
    content: "";
    display: block;
    width: 120px;
    height: 1px;
    background-color: var(--blue);
    margin-top: 0.25rem;
    position: relative;
    left: calc(50% - 60px);
}

[class^="brands-list-v2"] .brand-bottom .brand-content > span.brand-content-title:first-child {
    padding-top: 0;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper {
    min-width: unset;
    padding: 0 1rem;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-pros, [class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-cons {
    text-align: left;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper ul {
    padding-left: 0;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper ul li {
    margin-bottom: 0.26rem;
    font-size: 0.8rem !important;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-pros ul li,
[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-cons ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-pros ul li:before,
[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-cons ul li:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 14px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-bottom: 3px;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-pros ul li:before {
    content: "\ee76";
    color: green;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .cons-wrapper .cons-cons ul li:before {
    content: "\ed62";
    color: red;
}

[class^="brands-list-v2"] .brand-bottom .brand-content .brand-content-verdict {
    border: 1px solid #eff2fe;
    padding: 4px;
    border-radius: 4px;
}

/* ============================================================
   brands-list-v2 (extracted from migration.css)
   ============================================================ */

/* ------------ brands-list-v2 ----------- */

.main-badges-item {
    padding: 5px 0.5rem;
    border-radius: 0.25rem;
    border: none;
    margin-right: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: auto;
}

.main-badges-item:last-child {
    margin-right: 0;
}

.main-badges-item .ranking {
    color: var(--white);
    text-transform: uppercase;
    font-size: 9px;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding-top: 1px;
    padding-left: 4px;
}

.badge-place {
    padding: 0.25rem;
    color: #004199;
    background-color: #eff2fe;
}

.badge-place .ranking {
    font-size: 0.75rem;
    text-transform: unset;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: unset;
    color: #004199;
}

.badge-item-copy {
    border-radius: 2px;
    border: 1px dashed rgba(226, 14, 0, 0.4);
    background: var(--white);
    position: relative;
    cursor: pointer;
}

.badge-item-copy.active {
    animation: scaleElement 0.45s;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes scaleElement {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.badge-item-copy .copy-notification {
    display: none;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    position: absolute;
    color: var(--white);
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--blue);
    padding: 0 5px;
    border-radius: 8px;
}

.badge-item-copy .badge-item-text {
    color: var(--dark);
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
    line-height: normal;
    margin-right: 0.25rem;
}

.badge-item-copy .badge-item-value {
    color: #e20e00;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    padding-left: 0;
    text-transform: uppercase;
}

.badge-item-copy .badge-item-value.ellipsis {
    max-width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media all and (max-width: 1000px) {
    .badge-item-copy .badge-item-value.ellipsis {
        width: 50px;
    }
}

.badge-item-copy .icon-copy-code {
    display: inline-block;
    margin-left: 0.25rem;
    padding-right: 0;
    font-family: icomoon;
    font-size: 0.75rem;
    line-height: 0.75rem;
}


/* ============================================================
   rating-stars-text (extracted from migration.css cards-11/12 scope, stripped parent)
   ============================================================ */

.rating-stars-text {
    pointer-events: none;
    font-size: 11px;
    line-height: 0.875rem;
    color: #64666a;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}

.rating-stars-text .rating {
    pointer-events: inherit;
    color: #1b1b1b;
    font-size: 17px;
    line-height: 22px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}
/*-----------card V3------------*/

.brands-list-v3 .card {
    display: flex;
    flex-direction: column;
    padding: 12px;
    @media screen and (min-width: 768px) {
        padding: 20px;
        display: grid;
        grid-template-columns: 209px 1fr;
        grid-template-rows: auto auto auto auto;
        grid-template-areas:
        "image header"
        "image offer-promo-button"
        "details details"
        "content content"
        "description description";
        align-items: flex-start;
    }
    @media screen and (min-width: 992px) {
        grid-template-columns: 249px 1fr;
        padding: 28px;
    }

}

.brands-list-v3 .card .btn-card {
    min-width: unset;
    width: 100%;
}

.brands-list-v3 > ul.card {
    list-style: none;
}

/*   Image Wrapper   */
.brands-list-v3 .card > *:first-child {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    @media screen and (min-width: 768px) {
        grid-area: image;
        width: 209px;
    }

    @media screen and (min-width: 992px) {
        width: 249px;
    }
}


/*   Image Wrapper - NUMBER  */
.brands-list-v3 .card > *:first-child > span:nth-child(2):not(.badge) {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    min-width: 1.25rem;
    min-height: 1.25rem;
    position: absolute;
    left: 4px;
    top: 4px;
    box-shadow: 0 0 8px 2px rgba(20, 21, 22, 0.1);
    background-color: var(--dark-grey);
    color: white;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: 400;
}

/*   Image Wrapper - TAG  */
.brands-list-v3 .card > *:first-child > .badge {
    position: absolute;
    right: 4px;
    top: 4px;
}

.brands-list-v3 .card > *:first-child > .badge > .promo_icon:before {
    font-size: 0.75rem;
}

.brands-list-v3 .card > *:first-child > .badge > span:last-child {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.625rem;
    letter-spacing: 0.03rem;
}

/*   Card Header   */
.brands-list-v3 .card > .header,
.brands-list-v3 .card > .top,
.brands-list-v3 .card > .row {
    position: relative;
    display: flex;
    gap: 8px;
    @media screen and (max-width: 767px) {
        margin-top: 12px;
        justify-content: space-between;
        width: 100%;
    }

    @media screen and (min-width: 768px) {
        grid-area: header;
        margin-left: 24px;
    }
}

.brands-list-v3 .card > .header > *:first-child:not(.rating),
.brands-list-v3 .card > .header > *:first-child:not(.grade),
.brands-list-v3 .card > .header > *:first-child:not(.rank),
.brands-list-v3 .card > .top > *:first-child:not(.rating),
.brands-list-v3 .card > .top > *:first-child:not(.grade),
.brands-list-v3 .card > .top > *:first-child:not(.rank),
.brands-list-v3 .card > .row > *:first-child:not(.rating),
.brands-list-v3 .card > .row > *:first-child:not(.grade),
.brands-list-v3 .card > .row > *:first-child:not(.rank) {
    font-size: 1.25rem;
    line-height: 1;
    @media screen and (max-width: 360px) {
        max-width: 100px;
    }

    @media screen and (min-width: 361px) and (max-width: 420px) {
        max-width: 120px;
    }

    @media screen and (min-width: 421px) and (max-width: 767px) {
        max-width: 160px;
    }

    @media screen and (min-width: 768px) {
        max-width: 200px;
    }
}

/*   Card Header - RATING  */
.brands-list-v3 .card > .header > .rating,
.brands-list-v3 .card > .header > .grade,
.brands-list-v3 .card > .header > .rank,
.brands-list-v3 .card > .top > .rating,
.brands-list-v3 .card > .top > .grade,
.brands-list-v3 .card > .top > .rank,
.brands-list-v3 .card > .row > .rating,
.brands-list-v3 .card > .row > .grade,
.brands-list-v3 .card > .row > .rank {
    display: flex;
    align-items: center;
    height: 21px;
    @media screen and (max-width: 767px) {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }
}

.brands-list-v3 .card > .header > .rating > span:first-child,
.brands-list-v3 .card > .header > .grade > span:first-child,
.brands-list-v3 .card > .header > .rank > span:first-child,
.brands-list-v3 .card > .top > .rating > span:first-child,
.brands-list-v3 .card > .top > .grade > span:first-child,
.brands-list-v3 .card > .top > .rank > span:first-child,
.brands-list-v3 .card > .row > .rating > span:first-child,
.brands-list-v3 .card > .row > .grade > span:first-child,
.brands-list-v3 .card > .row > .rank > span:first-child {
    display: inline-block;
    margin-right: 4px;
}

.brands-list-v3 .card > .header > .rating > span:first-child:before,
.brands-list-v3 .card > .header > .grade > span:first-child:before,
.brands-list-v3 .card > .header > .rank > span:first-child:before,
.brands-list-v3 .card > .top > .rating > span:first-child:before,
.brands-list-v3 .card > .top > .grade > span:first-child:before,
.brands-list-v3 .card > .top > .rank > span:first-child:before,
.brands-list-v3 .card > .row > .rating > span:first-child:before,
.brands-list-v3 .card > .row > .grade > span:first-child:before,
.brands-list-v3 .card > .row > .rank > span:first-child:before {
    font-size: 20px;
}

.brands-list-v3 .card > .header > .rating > span:nth-child(2),
.brands-list-v3 .card > .header > .grade > span:nth-child(2),
.brands-list-v3 .card > .header > .rank > span:nth-child(2),
.brands-list-v3 .card > .top > .rating > span:nth-child(2),
.brands-list-v3 .card > .top > .grade > span:nth-child(2),
.brands-list-v3 .card > .top > .rank > span:nth-child(2),
.brands-list-v3 .card > .row > .rating > span:nth-child(2),
.brands-list-v3 .card > .row > .grade > span:nth-child(2),
.brands-list-v3 .card > .row > .rank > span:nth-child(2) {
    font-weight: 700;
    line-height: 21px;
    font-size: 1.125rem;
}

.brands-list-v3 .card > .header > .rating > span:nth-child(3),
.brands-list-v3 .card > .header > .grade > span:nth-child(3),
.brands-list-v3 .card > .header > .rank > span:nth-child(3),
.brands-list-v3 .card > .top > .rating > span:nth-child(3),
.brands-list-v3 .card > .top > .grade > span:nth-child(3),
.brands-list-v3 .card > .top > .rank > span:nth-child(3),
.brands-list-v3 .card > .row > .rating > span:nth-child(3),
.brands-list-v3 .card > .row > .grade > span:nth-child(3),
.brands-list-v3 .card > .row > .rank > span:nth-child(3) {
    font-weight: 700;
    line-height: 19px;
    font-size: 1rem;
    color: var(--dark-grey);
}

/*   Card Header - LINK  */

.brands-list-v3 .card > .header > a,
.brands-list-v3 .card > .top > a,
.brands-list-v3 .card > .row > a {
    color: var(--accent);
    line-height: 22px;
    @media screen and (min-width: 768px) {
        width: 164px;
        display: block;
        margin-left: auto;
    }
}

.brands-list-v3 .card > .header > span:nth-child(3),
.brands-list-v3 .card > .top > span:nth-child(3),
.brands-list-v3 .card > .row > span:nth-child(3) {
    width: 164px;
}

.brands-list-v3 .card > .header > a:hover,
.brands-list-v3 .card > .top > a:hover,
.brands-list-v3 .card > .row > a:hover,
.brands-list-v3 .card > .header > a:focus,
.brands-list-v3 .card > .top > a:focus,
.brands-list-v3 .card > .row > a:focus {
    color: var(--secondary);
}

/*   Wrapper for: Offer + Promo + Button Play  */

.brands-list-v3 .card > *:nth-child(3) {
    margin-top: 12px;
    display: flex;
    gap: 12px;

    @media screen and (max-width: 767px) {
        width: 100%;

        flex-direction: column;
    }
    @media screen and (min-width: 768px) {
        grid-area: offer-promo-button;
        justify-content: space-between;
        margin-left: 24px;
    }
}

/*   Card Body - Offer  */

.brands-list-v3 .card > *:nth-child(3) > .offer,
.brands-list-v3 .card > *:nth-child(3) > .promotion,
.brands-list-v3 .card > *:nth-child(3) > .proposal {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    color: black;
    @media screen and (min-width: 768px) {
        font-size: 1.375rem;
        width: 275px;
    }
    @media screen and (min-width: 992px) {
        width: 334px;
    }
}

/*   Card Body - Buttons wrapper  */

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    @media screen and (min-width: 768px) {
        width: 164px;
    }
}

/*  Card Body - Promo Code Block */

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) > .promo_code {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    border-radius: 4px;
    border: 1px dotted;
    border-color: var(--accent);
    color: #5a5a5a;
    min-height: 37px;
    padding: 8px 4px;
    font-size: 1rem;
    line-height: 1;
    @media screen and (min-width: 768px) {
        width: 164px;
        line-height: 14px;
        font-size: 14px;
        letter-spacing: -0.02rem;
    }
}

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) > .promo_code.active {
    animation: scaleElement 0.45s;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes scaleElement {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) > .promo_code > span:not(:last-child) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: #5a5a5a;
    transition: color 0.3s ease-in-out;
}

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) > .promo_code:hover:not(:active) > span:not(:last-child) {
    color: var(--accent);
}

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) > .promo_code:active > span:not(:last-child) {
    color: var(--secondary);
}

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) > .promo_code code {
    font-family: Roboto, serif;
    font-weight: 700;
    text-transform: uppercase;
    word-break: break-all;
    text-align: center;
}

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) > .promo_code .icon:before {
    content: "\efba";
    font-size: 12px;
}

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) > .promo_code > span:last-child {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    font-size: 0.75rem;
    background-color: var(--accent);
    color: white;
    padding: 3px 5px;
    border-radius: 8px;
    transition: opacity 0.3s ease-in-out;
    @media screen and (max-width: 767px) {
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
    }
    @media screen and (min-width: 768px) {
        right: 0;
        top: -22px;
    }
}

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) > .promo_code.active > span:last-child {
    opacity: 1;
}


/*  Card Body - Button  */

.brands-list-v3 .card > *:nth-child(3) > *:nth-child(2) > .btn-card {
    width: 100%;
    min-height: 38px;
    height: 38px;
    @media screen and (min-width: 768px) {
        min-width: auto;
    }
}

/* Details  */

.brands-list-v3 .details,
.brands-list-v3 .overview,
.brands-list-v3 .area {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    @media screen and (min-width: 768px) {
        grid-area: details;
        gap: 16px;
    }
}

.brands-list-v3 .details > *:first-child,
.brands-list-v3 .overview > *:first-child,
.brands-list-v3 .area > *:first-child {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    @media screen and (min-width: 768px) {
        gap: 16px;
    }
}

.brands-list-v3 .details > .open:first-child,
.brands-list-v3 .overview > .open:first-child,
.brands-list-v3 .area > .open:first-child {
    opacity: 1;
}

.brands-list-v3 .details > *:first-child > *,
.brands-list-v3 .overview > *:first-child > *,
.brands-list-v3 .area > *:first-child > * {
    padding-top: 12px;
    border-top: 1px solid #CFCFCF;
    @media screen and (min-width: 768px) {
        padding-top: 16px;
    }
}

.brands-list-v3 .details > *:first-child > *:first-child,
.brands-list-v3 .overview > *:first-child > *:first-child,
.brands-list-v3 .area > *:first-child > *:first-child {
    margin-top: 12px;
}

/* Payment methods + Game developers */

.brands-list-v3 .details > *:first-child > .header,
.brands-list-v3 .details > *:first-child > .top,
.brands-list-v3 .details > *:first-child > .row,
.brands-list-v3 .overview > *:first-child > .header,
.brands-list-v3 .overview > *:first-child > .top,
.brands-list-v3 .overview > *:first-child > .row,
.brands-list-v3 .area > *:first-child > .header,
.brands-list-v3 .area > *:first-child > .top,
.brands-list-v3 .area > *:first-child > .row {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    @media screen and (min-width: 768px) {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 24px;
    }
}

.brands-list-v3 .details > *:first-child > .header > *,
.brands-list-v3 .details > *:first-child > .top > *,
.brands-list-v3 .details > *:first-child > .row > *,
.brands-list-v3 .overview > *:first-child > .header > *,
.brands-list-v3 .overview > *:first-child > .top > *,
.brands-list-v3 .overview > *:first-child > .row > *,
.brands-list-v3 .area > *:first-child > .header > *,
.brands-list-v3 .area > *:first-child > .top > *,
.brands-list-v3 .area > *:first-child > .row > * {
    width: 100%;
    @media screen and (min-width: 768px) {
        max-width: 336px;
    }
    @media screen and (min-width: 768px) {
        max-width: 440px;
    }
}

.brands-list-v3 .details > *:first-child > .header > *:not(:first-child),
.brands-list-v3 .details > *:first-child > .top > *:not(:first-child),
.brands-list-v3 .details > *:first-child > .row > *:not(:first-child),
.brands-list-v3 .overview > *:first-child > .header > *:not(:first-child),
.brands-list-v3 .overview > *:first-child > .top > *:not(:first-child),
.brands-list-v3 .overview > *:first-child > .row > *:not(:first-child),
.brands-list-v3 .area > *:first-child > .header > *:not(:first-child),
.brands-list-v3 .area > *:first-child > .top > *:not(:first-child),
.brands-list-v3 .area > *:first-child > .row > *:not(:first-child) {
    @media screen and (max-width: 767px) {
        padding-top: 12px;
        border-top: 1px solid #CFCFCF;
    }
}

.brands-list-v3 .details > *:first-child > .header > *:first-child:last-child,
.brands-list-v3 .details > *:first-child > .top > *:first-child:last-child,
.brands-list-v3 .details > *:first-child > .row > *:first-child:last-child,
.brands-list-v3 .overview > *:first-child > .header > *:first-child:last-child,
.brands-list-v3 .overview > *:first-child > .top > *:first-child:last-child,
.brands-list-v3 .overview > *:first-child > .row > *:first-child:last-child,
.brands-list-v3 .area > *:first-child > .header > *:first-child:last-child,
.brands-list-v3 .area > *:first-child > .top > *:first-child:last-child,
.brands-list-v3 .area > *:first-child > .row > *:first-child:last-child {
    @media screen and (min-width: 768px) {
        max-width: 100%;
    }
}

.brands-list-v3 .details > *:first-child > .header > * > *:first-child,
.brands-list-v3 .details > *:first-child > .top > * > *:first-child,
.brands-list-v3 .details > *:first-child > .row > * > *:first-child,
.brands-list-v3 .overview > *:first-child > .header > * > *:first-child,
.brands-list-v3 .overview > *:first-child > .top > * > *:first-child,
.brands-list-v3 .overview > *:first-child > .row > * > *:first-child,
.brands-list-v3 .area > *:first-child > .header > * > *:first-child,
.brands-list-v3 .area > *:first-child > .top > * > *:first-child,
.brands-list-v3 .area > *:first-child > .row > * > *:first-child {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 21px;
}

.brands-list-v3 .details > *:first-child > .header > * > *:last-child,
.brands-list-v3 .details > *:first-child > .top > * > *:last-child,
.brands-list-v3 .details > *:first-child > .row > * > *:last-child,
.brands-list-v3 .overview > *:first-child > .header > * > *:last-child,
.brands-list-v3 .overview > *:first-child > .top > * > *:last-child,
.brands-list-v3 .overview > *:first-child > .row > * > *:last-child,
.brands-list-v3 .area > *:first-child > .header > * > *:last-child,
.brands-list-v3 .area > *:first-child > .top > * > *:last-child,
.brands-list-v3 .area > *:first-child > .row > * > *:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.brands-list-v3 .details > *:first-child > .header > * > *:last-child > *,
.brands-list-v3 .details > *:first-child > .top > * > *:last-child > *,
.brands-list-v3 .details > *:first-child > .row > * > *:last-child > *,
.brands-list-v3 .overview > *:first-child > .header > * > *:last-child > *,
.brands-list-v3 .overview > *:first-child > .top > * > *:last-child > *,
.brands-list-v3 .overview > *:first-child > .row > * > *:last-child > *,
.brands-list-v3 .area > *:first-child > .header > * > *:last-child > *,
.brands-list-v3 .area > *:first-child > .top > * > *:last-child > *,
.brands-list-v3 .area > *:first-child > .row > * > *:last-child > * {
    padding: 5px;
    border: 1px solid;
    border-color: var(--border-grey);
    border-radius: 4px;
    width: 36px;
    height: 36px;
}

/*   General Information  */

.brands-list-v3 .details > *:first-child > .info > *:first-child,
.brands-list-v3 .details > *:first-child > .stats > *:first-child,
.brands-list-v3 .details > *:first-child > .report > *:first-child,
.brands-list-v3 .overview > *:first-child > .info > *:first-child,
.brands-list-v3 .overview > *:first-child > .stats > *:first-child,
.brands-list-v3 .overview > *:first-child > .report > *:first-child,
.brands-list-v3 .area > *:first-child > .info > *:first-child,
.brands-list-v3 .area > *:first-child > .stats > *:first-child,
.brands-list-v3 .area > *:first-child > .report > *:first-child {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 21px;
}

.brands-list-v3 .details > *:first-child > .info > *:last-child,
.brands-list-v3 .details > *:first-child > .stats > *:last-child,
.brands-list-v3 .details > *:first-child > .report > *:last-child,
.brands-list-v3 .overview > *:first-child > .info > *:last-child,
.brands-list-v3 .overview > *:first-child > .stats > *:last-child,
.brands-list-v3 .overview > *:first-child > .report > *:last-child,
.brands-list-v3 .area > *:first-child > .info > *:last-child,
.brands-list-v3 .area > *:first-child > .stats > *:last-child,
.brands-list-v3 .area > *:first-child > .report > *:last-child {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 4px;
    @media screen and (min-width: 768px) {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }
}

/*   General Information ITEM */

.brands-list-v3 .details > *:first-child > .info > *:last-child > *,
.brands-list-v3 .details > *:first-child > .stats > *:last-child > *,
.brands-list-v3 .details > *:first-child > .report > *:last-child > *,
.brands-list-v3 .overview > *:first-child > .info > *:last-child > *,
.brands-list-v3 .overview > *:first-child > .stats > *:last-child > *,
.brands-list-v3 .overview > *:first-child > .report > *:last-child > *,
.brands-list-v3 .area > *:first-child > .info > *:last-child > *,
.brands-list-v3 .area > *:first-child > .stats > *:last-child > *,
.brands-list-v3 .area > *:first-child > .report > *:last-child > * {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px;
    border: 1px solid;
    border-color: var(--border-grey);
    border-radius: 4px;
    width: 100%;
    @media screen and (min-width: 768px) {
        width: fit-content;
    }
}

/*   Item Icon */
.brands-list-v3 .details > *:first-child > .info > *:last-child > * > *:first-child,
.brands-list-v3 .details > *:first-child > .stats > *:last-child > * > *:first-child,
.brands-list-v3 .details > *:first-child > .report > *:last-child > * > *:first-child,
.brands-list-v3 .overview > *:first-child > .info > *:last-child > * > *:first-child,
.brands-list-v3 .overview > *:first-child > .stats > *:last-child > * > *:first-child,
.brands-list-v3 .overview > *:first-child > .report > *:last-child > * > *:first-child,
.brands-list-v3 .area > *:first-child > .info > *:last-child > * > *:first-child,
.brands-list-v3 .area > *:first-child > .stats > *:last-child > * > *:first-child,
.brands-list-v3 .area > *:first-child > .report > *:last-child > * > *:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #E66739;
    width: 32px;
    height: 32px;
}

.brands-list-v3 .details > *:first-child > .info > *:last-child > * > *:first-child:before,
.brands-list-v3 .details > *:first-child > .stats > *:last-child > * > *:first-child:before,
.brands-list-v3 .details > *:first-child > .report > *:last-child > * > *:first-child:before,
.brands-list-v3 .overview > *:first-child > .info > *:last-child > * > *:first-child:before,
.brands-list-v3 .overview > *:first-child > .stats > *:last-child > * > *:first-child:before,
.brands-list-v3 .overview > *:first-child > .report > *:last-child > * > *:first-child:before,
.brands-list-v3 .area > *:first-child > .info > *:last-child > * > *:first-child:before,
.brands-list-v3 .area > *:first-child > .stats > *:last-child > * > *:first-child:before,
.brands-list-v3 .area > *:first-child > .report > *:last-child > * > *:first-child:before {
    color: #ffffff;
    font-size: 20px;
    padding: 0;
}

/*  Item Info */
.brands-list-v3 .details > *:first-child > .info > *:last-child > * > *:last-child > *,
.brands-list-v3 .details > *:first-child > .stats > *:last-child > * > *:last-child > *,
.brands-list-v3 .details > *:first-child > .report > *:last-child > * > *:last-child > *,
.brands-list-v3 .overview > *:first-child > .info > *:last-child > * > *:last-child > *,
.brands-list-v3 .overview > *:first-child > .stats > *:last-child > * > *:last-child > *,
.brands-list-v3 .overview > *:first-child > .report > *:last-child > * > *:last-child > *,
.brands-list-v3 .area > *:first-child > .info > *:last-child > * > *:last-child > *,
.brands-list-v3 .area > *:first-child > .stats > *:last-child > * > *:last-child > *,
.brands-list-v3 .area > *:first-child > .report > *:last-child > * > *:last-child > * {
    display: block;
    font-size: 14px;
}

.brands-list-v3 .details > *:first-child > .info > *:last-child > * > *:last-child > *:first-child,
.brands-list-v3 .details > *:first-child > .stats > *:last-child > * > *:last-child > *:first-child,
.brands-list-v3 .details > *:first-child > .report > *:last-child > * > *:last-child > *:first-child,
.brands-list-v3 .overview > *:first-child > .info > *:last-child > * > *:last-child > *:first-child,
.brands-list-v3 .overview > *:first-child > .stats > *:last-child > * > *:last-child > *:first-child,
.brands-list-v3 .overview > *:first-child > .report > *:last-child > * > *:last-child > *:first-child,
.brands-list-v3 .area > *:first-child > .info > *:last-child > * > *:last-child > *:first-child,
.brands-list-v3 .area > *:first-child > .stats > *:last-child > * > *:last-child > *:first-child,
.brands-list-v3 .area > *:first-child > .report > *:last-child > * > *:last-child > *:first-child {
    font-weight: 700;
    line-height: 16px;
}

.brands-list-v3 .details > *:first-child > .info > *:last-child > * > *:last-child > *:last-child,
.brands-list-v3 .details > *:first-child > .stats > *:last-child > * > *:last-child > *:last-child,
.brands-list-v3 .details > *:first-child > .report > *:last-child > * > *:last-child > *:last-child,
.brands-list-v3 .overview > *:first-child > .info > *:last-child > * > *:last-child > *:last-child,
.brands-list-v3 .overview > *:first-child > .stats > *:last-child > * > *:last-child > *:last-child,
.brands-list-v3 .overview > *:first-child > .report > *:last-child > * > *:last-child > *:last-child,
.brands-list-v3 .area > *:first-child > .info > *:last-child > * > *:last-child > *:last-child,
.brands-list-v3 .area > *:first-child > .stats > *:last-child > * > *:last-child > *:last-child,
.brands-list-v3 .area > *:first-child > .report > *:last-child > * > *:last-child > *:last-child {
    margin-top: 2px;
    line-height: 1;
}

/*  Additional Content  */

.brands-list-v3 .card .content,
.brands-list-v3 .card .features,
.brands-list-v3 .card .components {
    margin-top: 16px;
    grid-area: content;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
    @media screen and (min-width: 768px) {
        gap: 16px;
    }
}

/* Details Button Open/Close */

.brands-list-v3 .details > *:last-child,
.brands-list-v3 .overview > *:last-child,
.brands-list-v3 .area > *:last-child {
    display: flex;
    align-items: center;
    width: fit-content;
    cursor: pointer;
    gap: 12px;
    font-weight: 700;
    margin: 0 auto;
    padding: 2px 8px 1px 8px;
    border: 1px solid transparent;
    border-bottom-color: var(--accent);
    transition: color 0.3s ease-in-out, border-bottom-color 0.3s, opacity 0.3s ease-in-out;
    @media screen and (min-width: 768px) {
        padding: 7px 8px 6px 8px;
    }
}

.brands-list-v3 .details > *:last-child:hover,
.brands-list-v3 .overview > *:last-child:hover,
.brands-list-v3 .area > *:last-child:hover {
    color: var(--accent);
    outline: none;
}

.brands-list-v3 .details > *:last-child:focus:not(:hover),
.brands-list-v3 .overview > *:last-child:focus:not(:hover),
.brands-list-v3 .area > *:last-child:focus:not(:hover) {
    color: var(--accent);
    border-color: var(--accent);
    outline: none;
    border-radius: 4px;
}

.brands-list-v3 .details > *:last-child:active,
.brands-list-v3 .overview > *:last-child:active,
.brands-list-v3 .area > *:last-child:active {
    color: var(--secondary);
    border-bottom-color: var(--secondary);
}

.brands-list-v3 .details > *:last-child:after,
.brands-list-v3 .overview > *:last-child:after,
.brands-list-v3 .area > *:last-child:after {
    content: "\edb8";
    color: var(--accent);
    font-size: 16px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(180deg);
    transition: transform .3s ease-in-out, color .3s ease-in-out;
}

.brands-list-v3 .details > *:last-child:focus:not(:hover):after,
.brands-list-v3 .overview > *:last-child:focus:not(:hover):after,
.brands-list-v3 .area > *:last-child:focus:not(:hover):after {
    color: var(--accent);
}

.brands-list-v3 .details > *:last-child:active:after,
.brands-list-v3 .overview > *:last-child:active:after,
.brands-list-v3 .area > *:last-child:active:after {
    color: var(--secondary);
}

.brands-list-v3 .details > .open + *:after,
.brands-list-v3 .overview > .open + *:after,
.brands-list-v3 .area > .open + *:after {
    transform: rotate(0deg);
}

/* Footer description */

.brands-list-v3 .description {
    margin-top: 16px;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1;
    font-weight: 400;
    color: var(--dark-grey);
    @media screen and (min-width: 768px) {
        grid-area: description;
    }
}.brands-list-v4 .card {
    display: flex;
    flex-direction: column;
    background: #fff;
    max-width: 100%;
    padding: 16px;
    box-sizing: border-box;
    line-height: 1rem;
    font-family: 'Roboto', sans-serif;
    font-synthesis: none;
    list-style: none !important;
    @media (min-width: 576px) and (max-width: 767px) {
        max-width: 540px;
        padding: 20px;
    }
    @media (min-width: 768px) {
        display: grid;
        grid-template-columns: 324px auto 21%;
        grid-template-rows: auto;
        max-width: 1108px;
    }
}
.brands-list-v4 .card ul,
.brands-list-v4 .card ol {
    padding-left: 0;
}

.brands-list-v4 .card h1,
.brands-list-v4 .card h2,
.brands-list-v4 .card h3,
.brands-list-v4 .card h4,
.brands-list-v4 .card h5,
.brands-list-v4 .card h6 {
    margin: 0;
}

.brands-list-v4 .card p {
    font-weight: 400;
}

.brands-list-v4 .card ul {
    list-style: none !important;
}

.brands-list-v4 .card .card__image-wrapper {
    position: relative;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 24px;
    @media (min-width: 768px) {
        grid-column: 1 / 2;
        margin-bottom: 0;
        margin-right: 24px;
    }
}

.brands-list-v4 .card .card__image {
    width: 100%;

    height: auto;
    border-radius: 8px;
    display: block;
}

.brands-list-v4 .card .card__number {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #05050559;
    padding: 7px 12px 7px;
    border-radius: 4px;
}

.brands-list-v4 .card .card__body {
    @media (min-width: 768px) {
        grid-column: 2 / 3;
        padding-top: 8px;
    }
}

.brands-list-v4 .card .card__header {
    margin-bottom: 16px;
    @media (min-width: 576px) and (max-width: 768px) {
        display: flex;
        align-items: center;
    }
    @media (min-width: 768px) and (max-width: 991px) {
        display: block;
    }
    @media (min-width: 992px) {
        display: flex;
        align-items: center;
    }
}

.brands-list-v4 .card .card__badge {
    display: inline-block;
    font-weight: 600;
    padding: 7px 12px;
    border-radius: 4px;
    color: #fff;
    margin-bottom: 16px;
    text-transform: uppercase;
    @media (min-width: 576px) {
        margin-bottom: 0;
        margin-right: 16px;
    }
    @media (min-width: 768px) and (max-width: 991px) {
        margin-bottom: 8px;
    }
}

.brands-list-v4 .card .card__badge span.ranking {
    text-transform: unset;
    font-size: 14px;
}


.brands-list-v4 .card .card__stars {
    color: #F5BB28;
    font-size: 24px;
    margin-right: 4px;
}

.brands-list-v4 .card .card__rating-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--grey-dark);
}

.brands-list-v4 .card .card__separator {
    margin: 0 16px 0;
    color: var(--grey-dark);
}

.brands-list-v4 .card .card__review-link {
    font-size: 14px;
    color: #096AF7;
    font-weight: 600;
    text-decoration: none;
    text-wrap: nowrap;
}

.brands-list-v4 .card .card__review-link:hover {
    text-decoration: underline;
}

.brands-list-v4 .card .card__offer {
    display: block;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 16px;
    text-wrap: balance;
    line-height: 26px;
    color: #000;
}

.brands-list-v4 .card .card__title,
.brands-list-v4 .card .card__payment_methods--title {
    color: var(--grey-dark);
    font-size: 14px;
    font-weight: 500;
}

.brands-list-v4 .card .card__title {
    display: inline;
    font-weight: bold;
    color: #000;
}

.brands-list-v4 .card .card__payment_methods--wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.brands-list-v4 .card .card__payment_methods {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
    margin-top: 4px;
    margin-bottom: 24px;
    width: 100%;
    overflow: hidden;
    max-width: 192px;
    @media (min-width: 768px) {
        margin-bottom: 16px;
    }
    @media (min-width: 992px) {
        max-width: 214px;
        gap: 4px;
    }
}

.brands-list-v4 .card .card__method_icon {
    opacity: .6;
    width: 30px;
    height: 30px;
    min-width: 30px;
    @media (min-width: 992px) {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }
}

.brands-list-v4 .card .card__method--quantity {
    width: 30px;
    height: 30px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    line-height: 14px;
    color: var(--grey-dark);
    background-color: transparent;
    outline: none;
    border-radius: 50%;
    border: 1px solid var(--grey-dark);
    padding: 0;
    letter-spacing: -1;
    margin-bottom: 17px;
    margin-right: 4px;
    cursor: pointer;
    @media (min-width: 768px) {
        margin-bottom: 10px;
    }
    @media (min-width: 992px) {
        width: 32px;
        height: 32px;
    }
}

.brands-list-v4 .card .card__method--quantity.hidden {
    display: none;
}

.brands-list-v4 .card .card__method--quantity:hover,
.brands-list-v4 .card .card__method--quantity:focus {
    border: 1px solid var(--link-hover-blue);
    color: var(--link-hover-blue);
    background-color: #eaf3ff;
}


.brands-list-v4 .card .card__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    width: 100%;
    @media (min-width: 768px) {
        grid-column: 3 / 3;
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 8px;
    }
}

.brands-list-v4 .card .card__promo_wrapper {
    min-height: 30px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.brands-list-v4 .card .card__promo_wrapper.card__promo_wrapper--empty {
    @media (max-width: 767px) {
        display: none;
    }
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_code {
    position: relative;
    width: 100%;
    padding: 7px;
    text-align: center;
    font-size: 14px;
    color: var(--grey-dark);
    background-color: #096AF712;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    @media (min-width: 768px) {
        width: max-content;
    }
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_code.active {
    animation: scaleElement 0.45s;
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_value {
    color: #0648A7;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: normal;
    padding-left: 0;
    text-transform: uppercase;
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_icon {
    display: inline-block;
    margin-left: 0.25rem;
    padding-right: 0;
    font-family: icomoon;
    font-size: 0.75rem;
    line-height: 0.75rem;
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_icon:before {
    content: "\e96e";
    color: grey;
}

.brands-list-v4 .card .card__promo_wrapper .card__promo_notification {
    display: none;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    position: absolute;
    color: var(--white);
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--blue);
    padding: 0 5px;
    border-radius: 8px;
}


@keyframes scaleElement {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.brands-list-v4 .card .card__button {
    width: 100%;
}

.brands-list-v4 .card .btn-card {
    min-width: unset;
    width: 100%;
}

.brands-list-v4 .card .card__button span {
    max-width: unset;
}


.brands-list-v4 .card .card__footer {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
    padding-top: 16px;
    @media (min-width: 768px) {
        grid-column: 2 / 4;
        border-top: 1px solid var(--grey-dark);
    }
}

.brands-list-v4 .card .card__footer .additional_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.brands-list-v4 .card .card__footer .additional_info__header {
    display: flex;
    align-items: baseline;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease-in-out;
}

.brands-list-v4 .card .card__footer .additional_info__header:hover {
    color: var(--link-hover-blue);
    transition: 0.4s;
}

.brands-list-v4 .card .card__footer .additional_info__header:hover .additional_info__icon::before {
    border-right: 2px solid var(--link-hover-blue);
    border-bottom: 2px solid var(--link-hover-blue);
}

.brands-list-v4 .card .card__footer .additional_info__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.brands-list-v4 .card .card__footer .additional_info__icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    position: relative;
    transition: transform 0.3s ease-in-out;
}

.brands-list-v4 .card .card__footer .additional_info__icon::before {
    position: absolute;
    top: 7px;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--grey-dark);
    border-bottom: 2px solid var(--grey-dark);
    transform: rotate(45deg);
    transition: transform 0.3s ease-in-out;
}

.brands-list-v4 .card .card__footer .additional_info__header[aria-expanded="true"] .additional_info__icon::before {
    transform: rotate(-135deg);
}

.brands-list-v4 .card .card__footer .additional_info__wrapper {
    position: relative;
    overflow: hidden;
    max-height: 42px;
}

.brands-list-v4 .card .card__footer .additional_info__wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    pointer-events: none;
}

.brands-list-v4 .card .card__footer .expanded.additional_info__wrapper::after {
    display: none;
}

.brands-list-v4 .card .card__footer .additional_info__wrapper.expanded {
    max-height: 100%;
}

.brands-list-v4 .card .card__footer .additional_info__details {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}


.brands-list-v4 .card .card__footer .additional_info__item {
    border: 1px solid var(--grey-dark);
    padding: 6px 8px;
    font-size: 14px;
    border-radius: 4px;
}

.brands-list-v4 .card > .card__content {
    padding-top: 16px;
}

.brands-list-v4 .card .card__content li:before {
    line-height: 0.5!important;
}
.brands-list-v4 .card .card__content {
    gap: 16px;
    grid-column: 2 / 4;
    display: grid;
    line-height: 150%;
}
.brands-list-v4 .card .card__content ul {
    list-style: disc !important;
    padding-left: 1.5em;
}
.brands-list-v4 .card .card__content ol {
    list-style: decimal !important;
    padding-left: 1.5em;
}
.brands-list-v4 .card > li:last-child,
.brands-list-v4 tr.card td:last-child {
    grid-column: 2 / 4;
}
.brands-list-v4 .card > li:last-child {
    padding-top: 16px;
}

.brands-list-v4 .card .card__pros_cons--wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brands-list-v4 .card .card__pros_title, .card__cons_title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.brands-list-v4 .card .card__pros_list, .card__cons_list {
    color: var(--grey-dark);
}

.brands-list-v4 .card .card__pros_list li,
.brands-list-v4 .card .card__cons_list li {
    text-wrap: balance;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}

.brands-list-v4 .card .card__pros_list li:not(:last-child),
.brands-list-v4 .card .card__cons_list li:not(:last-child) {
    margin-bottom: 10px;
}

.brands-list-v4 .card .card__pros_list li::before {
    content: "✔";
    color: #28a745;
    font-weight: bold;
}

.brands-list-v4 .card .card__cons_list li::before {
    content: "✖";
    color: #dc3545;
    font-weight: bold;
}

.brands-list-v4 .card .card__verdict .card__verdict_title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.brands-list-v4 .card .card__verdict p {
    text-wrap: balance;
    font-size: 14px;
}

.brands-list-v4 .card .card__description .card__description_content {
    font-size: 10px;
    color: var(--grey-dark);
    text-align: center;
}

.brands-list-v4 table .additional_info,
.brands-list-v4 .card__footer ul li > .additional_info:not(:last-child),
.brands-list-v4 .card__footer tr td,
.brands-list-v4 li.card__footer ul li:not(:last-child) {
    padding-bottom: 10px;
}
/*-------------brand rating-------------*/
.rating-v1 {
    background-color: #FFFFFF;
    border-radius: 8px;
    border: 3px solid;
    border-color: var(--light-grey);
    @media screen and (min-width: 768px) {
        display: flex;
    }
    @media screen and (min-width: 992px) {
        border-width: 4px;
    }
}

.rating-v1 > div:first-child {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    @media screen and (max-width: 767px) {
        width: 100%;
        margin: 0 auto;
    }
    @media screen and (min-width: 768px) {
        padding: 24px;
        width: 236px;
    }
}

.rating-v1 > div:first-child > img {
    width: 188px;
    height: 94px;
}

.rating-v1 > div:first-child > .title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 4px;
    text-align: center;
}

.rating-v1 > div:first-child > .subtitle {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 4px;
    text-align: center;
}

.rating-v1 > div:first-child > .stars {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating-v1 > div:first-child > .stars [class*="icon-"]:before {
    font-size: 24px;
    color: #E1A80A;
}

.rating-v1 > div:first-child > .stars:not(:last-child) {
    margin-bottom: 16px;
}

.rating-v1 > div:first-child > .stars > span:last-child {
    font-size: 1.25rem;
    font-weight: 600;
    margin-left: 4px;
}

.rating-v1 > div:first-child > .stars > span:last-child span {
    color: var(--dark-grey);
}

.rating-v1 .button {
    width: 100%;
    max-width: 311px;
    @media screen and (min-width: 768px) {
        margin-top: auto;
    }
}

.rating-v1 > div:last-child {
    width: 100%;
    padding: 16px;
}

.rating-v1 > div:last-child > div {
    padding: 8px 12px;
    border-radius: 8px;

    @media screen and (min-width: 768px) {
        padding: 12px;
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }
    @media screen and (min-width: 992px) {
        width: 600px;
    }
}

.rating-v1 > div:last-child > div:not(:last-child) {
    border-bottom: 1px solid;
    border-color: var(--light-grey);
}

.rating-v1 > div:last-child > div > div:first-child {
    font-weight: 500;
    @media screen and (min-width: 768px) {
        width: fit-content;
    }
    @media screen and (min-width: 992px) {
        max-width: 192px;
    }
}

.rating-v1 > div:last-child > div > div:last-child {
    display: flex;
    align-items: center;
    gap: 8px;
    @media screen and (min-width: 768px) {
        min-width: 248px;
        width: 248px;
    }
    @media screen and (min-width: 992px) {
        min-width: 366px;
        width: 366px;
    }
}

.rating-v1 > div:last-child > div > div:last-child meter {
    inline-size: 100%;
}

.rating-v1 > div:last-child > div > div:last-child meter::-webkit-meter-bar {
    height: 12px;
    border-color: var(--light-grey);
    background-color: #FFFFFF;
    border-radius: 4px;
}

.rating-v1 > div:last-child > div > div:last-child > span {
    font-weight: 600;
}

.rating-v1 > div:last-child > div > div:last-child > span > span {
    color: var(--dark-grey);
}

/*------------brand rating 2-----------*/
.rating-v2 {
    background-color: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #ABABAB;
    @media screen and (min-width: 768px) {
        display: flex;
        gap: 24px;
    }
}

.rating-v2 > div:first-child {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    @media screen and (max-width: 767px) {
        max-width: 343px;
        margin: 0 auto;
    }
    @media screen and (min-width: 768px) {
        padding: 16px 24px;
        max-width: 304px;
    }
}

.rating-v2 > div:first-child > img {
    max-width: 311px;
    aspect-ratio: 2/1;
    @media screen and (min-width: 768px) {
        width: 253px;
    }
}

.rating-v2 > div:first-child > .title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 4px;
    text-align: center;
}

.rating-v2 > div:first-child > .subtitle {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 4px;
    text-align: center;
}

.rating-v2 > div:first-child > .stars {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating-v2 > div:first-child > .stars [class*="icon-"]:before {
    font-size: 24px;
    color: #E1A80A;
}

.rating-v2 > div:first-child > .stars:not(:last-child) {
    margin-bottom: 16px;
}

.rating-v2 > div:first-child > .stars > span:last-child {
    font-size: 1.25rem;
    font-weight: 600;
    margin-left: 4px;
}

.rating-v2 > div:first-child > .stars > span:last-child span {
    color: var(--dark-grey);
}

.rating-v2 .button {
    width: 100%;
    max-width: 311px;
    @media screen and (min-width: 768px) {
        margin-top: auto;
        max-width: 188px;
    }
}

.rating-v2 > div:last-child {
    width: 100%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rating-v2 > div:last-child > div {
    position: relative;
    padding: 8px 10px;
    border: 1px solid #ABABAB;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    @media screen and (min-width: 992px) {
        padding: 12px;
    }
}

.rating-v2 > div:last-child > div > div:first-child {
    font-weight: 500;
    padding-right: 72px;
}

.rating-v2 > div:last-child > div > div:last-child {
    display: flex;
    align-items: center;
    gap: 8px;
    @media screen and (min-width: 768px) {
        min-width: 248px;
        width: 248px;
    }
    @media screen and (min-width: 992px) {
        min-width: 366px;
        width: 366px;
    }
}

.rating-v2 > div:last-child > div > div:last-child meter {
    inline-size: 100%;
    block-size: 12px;
}

.rating-v2 > div:last-child > div > div:last-child meter::-webkit-meter-bar {
    height: 12px;
    border: none;
    background-color: #FFFFFF;
    border-radius: 4px;
}

.rating-v2 > div:last-child > div > div:last-child > span {
    font-weight: 600;
    position: absolute;
    right: 10px;
    top: 8px;
    @media screen and (min-width: 992px) {
        right: 12px;
        top: 12px;
    }
}

.rating-v2 > div:last-child > div > div:last-child > span > span {
    color: var(--dark-grey);
}

.post-list {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
    @media screen and (min-width: 768px) {
        gap: 24px 16px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    @media screen and (min-width: 992px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.post-list > .post {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid;
    border-color: var(--accent);
}

.post-list.design-2 > .post {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
}


body.style-3 .post-list > .post,
body.style-4 .post-list > .post,
body.style-5 .post-list > .post {
    border-color: var(--light-grey);
    box-shadow: 0 0 8px 2px rgba(20, 21, 22, 0.1);
}

body.style-6 .post-list > .post,
body.style-7 .post-list > .post,
body.style-8 .post-list > .post {
    border-color: var(--dark);
}

.post-list > .post > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.post-list.design-2 > .post > div {
    flex: 1;
    margin-top: 8px;
    flex-direction: column-reverse;
    gap: 12px;
    justify-content: space-between;
}


.post-list > .post > div > div {
    display: flex;
    gap: 8px;

}

.post-list:not([class*="design-2"]) > .post > div > div {
    flex-wrap: wrap;
    padding-top: 2px;
    padding-bottom: 2px;
}

.post-list.design-2 > .post > div > div {
    align-items: center;
    flex-direction: column;
    gap: 4px;
}

.post-list > .post > div > div > div {
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-list > .post > div > div > div > img {
    width: 20px;
    height: 20px;
    border-radius: 30px;
}

.post-list > .post > div > div > div > a,
.post-list > .post > div > div > div > p,
.post-list > .post > div > div > div > span {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--dark-grey);
}

.post-list > .post > div > div > div > a {
    text-decoration: underline;
}

.post-list > .post > div > div > div > a:hover {
    color: var(--accent);
}

.post-list > .post > div > div > time {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--dark-grey);
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.post-list:not([class*="design-2"]) > .post > div > div > time::before {
    content: "●";
    font-size: 10px;
    color: var(--dark-grey);
}

.post-list > .post > a {
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: none;
}

.post-list.design-2 > .post > a {
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.post-list > .post > a:hover {
    color: var(--accent);
}

.post-list > .post > div > p {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--dark-grey);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-list.design-2 > .post > div > p {
    text-align: center;
}

.post-list > .entry {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.post-list:not([class*="design-2"]) > .entry {
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 0 8px 2px rgba(20, 21, 22, 0.1);
}

body[class*="style-0"] .post-list:not([class*="design-2"]) > .entry,
body[class*="style-1"] .post-list:not([class*="design-2"]) > .entry,
body[class*="style-2"] .post-list:not([class*="design-2"]) > .entry,
body[class*="style-3"] .post-list:not([class*="design-2"]) > .entry,
body[class*="style-4"] .post-list:not([class*="design-2"]) > .entry,
body[class*="style-5"] .post-list:not([class*="design-2"]) > .entry,
body[class*="style-6"] .post-list:not([class*="design-2"]) > .entry,
body[class*="style-7"] .post-list:not([class*="design-2"]) > .entry,
body[class*="style-8"] .post-list:not([class*="design-2"]) > .entry,
body[class*="style-9"] .post-list:not([class*="design-2"]) > .entry {
    box-shadow: 0 0 8px 2px var(--wrapper-shadow-color);
}

.post-list.design-2 > .entry {
    padding-bottom: 20px;
    border-bottom: 2px solid;
    border-color: var(--light-grey);
}

body.style-3 .post-list.design-2 > .entry,
body.style-4 .post-list.design-2 > .entry,
body.style-5 .post-list.design-2 > .entry {
    border-color: var(--accent);
}

body.style-6 .post-list.design-2 > .entry,
body.style-7 .post-list.design-2 > .entry,
body.style-8 .post-list.design-2 > .entry {
    border-color: var(--grey);
}

.post-list > .entry > div > a {
    display: inline-block;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.2;
    transition: color 0.3s ease-in-out;
    text-transform: capitalize;
    text-decoration: none;
    @media screen and (min-width: 768px) {
        font-size: 1.3rem
    }
}


.post-list > .entry > div > a:hover {
    color: var(--accent);
}

.post-list > .entry > div > p {
    margin-top: 12px;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--dark-grey);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-list > .entry > div > div {
    margin-top: 8px;
}

.post-list.design-2 > .entry > div > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    justify-content: space-between;
    margin-top: 20px;
}

.post-list > .entry > div > div > div {
    display: flex;
    align-items: center;
    gap: 4px;
}

.post-list > .entry > div > div > div > img {
    width: 20px;
    height: 20px;
    border-radius: 30px;
}

.post-list > .entry > div > div > div > a,
.post-list > .entry > div > div > div > p,
.post-list > .entry > div > div > div > span {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
}

.post-list.design-2 > .entry > div > div > div > a,
.post-list.design-2 > .entry > div > div > div > p,
.post-list.design-2 > .entry > div > div > div > span {
    color: var(--dark-grey);
}

.post-list > .entry > div > div > div > a {
    text-decoration: underline;
    transition: color 0.3s ease-in-out;
}

.post-list > .entry > div > div > div > a:hover {
    color: var(--accent);
}

.post-list > .entry > div > div > time {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--dark-grey);
    display: flex;
    align-items: center;
}

.post-list:not([class*="design-2"]) > .entry > div > div > time {
    margin-top: 2px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--light-grey);
    border-radius: 8px;
    width: fit-content;
}

.post-list.design-2 > .entry > div > div > time {
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.post-list.design-2 > .entry > div > div > time::before {
    content: "●";
    font-size: 10px;
    color: var(--dark-grey);
}