@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');

:root{
    --immersive-primary: #4563FF;
    --immersive-black: #17181C;
    --immersive-light-black: #10122A;
    --immersive-footer:#E7E7F1;
}

.setting-container {display: none}
.su__tringle-top {left: calc(50% - 7px)}
.su__main-content * {font-family: var(--lia-bs-font-family-base) Geologica  !important}

/* Go To Top button */
.su__back-to-top {right: 95px}
.su__allcontent-incactive .footerSection.su__resultPaginationbtn_align.su__resultbtn { text-align: unset }
.su__ScrollToTop #goToTopBtn {height: 36px; width: 128px; border-radius: 2px; background-color: var(--immersive-footer) }
.su__ScrollToTop span.su__text-white.su__font-13.su__f-bold { font-size: 16px; font-weight: 500; line-height: 14px; color: var(--immersive-black) }
button.su__d-inline-block.resultsPerPage.su__cursor.su__radius-1.su__mr-3.su__font-12.su__f-regular.su__pr-2.su__pl-2.su__pt-1.su__pb-1 { height: 32px; background: #FFF; border-radius: 4px; border: 1px solid var(--immersive-footer) }

/* searchTips */
.searchTips-sidenav.su__with-overlay.su__Search-tips.su__rtlleft.su__rtlanimate-fadeLeft.su__position-fixed.su__zindex-3.su__bg-white.div-right.md-whiteframe-4dp.su__xs-w-100.su__searchTips-show.su__animate-fadown {height: fit-content;width: 500px;top: 22vh;left: 35vw;position: fixed;max-width: unset;border-radius: 12px}
ol.su__searchTip-list {padding-top: 18px;padding-bottom: 30px}
.su__searchTip-header h2.su__m-0.su__font-16 {color: #FFF;font-size: 20px;font-weight: 600;line-height: 150%}
.su__searchTip-header.su__p-3.su__bg-blue-grd.su__text-white.su__rtltext-right.su__position-relative {border-radius: 6px 6px 0px 0px;background: var(--immersive-light-black)}
ol.su__searchTip-list li {color: var(--immersive-light-black);font-size: 15px;font-weight: 400;line-height: 145%}
.su__searchTip-list li:before {color: var(--immersive-light-black);counter-increment: searchTipsCounter;content: counter(searchTipsCounter) ". ";font-size: 15px;font-weight: 400;line-height: 145%}
body {counter-reset: searchTipsCounter}
.su__searchTip-icon {top: 12px}
.su__searchTip-list li::before{top: 0px}

@media screen and (max-width: 786px){
    .searchTips-sidenav.su__with-overlay.su__Search-tips.su__rtlleft.su__rtlanimate-fadeLeft.su__position-fixed.su__zindex-3.su__bg-white.div-right.md-whiteframe-4dp.su__xs-w-100.su__searchTips-show.su__animate-fadown {scale: 0.95}    
}

/* Pagination Section */
.su__btn-back-to-top svg {top: -2px; right: 5px}
.footerSection .resultsPerPage{padding-right: 7px}
button.su__cursor.a11y-btn.d-block.p-0.su__font-12.su__f-regular:hover {color: var(--immersive-primary)}
.su__resultPaginationbtn_align.su__resultbtn .resultsPerPage span.su__pr-2 { color: var(--immersive-primary) }
.su__resultPaginationbtn_align.su__resultbtn .resultsPerPage span.su__text-black.su__pr-1 {color: var(--immersive-light-black)}
.su__pagination span span.su__pagination-active, .su__pagination span button.su__pagination-active {background: var(--immersive-primary)}
.su__pagination span span:hover, .su__pagination span button:hover{color: var(--immersive-primary); border-color: var(--immersive-footer)}
.su__pagination span span.su__pagination-active:hover, .su__pagination span button.su__pagination-active:hover {color: #fff; border: 1px solid var(--immersive-primary);}
.su__resultPaginationbtn_align.su__resultbtn .resultsPerPage span{ font-feature-settings: 'liga' off, 'clig' off; font-size: 14px; font-style: normal; font-weight: 500; line-height: 21px}
.su__pagination span span, .su__pagination span button { color: var(--immersive-light-black); text-align: center; font-feature-settings: 'liga' off, 'clig' off; font-size: 14px; font-style: normal; font-weight: 400; border: 1px solid var(--immersive-footer); height: 33px }

/* facet Section */
.facet .su__filter-toggle input[type='radio'] + label::before {top: 5px}
.su__filter-toggle input[type='checkbox']:checked + label::after {top: 6px}
.su__filter-toggle input[type='checkbox'] + label::before { border: 1px solid #D7D5E2 }
.facet .su__filter-toggle input[type='radio']:checked + label::after {left: 6px; top: 8px}
.facet h2.su__flex-1.su__font-14.filter-label.su__text-truncate.su__pr-3.su__my-0 {color: var(--immersive-light-black); font-size: 16px; font-weight: 500; line-height: 18px}

.su__search_facet-list  label.label-badge.su__bg-light-gray,
.facet .su__filter-badge.su__font-12.label-badge.su__bg-light-gray {background: transparent; color: var(--immersive-light-black); font-size: 14px; font-weight: 300; line-height: 24px}
.facet label.su__filter-label.su__d-inline-block.su__line-height-n.su__flex-1.su__text-truncate.su__font-12.su__ml-2.su__rtlmr-2.su__mr-3.su__rtlml-3.su__cursor {color: var(--immersive-light-black);font-size: 14px;font-weight: 300;line-height: 24px;padding: unset;margin: unset; text-transform: capitalize}
.facet .su__filter-toggle.su__w-100.su__flex-vcenter.su__border-color.su__font-18.su__position-relative.su__d-inline-block {display: flex; align-items: unset; gap: 12px }
.facet .su__fill-lblue{ fill: var(--immersive-primary)}

.su__filter-toggle input[type='radio']:checked + label::before,
.su__filter-toggle input[type='checkbox']:checked + label::before {
    background: var(--immersive-primary); border-color: var(--immersive-primary)
}

.su__search-facet input:focus-visible { border-radius: 4px; border: 1px solid #D7D5E2 !important; outline: 1px solid #D7D5E2; background: #FFF}
.su__search-facet input::placeholder { color: rgba(16, 18, 42, 0.60); font-size: 14px; font-weight: 300; line-height: 24px}


.facet .su__color-lblue, 
.facet button.su__font-12.su__px-3.su__py-2.su__cursor.su__bg-gray-hover.a11y-btn.su__w-100.su__text-left.su__filters-sort-active {
    color: var(--immersive-primary) 
}

span.su__position-absolute.su__showless-icon,
span.su__position-absolute.su__showmore-icon {display: none}

button.su__cursor.su__position-relative.su__font-12.su__color-blue.su__f-regular.su__showmore-text.su__d-inline-block.a11y-btn {color: var(--immersive-primary);font-size: 15px;line-height: 20px}
button.su__cursor.su__position-relative.su__font-12.su__color-blue.su__f-regular.su__showmore-text.su__d-inline-block.a11y-btn:hover {text-decoration: underline}
.su__search-head-icon {width: 24px;height: 24px;border: unset !important;border-radius: 6px;margin-left: auto;box-shadow: unset}

.su__search-facet-input:active,
.su__search-facet-input:not(:focus-visible){border-radius: 4px;border: 1px solid #D7D5E2;background: #FFF;outline: var(--immersive-primary)}
svg.su__position-absolute.su__search-facet-icon {top: 3px; left: 7px}
input.su__search-facet-input {color: var(--immersive-light-black); font-size: 14px; font-weight: 300; line-height: 24px }
.su__search-facet-items .su__search_facet-list input[type='checkbox']:checked + label::after {top: 15px}

.su__search_facet-list label.label-badge.su__bg-light-gray,
.su__search_facet-list label.su__filter-label.su__flex-1.su__text-truncate.su__font-12.su__mx-2.su__rtlmx-2.su__line-height-n.su__cursor {color: var(--immersive-light-black); font-size: 14px; font-weight: 300; margin-bottom: 0; text-transform: capitalize}

/* Top Facets */
section.su__contentTabs-section.su__w-100 {margin: 15px 0 10px 0}
.su__inactive-type:hover {color: var(--immersive-primary) !important}
.su__active-tab {color: var(--immersive-primary) !important; border-bottom: 3px solid var(--immersive-primary) !important; text-transform: uppercase; font-size: 16px;}
.su__inactive-type.su__tabs {color: var(--immersive-light-black); font-size: 16px; font-style: normal; font-weight: 500; line-height: 16px; text-transform: uppercase}
div#su__top_nav_outer_div {border-top: unset; background: transparent; justify-content: space-around; border-bottom: 1px solid var(--immersive-footer)}

/* NavBar */
aside.custom_suNavBar {display: flex; gap: 6px}
form#su__modal_a11y_trap {margin-right: -6px}
.su__search-view > .su__showing-lable span { color: var(--immersive-light-black); font-size: 16px; font-weight: 250; line-height: normal }
.su__search-view > .su__showing-lable span b { font-weight: 500 }
aside.custom_suNavBar_advanceAndContent {display: flex; gap: 30px; width: inherit}
.su__clear-filters button.su__clear-all-btn.su__loading-view { color: var(--immersive-primary); font-size: 14px; font-weight: 500; line-height: 18px; text-decoration: underline 0.15em rgba(0, 0, 0, 0); transition: text-decoration-color 300ms}
.su__clear-filters button.su__clear-all-btn.su__loading-view:hover{ text-decoration-line: underline; text-decoration-color: var(--immersive-primary)}
.su__sticky__filters.su__text-nowrap.su__radius.su__font-12.su__border.su__mr-2.su__rtlmr-0.su__rtlml-2.su__mb-1.su__text-black.su__bg-white { border-radius: 4px; border: 1px solid var(--immersive-footer); background: transparent}
.su__cancel__sticky {padding: 1px 2px 1px 1px;border-left: unset;color: var(--immersive-light-black)}

.su__clear-filter-row .su__sticky__head.su__font-12.su__color-lgray.su__font-bold,
.su__clear-filter-row span.su__sticky__filters__ellipses { color: var(--immersive-light-black); font-size: 14px; font-weight: 400; text-transform: capitalize }

select#su__relevance {height: 36px; margin-top: 2px; font-size: 16px; width: 8.25rem}

/* Advance Search & Bookmarks section */
@media screen and (min-width: 1200px){
    .su__advance-blocks { width: 30%; background-color: var(--immersive-footer); border-radius: 2px; height: 48px}
    .su__search_advance.su__d-xs-none.su__d-md-flex.su__font-12.su__radius-1.su__mr-2.su__rtlmr-0.su__rtlml-0 { display: flex; align-items: center; justify-content: center; height: inherit; margin: 0; width: 100%}
    span.su__font-13.su__p-1.su__rtlp-1.su__font-regular { text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: 14px; display: block; height: 38px; align-content: center}

    .su__mobile-child-block.su__advance-blocks:has(#su__modal_a11y_trap) {background: var(--immersive-primary)}
    .su__mobile-child-block.su__advance-blocks:has(#su__modal_a11y_trap) button.su__filters-button.su__btn.btn_advance-search .su__text-black.su__rtlp-1.su__font-regular{color: #fff !important }
}



svg.su__savebokmark-icon.su__p-2.su__mr-2.su__rtlmr-0.su__rtlml-2.su__bg-white-circle.su__radius-50,
svg.su__advance-icon,
svg.su__close-icon.su__bg-white-hover-50 {display: none}

.su__search_advance > .su__position-relative {width: 100%}
.su__advance-blocks :has(.su__advance-background) {background: var(--immersive-primary)}
span.su__text-black.su__font-13.su__p-1.su__rtlp-1.su__font-regular {color: var(--immersive-black)}
span.su__text-white.su__font-13.su__p-1.su__rtlp-1.su__font-regular {color: var(--immersive-footer)}
.su__allSelected-notshow.su__ipadview-block.su__d-md-flex.su__py-2.su__col-md-12 {justify-content: space-between}
.su__clear-filter-row.su__flex-vcenter.su__flex-wrap.su__pb-sm-1.su__loading-view.su__pb-sm-0.su__w-100 {width: fit-content}
button.su__filters-button.su__btn.btn_advance-search.su__radius-2.su__bg-white.su__flex-hcenter.su__rtlmr-0.su__rtlml-3.su__whitespace-no {background: transparent; width: 100%;margin: 0;}
h2.su__font-16.su__text-black.su__f-regular.su__text-truncate.su__d-inline-block.su__flex-1.su__position-relative.su__text-left.su__ml-2.su__pr-3.su__my-0 {color: #FFF;font-size: 20px;font-weight: 600;line-height: 150%}
.su__bookmark-popup-title.su__border-b.su__radius.su__px-3.su__py-3.su__flex-vcenter {background: var(--immersive-light-black)}
#su__advanceLabel  svg.su__close-icon.su__cursor path {fill: #fff}
#su__advanceLabel label.su__font-12.su__d-block.su__mb-1.su__f-regular {color: var(--immersive-light-black);font-size: 14px;font-weight: 300;line-height: 16px}
#su__advanceLabel input.su__form-control {border: 1px solid var(--immersive-footer)}
#su__advanceLabel button.su__btn-block.su__font-regular.su__full-btn.su__text-white.su__mt-2.su__bg-blue-grd.su__radius.su__font-14.su__refine__search {height: 46px; font-size: 16px;background: var(--immersive-primary);font-weight: 600;line-height: 14px;width: fit-content; border-radius: 2px}

button.su__feedback-btn.su__hover-bg-blue.su__text-white-hover.su__font-12.su__mt-1.su__p-2.su__radius.su__bg-white.su__border.su__btn.su__border_skyblue.su__text-blue:active,
#su__advanceLabel  button.su__btn-block.su__font-regular.su__full-btn.su__text-white.su__mt-2.su__bg-blue-grd.su__radius.su__font-14.su__refine__search:active {transform: scale(.98)}

#su__advanceLabel .su__advance_group.su__col-md-12.su__box-sizing {display: flex;flex-direction: column;align-items: center}
#su__advanceLabel button.su_clear_all_btn.su__bg-gray.su__font-italic.su__text-primary.su__btn-block.su__font-regular.su__full-btn.su__mt-2.su__radius.su__font-14.su__refine__search {width: fit-content;background: transparent;color: var(--immersive-primary);font-size: 14px;font-style: normal;font-weight: 500;text-decoration: underline 0.15em rgba(0, 0, 0, 0);transition: text-decoration-color 300ms;padding-left: unset}
#su__advanceLabel button.su_clear_all_btn.su__bg-gray.su__font-italic.su__text-primary.su__btn-block.su__font-regular.su__full-btn.su__mt-2.su__radius.su__font-14.su__refine__search:hover{text-decoration: underline;text-decoration-color: var(--immersive-primary);padding-left: unset}
#su__advanceLabel input.su__form-control {color: var(--immersive-light-black);font-size: 14px;line-height: 20px}
.su__bookmark-popup-title button.su__font-12.su__text-blue.su__pr-3.su__cursor.su__text-bold.d-block {color: var(--immersive-primary); display: none !important}
.su__savedResultBookmarkIcon svg path:hover {fill: var(--immersive-primary)}
.su__list-item-row [aria-label="Unsave"] path { fill: var(--immersive-primary)}
.su__resultSaved.su__resultSavedArabic { background-color: var(--immersive-primary); font-size: 13px; top: 20px; right: 45px}
span.su__bookmark-list.su__mt-1.su__ml-2.su__rtlmr-2.su__rtlml-0.su__cursor.su__outline-none.su__bg-white-hover-50.su__radius-50.bookmark-list-dots {margin: unset}

.su__bookmark-popup-title button svg path {fill: #fff}
.su__font-14.su__text-black.su__f-regular.su__flex-1.su__position-relative.su__mb-3 { color: var(--immersive-light-black); font-weight: 300; line-height: 16px}

button.su__btn.su__bg-gray.su__px-4.su__py-2.su__radius.su__cursor,
button.su__btn.su__bg-gray.su__bg-gray.su__px-4.su__py-2.su__mr-3.su__rtlml-3.su__rtlmr-0.su__radius.su__cursor { background-color: var(--immersive-footer); color: var(--immersive-light-black); font-weight: 300; line-height: 16px}
h2#dialog1_label {font-size: 20px;font-weight: 600;line-height: 150%}
.su__bookmark-popup-title.su__px-3.su__py-2.su__flex-vcenter.su__bg-blue-grd {background: var(--immersive-light-black)}
label.su__font-12.su__d-block.su__mb-1.su__f-regular {font-size: 14px; font-weight: 400; line-height: 16px; color: var(--immersive-light-black)}
.su__bookmark-inner input#Save-bookmark {border: 1px solid rgba(0, 0, 0, 0.12); line-height: 20px; color: var(--immersive-light-black)}
button.su__btn.su__bg-blue-grd.su__py-3.su__w-100.su__radius.su__bookmark-save { background-color: var(--immersive-primary); font-weight: 600; line-height: 14px; color: #fff; width: fit-content; display: flex; margin: 0 auto; padding: 12px 24px}
input#Save-bookmark:focus-visible {border-color: var(--immersive-primary); outline: var(--immersive-primary)}
.su__active-bookmark-list-icon svg path {fill: #fff}
button.su__tabs.su__tabs_bookmarkList.su__cursor.su__border-none.su__bg-white {color: var(--immersive-light-black);font-size: 16px;font-style: normal; font-weight: 500}
.su__BookmarkActive-tab {color: var(--immersive-primary) !important;border-color: var(--immersive-primary) !important}
.su__bookmark-btn.su__flex-vcenter.su__justify-content-between.su__p-3 {width: fit-content; margin: 0 auto; border-radius: 2px}
button.su__btn.su__bg-blue-grd.su__py-3.su__w-100.su__btn.su__p-2.su__bg-gray-40.su__radius-1.su__bookinput-h.su__bookmark-active {padding: 12px 24px;font-weight: 600;line-height: 14px; border-radius: 2px}
button.su__btn.su__bg-blue-grd.su__py-3.su__w-100.su__btn.su__p-2.su__bg-gray-40.su__radius-1.su__bookinput-h.su__bookmark-active:not(:disabled) {background-color: var(--immersive-primary)}
button.su__btn.su__bg-blue-grd.su__py-3.su__w-100.su__btn.su__p-2.su__bg-gray-40.su__radius-1.su__bookinput-h.su__bookmark-active:active {transform: scale(.98)}
a.su__cursor.su__w-100.su__font-14.su__bookmarkSavedResultText {color: var(--immersive-light-black);font-size: 16px;font-weight: 300;text-decoration-skip-ink: none;text-underline-offset: auto;text-underline-position: from-font}
.su__bookmark-ul input {accent-color: var(--immersive-primary); width: 16px; height: 16px}
button.su__save-bookmarks.su__flex-hcenter.a11y-btn.p-0,
:focus-visible:not(button):not(input) {outline: unset}
.su__ml-3.su__w-savebook.su__rtlmr-3.su__rtlml-0.su__outline-none.su__cursor {margin-right: 4px}
form.su__modal-inner.su__radius.su__animate-fadown.su__zindex-1.su__shadow-lg.su__bg-white.su__radius-1 {border-radius: 6px}
.su__container:has(.su__clear-filter-row.su__flex-vcenter.su__flex-wrap.su__pb-sm-1.su__loading-view.su__pb-sm-0.su__w-100 .su__sticky__filters) .su__advance-blocks  {width: 34.5%}

span.su__color-black.su__text-center.su__tags.su__mb-1.su__radius-3.su__mr-1.su__rtlmr-0.su__rtlml-2.su__line-height-n.su__font-10 {background: transparent;color: #707070;font-size: 14px;font-weight: 300;line-height: 21px}
.su__meta-data {flex: unset}
.su__meta-data > .su__flex-wrap:after{content: "•";color: #999;font-size: 18px}
.su__meta-data:last-child > .su__flex-wrap:after {content: ''}
.su__d-flex.su__flex-wrap.su__align-content-around.su__mt-2.font-12 {margin-left: -5px}
.su__bookmark-save:disabled{background-color: #d3d3d3 !important}

/* No Results */
p.custom-noResult-msg { color: var(--immersive-black); text-align: center; font-size: 16px; font-weight: 300; line-height: 18px}
p.su__sorry-no-result.su__font-bold.su__text-center.su__my-sm-1 { color: var(--immersive-light-black); font-size: 18px; font-weight: 500; line-height: 28px}
.no-results-row button.su__clear-filters-btn.su__border-none.su__bg-transparent.su__font-bold.su__font-14.su__p-0.su__color-lblue.su__cursor { color: #FFF; font-size: 16px; font-weight: 600; line-height: 14px; padding: 12px 24px; border-radius: 2px; background: var(--immersive-primary)}
button.su__clear-filters-btn.su__border-none.su__bg-transparent.su__font-bold.su__font-14.su__p-0.su__color-lblue.su__cursor:active {transform: scale(.98)}

.no-results-row .su__color-black.su__mr-1.su__rtlmr-0.su__rtlml-2.su__line-height-n.su__font-12,
.no-results-row .su__d-flex.su__flex-wrap:has(span.metaDataKey) {display: none}
.no-results-row .su_w-20p {width: 30px}
.no-results-row .highlight{font-size: unset}

/* Feedback */
.su_feedback_form .ft-green-tick, .su_w-20p { width: 72px; height: 72px }
.su__feedback-text {position: unset}
button.su__feedback-searchsvg.su__font-12.su__position-fixed.su__zindex.su__cursor.a11y-btn {position: relative; padding: 0}
.su__feedback-searchsvg {bottom: 0px}
.su__fillter-sortby-layout-2.su__flex-vcenter.su__position-relative.su__height-37px.su__mx-2.su__relevance_mb_view.su__mr_sort {margin: 0}
.cleBMj {padding: 0px}
.su__feedback-btn {color: #FFF;font-size: 16px;font-style: normal;font-weight: 600;background-color: var(--immersive-primary);border-radius: 2px;margin-bottom: 15px;padding: 12px 20px;display: flex;margin: 10px auto}
.su__feedtext-area {border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.12);width: calc(100% - 30px);margin-left: 15px}
.su__feed-txtarea .su__feedback-label, .su__feedback-label {color: var(--immersive-light-black);font-size: 16px;font-weight: 400;line-height: 16px;padding-left: 15px}
.su__feed-title {background: var(--immersive-light-black);padding: 1rem;color: #FFFFFF;font-size: 20px;font-style: normal;font-weight: 600;line-height: 150%}
.su__feed-rating {width: 380px;padding: 0.3rem}
.su__emoji {box-shadow: 0px 3px 40px #00c0f30f;background-size: 100%}
button.su__feedback-btn.disabled-btn {opacity: 0.65}
.su__feedback-modal button.a11y-btn.su__close-svg.su__position-absolute.su__flex-vcenter.su__bg-light-gray.su__bg-white-circle {background: transparent; top: 17px}

.su__emoji-icon0 {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Group_20023' data-name='Group 20023' transform='translate(-14587.5 -12608)'%3E%3Cpath id='Path_23532' data-name='Path 23532' d='M33,48.19A16.19,16.19,0,1,0,16.809,32,16.19,16.19,0,0,0,33,48.19ZM53,32A20,20,0,1,1,33,12,20,20,0,0,1,53,32Z' transform='translate(14574.5 12596)' fill='%234563FF' fill-rule='evenodd'/%3E%3Cpath id='Path_23533' data-name='Path 23533' d='M28.069,42.776a1.3,1.3,0,0,1-2.138-1.48,8.478,8.478,0,0,1,7.23-3.957,7.727,7.727,0,0,1,6.955,4.031A1.3,1.3,0,1,1,37.884,42.7a5.141,5.141,0,0,0-4.723-2.764A5.894,5.894,0,0,0,28.069,42.776Z' transform='translate(14574.5 12596)' fill='%234563FF'/%3E%3Cpath id='Path_23534' data-name='Path 23534' d='M26.042,32.053a1.3,1.3,0,1,0-2.084,1.554A3.693,3.693,0,0,0,27.086,35.2a3.622,3.622,0,0,0,2.961-1.6,1.3,1.3,0,0,0-2.093-1.542,1.069,1.069,0,0,1-.907.542A1.127,1.127,0,0,1,26.042,32.053Z' transform='translate(14574.5 12596)' fill='%234563FF'/%3E%3Cpath id='Path_23535' data-name='Path 23535' d='M38.042,32.053a1.3,1.3,0,1,0-2.084,1.554A3.693,3.693,0,0,0,39.086,35.2a3.622,3.622,0,0,0,2.961-1.6,1.3,1.3,0,0,0-2.093-1.542,1.069,1.069,0,0,1-.907.542A1.127,1.127,0,0,1,38.042,32.053Z' transform='translate(14574.5 12596)' fill='%234563FF'/%3E%3Cpath id='Path_23536' data-name='Path 23536' d='M22.589,27.869a1.3,1.3,0,0,1,.822-2.467L29.1,27.3a1.3,1.3,0,1,1-.822,2.467Z' transform='translate(14574.5 12596)' fill='%234563FF'/%3E%3Cpath id='Path_23537' data-name='Path 23537' d='M36.589,27.4a1.3,1.3,0,1,0,.822,2.467l6-2a1.3,1.3,0,1,0-.822-2.467Z' transform='translate(14574.5 12596)' fill='%234563FF'/%3E%3C/g%3E%3C/svg%3E");background-position: center}

.su__emoji-icon1 {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Group_20021' data-name='Group 20021' transform='translate(-14666.5 -12608)'%3E%3Cpath id='Path_23538' data-name='Path 23538' d='M122,48.19A16.19,16.19,0,1,0,105.81,32,16.19,16.19,0,0,0,122,48.19ZM142,32a20,20,0,1,1-20-20A20,20,0,0,1,142,32Z' transform='translate(14564.5 12596)' fill='%234563FF' fill-rule='evenodd'/%3E%3Cpath id='Path_23539' data-name='Path 23539' d='M110.8,28.7a1.2,1.2,0,1,1,2.4,0,1.8,1.8,0,0,0,3.6,0,1.2,1.2,0,1,1,2.4,0,4.2,4.2,0,1,1-8.4,0Z' transform='translate(14564.5 12596)' fill='%234563FF'/%3E%3Cpath id='Path_23540' data-name='Path 23540' d='M124.8,28.7a1.2,1.2,0,1,1,2.4,0,1.8,1.8,0,0,0,3.6,0,1.2,1.2,0,1,1,2.4,0,4.2,4.2,0,1,1-8.4,0Z' transform='translate(14564.5 12596)' fill='%234563FF'/%3E%3Cpath id='Path_23541' data-name='Path 23541' d='M118.864,40.372a1.3,1.3,0,1,1-1.727-1.944,7.053,7.053,0,0,1,5.03-1.725,6.922,6.922,0,0,1,4.694,1.723,1.3,1.3,0,0,1-1.722,1.949,4.357,4.357,0,0,0-3.012-1.072A4.5,4.5,0,0,0,118.864,40.372Z' transform='translate(14564.5 12596)' fill='%234563FF'/%3E%3C/g%3E%3C/svg%3E");margin-left: 13px;background-position: center}

.su__emoji-icon2 {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Group_20022' data-name='Group 20022' transform='translate(-14745.5 -12608)'%3E%3Cpath id='Path_23542' data-name='Path 23542' d='M211,48.19A16.19,16.19,0,1,0,194.81,32,16.19,16.19,0,0,0,211,48.19ZM231,32a20,20,0,1,1-20-20A20,20,0,0,1,231,32Z' transform='translate(14554.5 12596)' fill='%234563FF' fill-rule='evenodd'/%3E%3Cpath id='Path_23544' data-name='Path 23544' d='M207,29a3,3,0,1,1-3-3A3,3,0,0,1,207,29Z' transform='translate(14554.5 12596)' fill='%234563FF' fill-rule='evenodd'/%3E%3Cpath id='Path_23546' data-name='Path 23546' d='M221,29a3,3,0,1,1-3-3A3,3,0,0,1,221,29Z' transform='translate(14554.5 12596)' fill='%234563FF' fill-rule='evenodd'/%3E%3Cpath id='Path_23547' data-name='Path 23547' d='M203.5,40a1.5,1.5,0,0,1,1.5-1.5h12a1.5,1.5,0,0,1,0,3H205A1.5,1.5,0,0,1,203.5,40Z' transform='translate(14554.5 12596)' fill='%234563FF' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");margin-left: 13px;background-position: center}

.su__emoji-icon3 {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Group_20024' data-name='Group 20024' transform='translate(-14824.5 -12608)'%3E%3Cpath id='Path_23548' data-name='Path 23548' d='M300,48.19A16.19,16.19,0,1,0,283.81,32,16.19,16.19,0,0,0,300,48.19ZM320,32a20,20,0,1,1-20-20A20,20,0,0,1,320,32Z' transform='translate(14544.5 12596)' fill='%234563FF' fill-rule='evenodd'/%3E%3Cpath id='Path_23549' data-name='Path 23549' d='M295.023,35.2a1.3,1.3,0,0,0-2.046,1.6,8.756,8.756,0,0,0,7.185,3.5,7.915,7.915,0,0,0,6.915-3.572,1.3,1.3,0,1,0-2.154-1.457,5.327,5.327,0,0,1-4.761,2.428A6.163,6.163,0,0,1,295.023,35.2Z' transform='translate(14544.5 12596)' fill='%234563FF'/%3E%3Cpath id='Path_23550' data-name='Path 23550' d='M304.8,27.712a1.1,1.1,0,0,1-1.61-1.5,3.727,3.727,0,0,1,2.889-1.207,3.62,3.62,0,0,1,2.725,1.212,1.1,1.1,0,0,1-1.618,1.49,1.439,1.439,0,0,0-1.134-.5A1.544,1.544,0,0,0,304.8,27.712Z' transform='translate(14544.5 12596)' fill='%234563FF'/%3E%3Cpath id='Path_23551' data-name='Path 23551' d='M292.8,27.712a1.1,1.1,0,0,1-1.609-1.5,3.727,3.727,0,0,1,2.889-1.207,3.62,3.62,0,0,1,2.725,1.212,1.1,1.1,0,0,1-1.618,1.49,1.439,1.439,0,0,0-1.134-.5A1.546,1.546,0,0,0,292.8,27.712Z' transform='translate(14544.5 12596)' fill='%234563FF'/%3E%3C/g%3E%3C/svg%3E");margin-left: 13px;background-position: center}

.su__emoji-icon4 {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Group_20025' data-name='Group 20025' transform='translate(-14903.5 -12608)'%3E%3Cpath id='Path_23552' data-name='Path 23552' d='M389,48.19A16.19,16.19,0,1,0,372.81,32,16.19,16.19,0,0,0,389,48.19ZM409,32a20,20,0,1,1-20-20A20,20,0,0,1,409,32Z' transform='translate(14534.5 12596)' fill='%234563FF' fill-rule='evenodd'/%3E%3Cpath id='Path_23553' data-name='Path 23553' d='M380.116,34.962a2.183,2.183,0,0,1,2.168-2.442h13.431a2.184,2.184,0,0,1,2.169,2.442,8.929,8.929,0,0,1-17.768,0Z' transform='translate(14534.5 12596)' fill='%234563FF'/%3E%3Cpath id='Path_23554' data-name='Path 23554' d='M393.867,27.94a1.1,1.1,0,0,1-1.734-1.354,3.78,3.78,0,0,1,3.16-1.547,3.693,3.693,0,0,1,2.978,1.552,1.1,1.1,0,0,1-1.742,1.344,1.523,1.523,0,0,0-1.268-.7A1.6,1.6,0,0,0,393.867,27.94Z' transform='translate(14534.5 12596)' fill='%234563FF'/%3E%3Cpath id='Path_23555' data-name='Path 23555' d='M381.867,27.94a1.1,1.1,0,0,1-1.734-1.354,3.78,3.78,0,0,1,3.16-1.547,3.693,3.693,0,0,1,2.978,1.552,1.1,1.1,0,0,1-1.742,1.344,1.523,1.523,0,0,0-1.268-.7A1.6,1.6,0,0,0,381.867,27.94Z' transform='translate(14534.5 12596)' fill='%234563FF'/%3E%3C/g%3E%3C/svg%3E");margin-left: 10px;background-position: center}

button.su__feedback-btn.disabled-btn {opacity: 0.65}
.su_feedback_form .su__feed-title.su__font-14.su__text-black.su__word-break {background-color: unset !important; color: var(--imersive-light-black); font-size: 14px; font-weight: 500; line-height: 20px}
.thxClose svg.su__close-icon.su__cursor path {fill: #fff}
.su__feed-rating.su__flex-vcenter.su__font-10 {margin-left: 6px}
button.su__feedback-btn.su__hover-bg-blue.su__text-white-hover.su__font-12.su__mt-1.su__p-2.su__radius.su__bg-white.su__border.su__btn.su__border_skyblue.su__text-blue:hover {background-color: var(--immersive-primary)}

/* Live Count & Solved */
.customLiveCount {display: flex;align-items: center;gap: 6px}
.customLiveCount:hover svg path {fill: var(--immersive-primary)}
.customLiveCount:hover span {color: var(--immersive-primary); font-weight: 500}
.su__w-100.su__overflow-hide.su__media-body.su__word-break:has(.customLiveCountContainer) {padding-bottom: 12px}
.su__ml-2.su__text-right.su__loading-view.su__d-flex.su__align-items-baseline {width: fit-content;height: fit-content}
.customLiveCountContainer {display: flex;align-items: center;gap: 12px;float: right;position: absolute;right: 22px;bottom: 15px}

.su__list-item-title.su__flex-vcenter.su__mw-100 { position: relative}
.customSolvedResult p { color: #3CA7A1; font-size: 14px; font-weight: 600; line-height: 14px; margin: 0}
.customSolvedResult { display: flex; gap: 5px; border-radius: 160px; background: rgba(60, 167, 161, 0.08); padding: 2px 8px; margin: 0}
span.su__solved.su__whitespace-no.su__font-12.su__px-1.su__rtlmr-1.su__ml-1.su__rtlml-0.su__d-inline-block { display: flex; align-self: center; position: absolute; right: -24px; z-index: 99;}

/* DYM */
.su__didumean.su__mb-2 span{ color: var(--immersive-light-black); font-size: 20px; font-weight: 300; line-height: 28px}
.su__didumean.su__mb-2 span.su__text-decoration{ color: var(--immersive-primary)}
.su__didumean.su__mb-2 span.su__text-decoration:hover{ text-decoration: underline}

/* Results Section */
.su__list-item-row img{border-radius: 50%}
.su__href-txt.su__font-italic.su_letter_space { display: none }
.su__w-auto.su__Language-boxs.su__flex-vcenter { display: none}
#oopsText .su__w-100.su__text-center.su__mt-3 {margin-bottom: 1rem}
h2.su__text-truncate.su__my-0.su__font-14.su__line-height-n span.highlight {color: var(--immersive-primary)}
.su__list-item-desc .highlight {color: var(--immersive-black); border-bottom: 1px solid var(--immersive-primary)}
.su__list-item-row .su__mt-025.su_w-20p.su__mr-2.su__rtlml-2.su__rtlmr-0 {height: 30px; width: 30px; margin-right: 15px}
.su__d-flex.su__align-items-baseline.su__IconsSectionW-20,
.su__list-item-row .su__ml-2.su__text-right.su__loading-view.su__d-flex.su__align-items-baseline {display: flex; align-items: end}
h2.su__text-truncate.su__my-0.su__font-14.su__line-height-n {color: var(--immersive-light-black); font-size: 16px; line-height: 20.8px}
span.su__ribbon-title.su__bg-blue.su__font-12.su__font-bold.su__px-2.su__rtlmr-1.su__ml-1.su__rtlml-0.su__d-inline-block.su__radius-3.su_source_label_font { padding: 5px; font-size: 11px; font-weight: 500; line-height: 12px; font-style: normal; border-radius: 6px; letter-spacing: 0.5px; text-transform: uppercase; background: var(--immersive-footer); color: var(--immersive-light-black); margin-left: 46px}
span.su__list-item-desc.su__w-100.su__loading-view.su_letter_space {color: var(--immersive-light-black); font-size: 14px; font-weight: 300; line-height: 21px }
.su__w-100.su__font-14.su__text-center.su__text-black.su__font-bold.su__line-height-n.su__mb-3.su__font_bookmark_text {color: var(--immersive-light-black);text-align: center;font-size: 16px;font-style: normal;font-weight: 300;line-height: 150%}
aside.custom_suNavBar {display: flex; align-items: center}
.multiVersionGridView:has(.su_source_label_font) {margin-left: unset}

.MessageListForSearchWidget_lia-content__54GwM,
form[data-testid="InputEditForm.SearchResultPageForm"] {display: none}

/* autocomplete bar starts */

button.su__btn.su__search_btn.su__animate-zoom.su__flex-vcenter.su__position-absolute.su__zindex.su__bg-transparent.su__rtlleft { left: 0px; width: fit-content; top: -1px; z-index: 6}
.su__linear-loader {left: 12px;width: calc(100% - 24px); z-index: 1}
input#search-box-search {color: var(--immersive-black);font-weight: 300; z-index: 5}
.MuiLinearProgress-colorPrimary {background-color: var(--immersive-primary)}
input#search-box-search::placeholder {color: #949494;font-family: Geologica}
input#search-box-search {border-radius: 18px;border: 1px solid #949494;background: #FFF;height: 47px; padding-left: 2.5rem}
section.su__w-100.su__py-4.su__search_section.su__bg-blue-grd {background: transparent; max-width: 1024px; margin: 0 auto}
input#search-box-search:focus-visible {border: 1px solid var(--immersive-primary); outline: 1px solid var(--immersive-primary)}
span.su__suggestion-title.su__font-13.su__text-black.su__f-regular {color: var(--immersive-light-black);font-size: 16px;font-style: normal;font-weight: 500;line-height: 20.8px}
.highlight {color: var(--immersive-primary);font-size: 16px;font-style: normal;font-weight: 500;line-height: 20.8px}
.su__suggesticon {display: none}
.su__search-forms .su__input-close {right: 0}
.su__suggestions-list.su__bg-gray-hover.su__flex-vcenter.su__font-14.su__text-black {padding-left: 25px;padding-top: 5px}
.su__autoSuggestion.su__autosearchapp-suggestion.su__w-100.su__bg-white.su__sm-shadow.su__position-absolute.su__zindex-2 {margin-top: 4px}
span.su__color-gray.su__f-bold { color: var(--immersive-light-black); font-family: Geologica; font-size: 14px; font-weight: 400; line-height: 20.8px}
.su__recentSearch.su__align-items-center svg:last-child { fill: var(--immersive-light-black)}
/* .su__recentSearch.su__align-items-center.su__cursor.su__suggestions-list.su__bg-gray-hover.su__d-flex.su__font-14.su__text-black { margin: 15px 0} */
.custom-autocomplete-suggest-label p { font-size: 14px; font-weight: 400; line-height: 18px; border-radius: 2px; background-color: #10122A; width: fit-content; padding: 6px; margin: 15px 0 15px 30px}
.su__suggestion-desc span.su__color-gray.su__f-bold {display: none}
.su__recentSearch span.su__color-gray.su__f-bold {display: unset}
.su__suggestions-list .su__text-truncate div:nth-child(2) span {white-space: normal}

.su__description-truncate {
    padding-left: 0px;
    color: #10122A;
    font-family: Geologica;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
}

@media screen and (max-width: 765px){
    span.su__ribbon-title.su__bg-blue.su__font-12.su__font-bold.su__px-2.su__rtlmr-1.su__ml-1.su__rtlml-0.su__d-inline-block.su__radius-3.su_source_label_font {margin-left: 0 }
    .su__overflow-hide.searchTips-sidenav.su__with-overlay.su__Search-tips.su__rtlleft.su__rtlanimate-fadeLeft.su__position-fixed.su__zindex-3.su__bg-white.div-right.md-whiteframe-4dp.su__xs-w-100.su__searchTips-show.su__animate-fadeRight{top: 15vh;height: fit-content;width: calc(100% - 10px);justify-self: anchor-center }
    .su__bookmark-popup-title h2:focus {outline: none}
    .su__cursor.filter_size.su__customized__settings-inner.effef {display: none}
    .su__search-tipicons.su__w-100.su__m-auto.su__text-center {display: none}
    ul.su__searchTip-list.su__m-0.su__pr-3.su__pl-5.su__rtlpr-5.su__font-12 {margin: 28px 0 }
    div#gear-sidebar {display: none}
    button.su_preview-startblock.su__cursor.su__ml-1.a11y-btn.su__savedResultBookmarkIcon[aria-label="Save for Later"] svg path {fill: var(--lia-bs-dropdown-header-color)}
}

@media (min-width:765px) and (max-width:1024px){
    .su__allSelected-notshow.su__ipadview-block.su__d-md-flex.su__py-2.su__col-md-12 { display: flex; align-items: end; flex-direction: column }
    .su__d-xl-none.su__d-xs-block.su__mob-facetshow.su__d-lg-block.su__flex-1.su__font-12.su__font-bold {flex: unset}
}

.su__autoSuggestion.su__autocomplete-suggestion.su__w-100.su__bg-white.su__sm-shadow.su__position-absolute.su__zindex-2 { top: 14px; width: 99.75%; left: 1px; padding-top: 15px; z-index: -1}

.su__suggestions-list .su__description-truncate:before{content: "•"; color: #999; font-size: 14px; margin: 0px 8px}

.su__suggestions-list .su__text-truncate :nth-child(2) .su__description-truncate:before,
.su__suggestions-list .su__text-truncate :nth-child(3) .su__description-truncate:before {
content: unset}

.su__suggestions-list .su__text-truncate  .su__description-truncate{color: #707070}
.su__suggestions-list .su__text-truncate :nth-child(2) .su__description-truncate{color: #10122A}
.su__suggestion-desc {display: inline-block}
.su__suggestions-list .su__text-truncate :nth-child(2){display: block}
span.su__suggestion-title.su__font-13.su__text-black.su__f-regular {display: flex; gap: 3px}

/* Global Search */

@media (min-width: 1024px){
    div[bind-html-compile=autocompleteHtml1] div#su_autocomplete-block {
    background: transparent;
    top: 65px;
    left: 285px;
    z-index: 9999;
    width: 60vw;
    padding: 0;
    position: fixed;
    }
}


div#custom-search-icon-div {
    position: fixed;
    top: 26px;
    right: 223px;
    z-index: 1020;
}

div#custom-search-icon-div svg {
    fill: white
}

[class^="CustomComponent_lia-wrapper__"]:has(#custom-search-icon-div) {
    padding:0
}

[class^="CustomComponent_lia-article__"]:has(#custom-search-icon-div) {
    padding:0
}

@media(min-width: 786px){
    div[bind-html-compile=autocompleteHtml1] div#su_autocomplete-block .su__search_btn{ z-index: 9999; left: 4px; right: unset}
}

.su__py-2.su__iframe-modal.su__animate-fadeInRight.su__position-fixed.su__shadow-lg.su__bg-white.su__radius-1.su__mx-auto.su__zindex-2.su__sm-w-100.su__sm-h-100 {top: 80px; height: calc(100vh - 90px)}

@media (max-width: 1024px){
    div#su__modal_a11y_trap.su__modal-inner {top: 82px}    
    button.su__filters-button.su__btn.btn_advance-search.su__radius-2.su__bg-white.su__flex-hcenter.su__rtlmr-0.su__rtlml-3.su__whitespace-no {border: 1px solid #10122A;background: #fff }
}

@media (max-width: 386px){
    select#su__relevance { margin-left: 15px}
}

@media (min-width: 768px) and (max-width: 1024px) {
    .searchTips-sidenav.su__with-overlay.su__Search-tips.su__rtlleft.su__rtlanimate-fadeLeft.su__position-fixed.su__zindex-3.su__bg-white.div-right.md-whiteframe-4dp.su__xs-w-100.su__searchTips-show.su__animate-fadown {top: 26vh; left: 26%}
}

@media(max-width: 768px){
    .customSolvedResult { margin-right: 90px; margin-top: 6px }
    .customLiveCountContainer.su__color-black.su__mr-1.su__rtlmr-0.su__rtlml-2.su__line-height-n.su__font-12 {position: relative; bottom: unset; right: unset}
}



.su__viewed-results a:visited, .su__viewed-results a:visited h2, .su__viewed-results a:visited .highlight{color: var(--immersive-primary) !important}


div[bind-html-compile="autocompleteHtml1"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

div[bind-html-compile=autocompleteHtml1] div#su_autocomplete-block {
    left: unset;
    margin: 0 auto;
    width: 100% !important;
    right: unset;
}
#auto1 .su__input-close {z-index: 9999; right: 0 !important; top: 16px !important}

/* Users Tab */
#su__wrapper:has(button[aria-label="User Search"].su__active-tab) .auto-suggestion {display: none}
img.user-img { width: 70px; height: 70px; border-radius: 50%}
aside.user-rank-section {display: flex;align-items: flex-start;gap: 5px}
.user-section{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 3rem}
p.user-statistics {color: #707070;font-size: 13px;font-weight: 300;line-height: 21px}
p.user-email {color: #10122A;font-size: 13px;font-weight: 300;line-height: 21px; overflow-wrap: anywhere}
h5.user-name { color: #10122A; line-height: 20.8px; font-size: 18px; font-weight: 500; margin-top: 12px; text-transform: capitalize}
p.user-rank {color: #FFF;font-size: 11px;font-weight: 500;line-height: 12px;letter-spacing: 0.5px;text-transform: uppercase;border-radius: 4px;background: #3C64FF;padding: 5px}
.user-card { display: flex; flex-direction: column; align-items: center; border-radius: 6px;border: 1px solid rgba(0, 0, 0, 0.08);background: #FFF;padding: 20px 15px; width: 240px; height: 100%;};
.user-pagination-container {margin-top: 40px}
button.user-pagination-arrows:disabled {opacity: 0.5}
ul.user-pagination-button-wrapper {display: flex; justify-content: center; list-style: none; gap: 15px; padding: 0; margin-top: 10px}
button.user-pagination-arrows {display: flex;width: 32px;height: 32px;align-items: center;border-radius: 4px;border: 1px solid #E7E7F1;background: #FFF}
.userHref,
.userHref:hover{ text-decoration: none}
#su__wrapper:has(button[aria-label="User Search"].su__active-tab) .su__mobile-feature{display: none}
@media (max-width: 720px) {.user-section{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 3rem; justify-content: center}}
.su__p-3:has(.su_custom_loading_users) {display: flex; margin-top: 3rem}
.su_custom_loading_users {margin: 0 auto; width: 48px; height: 48px; border-radius: 50%; display: inline-block; position: relative; border: 3px solid; border-color: #4563FF #4563FF transparent; box-sizing: border-box; animation: rotation 1s linear infinite}
.su_custom_loading_users::after {content: '';  box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 3px solid; border-color: transparent #17181C #17181C; width: 24px; height: 24px; border-radius: 50%; animation: rotationBack 0.5s linear infinite; transform-origin: center center}

@keyframes rotation {
  0% {transform: rotate(0deg)}
  100% {transform: rotate(360deg)}
} 
    
@keyframes rotationBack {
  0% {transform: rotate(0deg)}
  100% {transform: rotate(-360deg);}
}
/* Users Tab ends here*/

.auto-suggestion {margin-top: 1rem}
.su__app .sc-beqWaB.ciShWB.su_modal_closed {z-index: 0}
div.su__advance-blocks > #su__modal_a11y_trap {top: 3rem}
.su__autoSuggestion.su__autosearchapp-suggestion.su__w-100.su__bg-white.su__sm-shadow.su__position-absolute.su__zindex-2 {top: 30px; z-index: 4}

@media screen and (max-width: 1200px){
    .su__mobile-child-block.su__advance-blocks {max-width: fit-content}
    .su__search_advance.su__d-xs-none.su__d-md-flex.su__font-12.su__radius-1.su__mr-2.su__rtlmr-0.su__rtlml-0 {width: fit-content}
    button.su__filters-button.su__btn.btn_advance-search.su__radius-2.su__bg-white.su__flex-hcenter.su__rtlmr-0.su__rtlml-3.su__whitespace-no.su__advance-background {background: var(--immersive-primary)}
    section.su__mobile-feature.su__w-100.su__position-fixed.su__bottom-0.su__bg-white.su__d-xs-block.su__bottom_navbar_mobile {z-index: 6;}
}

.su__main-content:has(.sc-beqWaB.ciShWB.su_modal_closed) input#search-box-search {z-index: 0}
.su__main-content:has(.sc-beqWaB.ciShWB.su_modal_closed) .su__input-close svg path,
.su__main-content:has(.sc-beqWaB.ciShWB.su_modal_closed) .su__btn.su__search_btn svg path{fill: black}