@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{
    z-index: 2;
    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);
            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;
    z-index: 1;
    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;
}