/* Search form */

.search-form {
    background: var(--component-bg-color);
    border: .0625rem solid rgba(0,0,0,0.25);
    border-radius: 3rem;
    /* box-shadow: 0 .15rem .5rem rgba(0,0,0,0.15); */
    display: flex;
    margin: 0;
    padding: .25rem .25rem .25rem .25rem;
}

.search-form__label,
.search-form__input,
.search-form__input[type="search"],
.search-form__submit {
    border: 0;
    font-size: 1rem;
    line-height: 1rem;
    /* padding: 1rem; */
}

.search-form__label,
.search-form__submit-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.search-form__input,
.search-form__input[type="search"] {
    /* border-radius: 50%; */
    box-shadow: none;
    flex: 1;
    height: auto;
    margin: 0;
    /* Android */
    width: 100%;
    background-color: var(--component-bg-color);
    color: var(--text-color);
    padding-left: 10px;
}

.search-form__submit {
    background: #000;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    margin: 0;
    opacity: .8;
    transition: opacity .25s;
}

.search-form__submit:focus,
.search-form__submit:hover {
    opacity: .9;
}

.search-form__submit::before {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+') center center / contain no-repeat;
    content: '';
    display: inline-block;
    height: 0.7rem; /* 1.25rem; */
    width: 0.7rem; /* 1.5rem; */
}

/* Search results */

.search-results__list {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.search-results__list-item {
    border-bottom: .0625rem solid var(--text-color);
    margin-bottom: 2rem;
    max-width: 100%;
}

.search-results__list-item:last-child {
    border-bottom: 0;
}

/* Search result */

.search-result {
    margin-bottom: 2rem;
}

.search-result__path {
    margin-top: .15rem;
    opacity: .66;
}

.search-result__desc {
    padding: 1rem 0 0 0;
}

.search-result__highlight {
    font-weight: normal;
    background: yellow;
    color: #333;
}

/* Search results pager */

.search-results-pager {
    padding-top: 1rem;
}

.search-results-pager__list {
    background: #fff;
    border: .0625rem solid #d9d9d9;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 2rem;
    overflow: hidden;
    padding: .25rem;
}

.search-results-pager__list-item,
.search-results-pager__separator{
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-results-pager__item,
.search-results-pager__item:visited,
.search-results-pager__separator {
    border-right: .0625rem solid #d9d9d9;
    color: #333;
    display: inline-block;
    padding: .25rem .85rem;
    text-decoration: none;
}


.search-results-pager__item:hover,
.search-results-pager__item:focus {
    background: #ddd;
    color: #333;
    text-decoration: underline;
}

.search-results-pager__item--current,
.search-results-pager__item--current:visited,
.search-results-pager__item--current:hover,
.search-results-pager__item--current:focus {
    background: #333;
    color: #fff;
    text-decoration: none;
}

.search-results-pager__separator {
    display: inline-block;
    color: #777;
    background: #d9d9d9;
    padding: 0 .5rem;
}

/* Tabs */

.pwse-tabs {
    margin: 1rem 0;
}

.pwse-tabs__tablist {
    display: block;
    list-style-type: none;
    margin: 0 -.35rem 2rem;
    padding: 0;
}

.pwse-tabs__tablist-item {
    display: inline-block;
    margin-bottom: -.0625rem;
    padding: .35rem;
    position: relative;
}

.pwse-tabs__tab {
    background: #fff;
    border: .0625rem solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    display: inline-block;
    text-decoration: none;
    padding: .75rem 1.5rem .65rem;
    transition: all .25s;
}

.pwse-tabs__tab:hover,
.pwse-tabs__tab:focus,
.pwse-tabs__tab[aria-selected="true"] {
    border: .0625rem solid rgba(0, 0, 0, .5);
    background: #fff;
    color: currentColor;
}

.pwse-tabs__tab[aria-selected="true"] {
    background: #333;
    color: #fff;
}

.pwse-tabs__tab[aria-selected="true"]:hover,
.pwse-tabs__tab[aria-selected="true"]:focus {
    background: #000;
}