@use '../apps/red-ui/src/assets/styles/variables';
@use 'mixin';

.portal-search-result {
    background-color: variables.$grey-2;
}

.search-container {
    padding-bottom: 100px;
}

.portal-search-result {
    padding: 80px 0 0 0;
}

ul.searchresults {
    border: 1px solid variables.$grey-4;
    background-color: variables.$white;
    border-radius: 4px;
    margin-top: 32px;

    .search-highlight {
        font-style: normal;
    }
}

li.searchresultitem {
    margin: 0 32px;
    border-bottom: 1px solid variables.$grey-4;
    padding: 32px 8px;
}

.searchresultitem.selected-searchresultitem {
    background-color: transparent;
    border-radius: 0;
}

.searchresulttitle {
    @include mixin.heading-4;
    color: variables.$accent;
}

.searchresultsnippet {
    margin: 16px 0;
    color: variables.$accent;
}

.search-result-breadcrumbs {
    color: variables.$primary;
}