.courses-lists-hero{height:320px;width:100%}.courses-lists-hero img{inset:0;position:absolute}.courses-lists-hero__mask{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(1deg,rgba(18,31,62,.9),rgba(18,31,62,0));inset:0;position:absolute;z-index:1}.dark-mode .courses-lists-hero__mask{background:linear-gradient(1deg,rgba(170,184,197,.9),rgba(170,184,197,0))}.courses-lists-header{margin-bottom:-119px;top:-119px;z-index:5}.courses-lists-header__mask{background:var(--white);border-radius:32px;inset:8px;bottom:-8px;opacity:.5;position:absolute;z-index:1}.courses-lists-header__overlay-img{bottom:16px;height:280px;position:absolute;right:16px;top:auto;width:280px}@media (max-width:991px){.courses-lists-header__overlay-img{bottom:auto;height:140px;top:0;width:140px}}.rtl .courses-lists-header__overlay-img{left:16px;right:auto}.courses-lists-featured{background-repeat:no-repeat;background-size:cover;height:470px}.courses-lists-featured__arrow{height:52px;position:absolute;right:48px;top:12px;width:59px}.rtl .courses-lists-featured__arrow{left:48px;right:auto}@media (max-width:991px){.courses-lists-featured{height:auto}}.courses-lists-filters__mask{background:var(--white);border-radius:16px;inset:8px;bottom:-8px;opacity:.5;position:absolute;z-index:1}.courses-lists-filters .courses-lists-sort-input{width:220px}.courses-lists-filters .courses-lists-card-view input{display:none;visibility:hidden}.courses-lists-filters .courses-lists-card-view input:checked+label{color:var(--primary)!important}.courses-lists-filters .courses-lists-card-view label{color:var(--gray-400)}.courses-lists-filters .courses-lists-card-view label:hover{background-color:var(--gray-100)!important}

/* Dark-mode contrast fixes (Classes page only) */
html.classes-lists-page body.dark-mode .courses-lists-filters .bg-white{background-color:rgba(18,31,62,.96)!important;border:1px solid rgba(170,184,197,.12)!important}
html.classes-lists-page body.dark-mode .courses-lists-filters__mask{background:rgba(255,255,255,.06)!important}
html.classes-lists-page body.dark-mode .courses-lists-filters .text-dark{color:rgba(255,255,255,.95)!important}
html.classes-lists-page body.dark-mode .courses-lists-filters .text-gray-500{color:rgba(170,184,197,.85)!important}
html.classes-lists-page body.dark-mode .courses-lists-filters .border-bottom-gray-100,html.classes-lists-page body.dark-mode .courses-lists-filters .border-top-gray-100,html.classes-lists-page body.dark-mode .courses-lists-filters .border-left-gray-200{border-color:rgba(170,184,197,.12)!important}

html.classes-lists-page body.dark-mode .courses-lists-filters .select2-container--default .select2-selection--single{background-color:rgba(255,255,255,.06)!important;border-color:rgba(170,184,197,.22)!important}
html.classes-lists-page body.dark-mode .courses-lists-filters .select2-container--default .select2-selection--single .select2-selection__rendered{color:rgba(255,255,255,.95)!important}
html.classes-lists-page body.dark-mode .courses-lists-filters .select2-container--default .select2-selection--single .select2-selection__placeholder{color:rgba(170,184,197,.75)!important}
html.classes-lists-page body.dark-mode .courses-lists-filters .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:rgba(255,255,255,.75) transparent transparent transparent!important}

html.classes-lists-page body.dark-mode .select2-dropdown{background-color:rgba(18,31,62,.98)!important;border-color:rgba(170,184,197,.22)!important}
html.classes-lists-page body.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field{background-color:rgba(255,255,255,.06)!important;border-color:rgba(170,184,197,.22)!important;color:rgba(255,255,255,.95)!important}
html.classes-lists-page body.dark-mode .select2-container--default .select2-results__option{color:rgba(255,255,255,.95)!important}
html.classes-lists-page body.dark-mode .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:rgba(1,112,255,.22)!important;color:#fff!important}
html.classes-lists-page body.dark-mode .select2-container--default .select2-results__option[aria-selected=true]{background-color:rgba(1,112,255,.12)!important}