User:GrantMasterMariya/BalancedSearch.css

.page-content .mw-search-createlink, .page-content .mw-search-exists { margin: 0; text-align: center }

.page-content .unified-search__input { background: none; margin-bottom: 20px; }

.page-content .unified-search__input__wrapper__inner { justify-content: center; }

.page-content .unified-search__input--community { align-items: center; justify-content: center; margin-bottom: 0; }

.page-content .unified-search__input__wrapper { border-radius: 30px; height: 50px; margin: 0; }

.page-content .unified-search__input .wds-dropdown { background: none; }

.page-content .unified-search__input__query { background: none; margin-right: 67px; outline: none; }

.page-content .unified-search__input__button.wds-button, .page-content .unified-search__input--community .wds-button { background-color: var(--rbrbw-pink-10); border-color: var(--rbrbw-pink-30); border-radius: 20px; color: var(--theme-accent-color); height: 34px; margin: 0; margin-left: -63px; padding: 0; width: 54px }

.page-content .unified-search__input__button.wds-button:hover, .page-content .unified-search__input--community .wds-button:hover { background-color: var(--rbrbw-pink-30); border-color: var(--rbrbw-pink-50); }

.page-content .unified-search__advanced__link { margin: 0; position: absolute; transform: translateY(50px); }

.page-content .unified-search__advanced__box { margin-top: 50px; }

.page-content .unified-search__community__header { margin: 0; padding: 30px 0 15px 0; }

body:not(.mw-special-SearchCommunity) .page-content .unified-search__community { background: var(--rbrbw-gray-tr); border: var(--rbrbw-block-border-purple); border-radius: var(--rbrbw-block-border-radius); padding: var(--rbrbw-block-padding); }

.page-content .unified-search__community__content { background: none; border: none; margin: 0; padding: 7px; }

.page-content .unified-search__community__thumbnail { border-radius: var(--rbrbw-block-border-radius--inner); }

.page-content .unified-search__community__content__name, .page-content .unified-search__community__content__hub { color: var(--theme-page-text-color); justify-content: center; margin: 0; text-align: center; width: 100%; }

.page-content .unified-search__community__content__name a { font-size: 20px; margin: 0 -3px; background-image: linear-gradient(to top, rgba(var(--theme-link-color--rgb), .15) 54%, transparent 54%, transparent 100%); -webkit-box-decoration-break: clone; box-decoration-break: clone; display: inline-flex; padding: 0 3px; }

.page-content .unified-search__community__content__statistics { justify-content: center; padding: 10px 0; }

.page-content .unified-search__community__content__statistics li p { margin: 0; text-align: center; }

.page-content .unified-search__community__content__description { margin: 0; text-align: center; }

.page-content .unified-search__community__content__description:before { background: var(--rbrbw-pink); border-radius: 5px; content: ""; display: block; height: 2px; margin: 10px auto; width: 50%; }

.page-content .unified-search__community__view-more-wikis { align-items: center; display: flex; gap: 5px; justify-content: center; margin: 15px 0; }

.page-content .unified-search__layout { grid-template-areas: "left left left left left left left left left left left left" "main main main main main main main main main right right right"; }

@media only screen and (max-width: 1300px) { .page-content .unified-search__layout { grid-template-areas: "left left left left left left left left left left left left" "main main main main main main main main main main main main" "right right right right right right right right right right right right"; grid-template-rows: 80px 1fr auto; } }

.page-content .unified-search__layout__left-rail { border-bottom: 1px solid rgba(var(--theme-page-dynamic-color-1--rgb), 0.25); height: 60px; margin: 0; }

.page-content .unified-search__profiles { display: flex; justify-content: center; margin: 0; margin-top: 20px; }

.page-content .unified-search__profiles__profile, .page-content .unified-search__profiles__profile--selected { background: none; cursor: pointer; height: 40px; margin: 0; padding: 0; }

.page-content .unified-search__profiles__profile--selected { color: var(--theme-link-color); }

.page-content .unified-search__profiles__profile>div, .page-content .unified-search__profiles__profile--selected>span { align-items: center; display: flex; flex-direction: column; font-size: 14px; font-weight: 500; height: 40px; letter-spacing: .5px; min-width: 40px; text-align: center; transition: color .1s; white-space: nowrap; }

.page-content .unified-search__profiles__profile>div:after, .page-content .unified-search__profiles__profile--selected>span:after { background: var(--theme-link-color); border-radius: 5px; content: ""; display: block; height: 3px; margin: -8px auto 0 auto; opacity: 1; transition: .3s; width: 20px; }

.page-content .unified-search__profiles__profile:not(.unified-search__profiles__profile--selected)>div:after { transform: translateY(8px); width: 0; }

.page-content .unified-search__profiles__profile:hover>span:after { width: 30px; }

.page-content .unified-search__profiles__profile:not(.unified-search__profiles__profile--selected):hover>div:after { transform: translateY(0); width: 5px; }

.page-content .unified-search__profiles__profile>div>a, .page-content .unified-search__profiles__profile--selected>span>span { align-items: center; display: flex; height: 100%; padding: 0 11px; }

.page-content .unified-search__profiles__profile__filters { animation: anim-search-filters-slide-in .8s ease; display: flex; gap: 5px; margin: 10px auto; position: absolute; transform: translate(0, 40px); }

.page-content .unified-search__profiles__profile__filters li { height: 30px; }

.page-content .unified-search__profiles__profile__filters__filter { align-items: center; background: var(--rbrbw-purple-10); border: 1px solid var(--rbrbw-purple-30); border-radius: 20px; display: flex; font-size: 14px; height: 30px; letter-spacing: .5px; margin: 0; padding: 0 14px; transition: .3s }

.page-content .unified-search__profiles__profile__filters__filter:hover { background: var(--rbrbw-purple-30); border: 1px solid var(--rbrbw-purple-50); }

.page-content .unified-search__profiles__profile__filters__filter--selected, .page-content .unified-search__profiles__profile__filters__filter--selected:hover { background: var(--rbrbw-purple-50); border: 1px solid var(--rbrbw-purple); }

.page-content .unified-search__results__count, .page-content .unified-search__layout__main p { margin: 0; padding: 30px 0 10px 0; }

.page-content .unified-search__results { display: flex; flex-direction: column; gap: 10px; }

.page-content .unified-search__result { background: var(--rbrbw-gray-tr); border: var(--rbrbw-block-border-purple); border-radius: var(--rbrbw-block-border-radius); margin: 0; padding: var(--rbrbw-block-padding); }

.page-content .unified-search__result__header { align-items: flex-start; flex-direction: column; gap: 7px; margin: 0; }

.page-content .unified-search__result__thumbnail { margin: 0; }

.page-content .unified-search__result__thumbnail img { border-radius: var(--rbrbw-block-border-radius--inner); }

@keyframes anim-search-filters-slide-in { from { gap: 20px; opacity: 0; transform: translate(80px, 40px); }

to { gap: 5px; opacity: 1; transform: translate(0, 40px); } }