.search-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
.search-container {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    text-align: center;
    gap: 24px;
    padding-inline: 24px;
    padding-block: 24px;
    border-radius: 12px;
    width: fit-content;
}

.search-results-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.gsc-completion-container {
    border-block-end-radius: 4px;
}

.gsc-control-cse,
.gsc-control-cse *,
.gs-title,
.gs-snippet,
.gsc-input,
.gsc-search-button {
    font-family: "Lato", sans-serif !important;
}

.gsc-control-cse {
    border-color: var(--border-neutral-tertiary) !important;
    background-color: var(--bg-neutral-primary) !important;
    border: none!important;
}

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    border-color: var(--border-neutral-tertiary) !important;
    border-inline: none!important;
    background-color: var(--bg-neutral-primary) !important;
    &:first-child {
        border-block: none!important;
    }
    &:not(:first-child) {
        border-bottom: none;
    }
}

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
    color: var(--text-neutral-primary) !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
}

.gs-result .gs-title {
    text-decoration: underline !important;
    text-decoration-thickness: 5% !important;

}

.gs-result .gs-title:hover {
    text-decoration: none!important;

}

.gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .gs-fileFormatType {
    color: var(--text-neutral-secondary) !important;
}

.gs-webResult div.gs-visibleUrl {
    color: var(--text-neutral-teritary) !important;
}

.gsc-input-box, .gsc-completion-container {
    border-color: var(--border-neutral-secondary) !important;
    background-color: var(--bg-neutral-secondary) !important;
    border-radius: 4px!important;
}
.gsc-input {
    border-radius: 4px!important;
    background-color: var(--bg-neutral-secondary) !important;
}
input.gsc-input, .gsc-completion-container {
    color: var(--text-neutral-primary) !important;
}

.gsc-cursor-box {
    display: flex;
    justify-content: center;
}

.gsc-cursor {
    display: flex!important;
    gap: 8px;
}

.gsc-cursor .gsc-cursor-page {
    margin-right: 0!important;
    width: 40px;
    height: 40px;
    display: flex!important;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    transition: background-color 0.25s;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
    background-color: var(--bg-brand-y-primary)!important;
    border-radius: 4px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: var(--text-neutral-primary) !important;
    background-color: var(--bg-neutral-primary) !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    text-decoration: none!important;
    background-color: var(--bg-neutral-secondary) !important;
}

.gsc-completion-container {
    margin-top: 8px!important;
}
.gsib_a {
    background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M14.76 13.27L20.49 19L19 20.49L13.27 14.76C12.2 15.53 10.91 16 9.5 16C5.91 16 3 13.09 3 9.5C3 5.91 5.91 3 9.5 3C13.09 3 16 5.91 16 9.5C16 10.91 15.53 12.2 14.76 13.27ZM9.5 5C7.01 5 5 7.01 5 9.5C5 11.99 7.01 14 9.5 14C11.99 14 14 11.99 14 9.5C14 7.01 11.99 5 9.5 5Z' fill='%231e1e1e'/></svg>");
}
.gssb_c {
    z-index: 2!important;
}

:root[data-theme="dark"] {
    .gscb_a, .gssb_a, .gcsc-branding-img-noclear  {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(228deg) brightness(102%) contrast(101%);
    }
    .gsib_a {
        background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M14.76 13.27L20.49 19L19 20.49L13.27 14.76C12.2 15.53 10.91 16 9.5 16C5.91 16 3 13.09 3 9.5C3 5.91 5.91 3 9.5 3C13.09 3 16 5.91 16 9.5C16 10.91 15.53 12.2 14.76 13.27ZM9.5 5C7.01 5 5 7.01 5 9.5C5 11.99 7.01 14 9.5 14C11.99 14 14 11.99 14 9.5C14 7.01 11.99 5 9.5 5Z' fill='%23fff'/></svg>");
    }
}

@media (max-width: 768px) {
    .search-container {
        padding-inline: 0;
        padding-block: 16px;
    }
    form.gsc-search-box {
        margin: 0 4px!important;
    }
}

@media (max-width: 375px) {
    .gsc-wrapper {
        max-width: 300px!important;
    }
}