@media (min-width: 1920px){

        .container, .menu-panel, .main-container, .category-menu > div{
                max-width: 100% !important;
        }
}

.main-container{
        padding-left: 0px !important;
        padding-right: 0px !important;
}

@media (min-width: 1024px){

        .main-container{
                padding-left: min(3vw,30px) !important;
                padding-right: min(3vw,30px) !important;
        }
}

@media (min-width: 1920px){

        .main-wrapper{
                max-width: calc(100% - 58px) !important;
        }
}

#breadcrumbs{
        padding-left: min(3vw,30px);
        padding-right: min(3vw,30px);
}

@media (min-width: 1024px){

        #breadcrumbs{
                padding-left: 0px;
                padding-right: 0px;
        }

        .main{
                margin-top: 10px;
                width: 100%;
        }
}

.RHS{
        margin-left: 10px !important;
}

@media (min-width: 1920px){

        .RHS{
                margin-left: min(3vw,30px) !important;
        }
}

.quote-frame{
        position: relative;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        align-content: flex-start;
}

@media (min-width: 1920px){

        .quote-frame{
                grid-template-columns: 360px auto;
                -moz-column-gap: min(3vw,30px);
                     column-gap: min(3vw,30px);
        }
}

.quote-search-panel{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.25rem;
        padding-top: 10px;
}

@media (min-width: 1280px){

        .quote-search-panel{
                gap: 10px;
        }
}

.quote-search-panel input#quotesearch{
        width: 80px;
        border-width: 1px;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        font-size: 19px;
}

.quote-search-panel .btn-search{
        cursor: pointer;
        background-image: url('/web_common/images/buttons/btn-search.svg');
}

.quote-search-panel .btn-search:is(.dark *){
        --tw-invert: invert(100%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.quote-search-panel .btn-search,.quote-search-panel .btn-refresh{
        height: 25px;
        width: 25px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
}

.quote-search-panel .quote-name{
        font-weight: 500;
        font-size: 19px;
    }

.livebar-sticky .quote-search-panel.fixed-input{
        top:98px;
    }

@media (min-width: 1024px){

        .livebar-sticky .quote-search-panel.fixed-input{
                top: calc(32px + 101px);
        }
}

.mobile-sticky-group{
        position: sticky;
        top: 74px;
        z-index: 10000;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        padding-left: min(3vw,30px);
        padding-right: min(3vw,30px);
}

@media (min-width: 1024px){

        .mobile-sticky-group{
                display: none;
        }
}

.mobile-sticky-group .quote-menu.mobile{
        position: sticky;
        top: 74px;
        z-index: 10;
        margin-bottom: 10px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1920px){

        .mobile-sticky-group .quote-menu.mobile{
                grid-column-start: 2;
                grid-row-end: 1;
        }
}

:is(.mobile-sticky-group .quote-menu.mobile) nav{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
}

:is(:is(.mobile-sticky-group .quote-menu.mobile) nav) a{
        white-space: nowrap;
}

:is(:is(.mobile-sticky-group .quote-menu.mobile) nav) a.active{
                font-weight: 500;
                font-size: 19px;
                --tw-text-opacity: 1;
                color: rgb(0 161 189 / var(--tw-text-opacity, 1));
            }

.mobile-sticky-group .quote-search-panel{
        display: flex;
}

@media (min-width: 1920px){

        .mobile-sticky-group .quote-search-panel{
                display: none;
        }
}

.desktop-quote-LHS{
        padding-left: min(3vw,30px);
        padding-right: min(3vw,30px);
}

@media (min-width: 1024px){

        .desktop-quote-LHS{
                padding-left: 0px;
                padding-right: 0px;
        }
}

@media (min-width: 1920px){

        .desktop-quote-LHS{
                position: sticky;
                top: calc(101px + 25px);
                z-index: 2;
                grid-column: span 1 / span 1;
                align-self: flex-start;
        }
}

.desktop-quote-LHS .quote-label-wrapper{
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 10px;
        width: calc(100% - 15px);
        flex-wrap: wrap;
        gap: 0.25rem;
}

:is(.desktop-quote-LHS .quote-label-wrapper) .quote-name{
            font-weight: 500;
            font-size: 24px;
        }

.desktop-quote-LHS .quote-realtime-fields{
        z-index: -1;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
}

:is(.desktop-quote-LHS .quote-realtime-fields) .nominal{
            font-weight: 400;
            font-size: 30px;
        }

@media (min-width: 1920px){

        :is(.desktop-quote-LHS .quote-realtime-fields) .nominal{
                font-size: 32px;
        }
}

:is(.desktop-quote-LHS .quote-realtime-fields) .change{
        font-size: 18px;
}

:is(.desktop-quote-LHS .quote-realtime-fields) .percentagechange{
        font-size: 18px;
}

:is(.desktop-quote-LHS .quote-realtime-fields) .nominal.arrow::before{
        font-size: 0.6em;
}

:is(.desktop-quote-LHS .nominal-fields) .nominal{
            font-weight: 400;
            font-size: 30px;
        }

@media (min-width: 1920px){

        :is(.desktop-quote-LHS .nominal-fields) .nominal{
                font-size: 32px;
        }
}

:is(.desktop-quote-LHS .nominal-fields) .change{
        font-size: 18px;
}

:is(.desktop-quote-LHS .nominal-fields) .percentagechange{
        font-size: 18px;
}

:is(.desktop-quote-LHS .nominal-fields) .nominal.arrow::before{
        font-size: 0.6em;
}

.desktop-quote-LHS .quote-field-list{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        -moz-column-gap: 10px;
             column-gap: 10px;
        row-gap: 10px;
        font-size: 15px;
}

:is(.desktop-quote-LHS .quote-field-list)  > ul:not(.pre-trade,.post-trade){
        display: flex;
        justify-content: space-between;
}

:is(:is(:is(.desktop-quote-LHS .quote-field-list) > ul:not(.pre-trade,.post-trade)) > li):first-child{
                    font-weight: 400;
                    --tw-text-opacity: 1;
                    color: rgb(102 102 102 / var(--tw-text-opacity, 1));
                }

:is(:is(:is(.desktop-quote-LHS .quote-field-list) > ul:not(.pre-trade,.post-trade)) > li):first-child:is(.dark *){
        --tw-text-opacity: 1;
        color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}

.title:is(:is(:is(.desktop-quote-LHS .quote-field-list) > ul:not(.pre-trade,.post-trade)) > li){
        font-size: 15px;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}

:is(.desktop-quote-LHS .quote-field-list.cas-vcm,.desktop-quote-LHS .quote-field-list.us-market-open) .title{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.25rem;
}

:is(:is(.desktop-quote-LHS .quote-field-list.cas-vcm,.desktop-quote-LHS .quote-field-list.us-market-open) .title)::after{
        height: 0.5rem;
        width: 0.5rem;
}

@keyframes pulse{

        50%{
                opacity: .5;
        }
}

:is(:is(.desktop-quote-LHS .quote-field-list.cas-vcm,.desktop-quote-LHS .quote-field-list.us-market-open) .title)::after{
        animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        border-radius: 9999px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(204 0 0 / var(--tw-border-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        --tw-content: '';
        content: var(--tw-content);
}

:is(:is(.desktop-quote-LHS .quote-field-list.cas-vcm,.desktop-quote-LHS .quote-field-list.us-market-open) .title):is(.dark *)::after{
        --tw-border-opacity: 1;
        border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}

:is(.desktop-quote-LHS .vcm) .title{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.25rem;
        font-size: 15px;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}

.active:is(:is(.desktop-quote-LHS .vcm) .title)::after{
        height: 0.5rem;
        width: 0.5rem;
}

@keyframes pulse{

        50%{
                opacity: .5;
        }
}

.active:is(:is(.desktop-quote-LHS .vcm) .title)::after{
        animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        border-radius: 9999px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(204 0 0 / var(--tw-border-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        --tw-content: '';
        content: var(--tw-content);
}

.active:is(:is(.desktop-quote-LHS .vcm) .title):is(.dark *)::after{
        --tw-border-opacity: 1;
        border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}

:is(.desktop-quote-LHS .vcm) table{
        width: 100%;
}

:is(:is(:is(:is(.desktop-quote-LHS .vcm) table) thead) tr) th{
                    font-weight: 400;
                    --tw-text-opacity: 1;
                    color: rgb(102 102 102 / var(--tw-text-opacity, 1));
                   }

:is(:is(:is(:is(.desktop-quote-LHS .vcm) table) thead) tr) th:is(.dark *){
        --tw-text-opacity: 1;
        color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}

:is(:is(:is(:is(:is(.desktop-quote-LHS .vcm) table) thead) tbody) tr) td{
        text-align: right;
}

.desktop-quote-LHS input#quote-field-more-trigger{
        display: none;
}

:is(.desktop-quote-LHS input#quote-field-more-trigger)  + .quote-field-more{
        display: none;
}

:is(.desktop-quote-LHS input#quote-field-more-trigger)  + .quote-field-more + label{
        margin-top: 10px;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
}

@media (min-width: 1920px){

        :is(.desktop-quote-LHS input#quote-field-more-trigger)  + .quote-field-more + label{
                margin-top: 0px;
                margin-bottom: 0px;
        }
}

:is(.desktop-quote-LHS input#quote-field-more-trigger)  + .quote-field-more + label::after{
            content: "";
            display: block;
            height: 0.75rem;
            width: 0.75rem;
            transition-property: all;
            transition-duration: 300ms;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transform-origin: 75% 75%;
            transform: rotate(45deg);
            box-shadow: 2px 2px;
            pointer-events: none;
        }

:is(.desktop-quote-LHS input#quote-field-more-trigger:checked)  + .quote-field-more{
        margin-top: 0.25rem;
        display: grid;
}

:is(.desktop-quote-LHS input#quote-field-more-trigger:checked)  + .quote-field-more + div.remark{
        display: block;
}

:is(.desktop-quote-LHS input#quote-field-more-trigger:checked)  + .quote-field-more + label{
        margin-top: 10px;
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1920px){

        :is(:is(.discover .desktop-quote-LHS) input#quote-field-more-trigger)  + .quote-field-more{
                display: block;
        }

        :is(:is(.discover .desktop-quote-LHS) input#quote-field-more-trigger)  + .quote-field-more + label{
                display: none;
        }
}

.desktop-quote-RHS{
    container-type: inline-size;
    container-name: quoteRHS;
    grid-column: span 1 / span 1;
    overflow: hidden;
    padding-left: min(3vw,30px);
    padding-right: min(3vw,30px);
}

@media (min-width: 1024px){

        .desktop-quote-RHS{
                padding-left: 0px;
                padding-right: 0px;
        }
}

.desktop-quote-RHS .quote-menu.desktop{
        display: none;
}

@media (min-width: 1920px){

        .desktop-quote-RHS .quote-menu.desktop{
                position: relative;
                display: block;
        }
}

:is(.desktop-quote-RHS .quote-menu.desktop) nav{
        display: flex;
}

:is(:is(.desktop-quote-RHS .quote-menu.desktop) nav) a{
        display: inline-block;
        white-space: nowrap;
        border-bottom-width: 3px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.25rem;
}

:is(:is(.desktop-quote-RHS .quote-menu.desktop) nav) a:hover,:is(:is(.desktop-quote-RHS .quote-menu.desktop) nav) a.active{
        --tw-border-opacity: 1;
        border-bottom-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}

:is(.desktop-quote-RHS .quote-menu.desktop) nav::after{
            content:"";
            position: absolute;
            bottom: 0px;
            z-index: -1;
            height: 3px;
            width: 100%;
            border-bottom-width: 3px}

.desktop-quote-RHS .history-performance{
        grid-column: span 1 / span 1;
}

.desktop-quote-RHS .related-products-list{
        margin-top: min(3vw,30px);
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: min(3vw,30px);
}

@media (min-width: 768px){

        .desktop-quote-RHS .related-products-list{
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

@container quoteRHS (min-width: 400px){
        .desktop-quote-RHS .history-performance{
                grid-column: span 2 / span 2;
        }
}

@container quoteRHS (min-width: 620px){
                :is(:is(.desktop-quote-RHS .quote-menu.desktop) nav) a{
                padding-left: 20px;
                padding-right: 20px;
        }
}

@container quoteRHS (min-width: 800px){
            :is(.desktop-quote-RHS .quote-menu.desktop) nav{
                font-size: 17px;
        }
                :is(:is(.desktop-quote-RHS .quote-menu.desktop) nav) a{
                padding-left: min(3vw,30px);
                padding-right: min(3vw,30px);
        }
}

@container quoteRHS (min-width: 1200px){
        .desktop-quote-RHS .related-products-list{
                grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .desktop-quote-RHS .history-performance{
                grid-column: span 1 / span 1;
        }
}

.livebar-sticky .mobile-sticky-group{
        top: calc(32px + 74px) !important;
}

@media (min-width: 1920px){

        .livebar-sticky .desktop-quote-LHS{
                top: calc(32px + 101px + 25px);
        }
}

:is(:is(.default-popup-panel .related-labels-popup-wrapper) section) .title{
        margin-bottom: min(3vw,30px);
        font-size: 28px !important;
}

:is(:is(.default-popup-panel .related-labels-popup-wrapper) section) section{
        margin-bottom: min(3vw,30px);
}

:is(:is(:is(.default-popup-panel .related-labels-popup-wrapper) section) section) p.sub-title{
        margin-bottom: 10px;
        font-size: 17px !important;
}

:is(:is(:is(.default-popup-panel .related-labels-popup-wrapper) section) section) ul li a.label{
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px !important;
}

.default-popup-panel .popup-title {
    font-family: "Noto Sans HK", sans-serif;
    font-weight: 500;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
    padding: 10px;
    text-align: center;
    font-size: 24px;
}

.default-popup-panel .popup-title:is(.dark *){
        --tw-text-opacity: 1;
        color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}

.discover .intervals{
        margin-top: 10px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
}

@media (min-width: 1920px){

        .discover .intervals{
                display: flex;
                flex-direction: row;
                align-items: center;
                flex-wrap: wrap;
        }
}

:is(.discover .intervals)  > div{
        border-width: 1px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
}

:is(.discover .intervals)  > div:hover{
        cursor: pointer;
}

/*interactive chart override*/

/*
.ichart{
    container-type: inline-size;
    container-name: ichart;

    .time-period {
        @apply desktop:hidden;
    }

    .shorter-width{
        @apply tablet:hidden;
    }

    /*
    .ichart-comparison .inputswitch, .ichart-event .inputswitch{
        @apply xxl:!hidden;
    }
    */

/*
}
*/

/*
@container ichart (min-width: 930px) {
    .time-period {
        @apply !block;
    }
}

@container ichart (min-width: 1060px) {
    .shorter-width{
        @apply !block;
    }

    ///*
    .ichart-comparison .inputswitch, .ichart-event .inputswitch{
        @apply !flex;
    }
    //*/

/*
}
*/

.desktop-quote-LHS input[type="checkbox"].popup-input:checked + .dropdown-content{
        display: flex;
    position: absolute;
    top: 50px;
    height: auto;
    width: 100%;
    min-width: 400px;
    border-radius: 0.25rem;
    border-width: 1px;
    z-index: 99;
}

.desktop-quote-LHS .search-popup .contentWrapper {
    position: static;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    max-height: 100%;
    width: 100%;
}

.desktop-quote-LHS .quote-search-panel{
        position: sticky;
        display: flex;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.desktop-quote-LHS .quote-search-panel:is(.dark *){
        --tw-bg-opacity: 1;
        background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1024px){

        .desktop-quote-LHS .quote-search-panel{
                top: 101px;
                padding-top: 0px;
        }

        :is(.desktop-quote-LHS .quote-search-panel) .quote-name{
                display: none;
        }
}

.desktop-quote-LHS .quote-search-panel.fixed-input{
        position: fixed;
        left: 0px;
        right: 0px;
        top: 74px;
        z-index: 10000;
        padding-left: min(3vw,30px);
        padding-right: min(3vw,30px);
        padding-bottom: 10px;
}

.livebar-sticky .desktop-quote-LHS .quote-search-panel.fixed-input{
        top: calc(32px + 74px) !important;
}

.desktop-quote-LHS .quote-search-panel.fixed-input .search-popup .contentWrapper{
        position: relative;
        z-index: 0;
}

.quote_ac_list{
        cursor: pointer;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
}

.quote_ac_list > li{
        border-bottom-width: 1px;
        border-style: dotted;
}

.quote_ac_list > li:is(.dark *){
        --tw-border-opacity: 1;
        border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}

.quote_ac_list > li:nth-last-child(2),
.quote_ac_list > li:nth-last-child(1){
        border-bottom-width: 0px;
}

.quote_ac_list > li:nth-last-child(1){
        border-style: solid;
}

.quote_ac_list li:not(:last-child):hover {
    transition: background-color 0.2s ease-out;
    --tw-bg-opacity: 1;
    background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))}

.quote_ac_list li:not(:last-child):hover:is(.dark *){
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}

/*
.quote-search-popup.dropdown-content .contentWrapper {
    @apply m-0 laptop:absolute laptop:w-full laptop:h-auto laptop:top-auto laptop:border laptop:rounded laptop:min-w-[400px] z-overlaycontent shadow-[-1px_10px_20px_-5px_rgb(0_0_0_/_20%)] dark:laptop:border-border-dark
}
    */

:is(:is(.et-swiper-table.quote-transaction-price table) colgroup) col.all{
        --tw-bg-opacity: 1;
        background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

:is(:is(.et-swiper-table.quote-transaction-price table) colgroup) col.auto{
        --tw-bg-opacity: 1;
        background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}

:is(:is(.et-swiper-table.quote-transaction-price table) colgroup) col.non-auto{
        --tw-bg-opacity: 1;
        background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}

.et-swiper-table.quote-warrant-center-table.custom-shadow{
    box-shadow:
    4px 0 4px -2px rgba(50,50,50,0.2),
    -4px 0 4px -2px rgba(50,50,50,0.2);
}

.quote-related-warrant .swipe-left-icon{
        position: relative;
}

:is(.quote-related-warrant .swipe-left-icon)::before{
        position: absolute;
        top: 3px;
        right: 40px;
        height: 20px;
        width: 20px;
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        background-image: url(/web_common/images/icons/swipe-left.svg);
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
}

@media (min-width: 768px){

        :is(.quote-related-warrant .swipe-left-icon)::before{
                display: none;
        }
}

.quote-related-warrant .swipe-right-icon{
        position: relative;
}

:is(.quote-related-warrant .swipe-right-icon)::after{
        position: absolute;
        top: 3px;
        left: 40px;
        height: 20px;
        width: 20px;
        background-image: url(/web_common/images/icons/swipe-left.svg);
        background-repeat: no-repeat;
        --tw-content: '';
        content: var(--tw-content);
}

@media (min-width: 768px){

        :is(.quote-related-warrant .swipe-right-icon)::after{
                display: none;
        }
}

.quote-related-warrant .tablefilter .tablefilter-option-selected{
        border-radius: 0.375rem;
        border-width: 2px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.quote-related-warrant .tablefilter .tablefilter-option-selected:is(.dark *){
        --tw-border-opacity: 1 !important;
        border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}

.quote-related-cbbc .tablefilter .tablefilter-option-selected{
        border-radius: 0.375rem;
        border-width: 2px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.quote-related-cbbc .tablefilter .tablefilter-option-selected:is(.dark *){
        --tw-border-opacity: 1 !important;
        border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}