/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.4.0, @magento/upward-security-headers: ~1.0.14, @magento/upward-js: ^5.3.2, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.4.1, @magento/peregrine: ~14.3.1, @magento/pagebuilder: ~9.3.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.5.0 */
.searchBar-root-o3R {
}

.searchBar-root_open-XD1 {
}

.searchBar-form-osU {
    
}

.searchBar-container-9Bc {
    position: relative;
    z-index: 2;
}

@media (min-width: 768px) {
    .searchBar-container-9Bc {
        border-top: 1px solid var(--color-dark-grey);
        border-bottom: 1px solid var(--color-dark-grey);
    }
}

@media (max-width: 767px) {
    .searchBar-headerWrp-yi3 {
        position: relative;

        margin-bottom: 1rem;
    }
}

@media (min-width: 768px) {
    .searchBar-headerWrp-yi3 {
        display: none;
    }
}

.searchBar-headerClose-4iO {
    position: absolute;
    top: 0;
    left: 0;
}


.searchBar-header-tWb {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}

.searchBar-search-mB6 {
    position: relative;
    
    width: 100%;
    max-width: 26rem;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .searchBar-search-mB6 {
        border-bottom: 1px solid var(--color-dark-grey);
    }
    .searchBar-search-mB6:focus-within {
        border-bottom: 1.5px solid var(--color-dark-grey);
    }
}

.searchBar-search-mB6 [class*="fieldIcons-input"] {
    grid-row: auto;
    grid-column: auto;
    grid-area: input;
}

.searchBar-search-mB6 [class*="field-input"] {
    background-color: transparent;
}

.searchBar-search-mB6 svg {
    stroke-width: 1;
    stroke: var(--header-text-color);
}

.searchBar-autocomplete-eUC {
    /* display: grid; */
    position: relative;
    z-index: 1;
}

.searchField-inputLine-wYV {
    display: none;
}


/** input suggestion player  **/
.searchField-suggestionWrapper-nSc{
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    left: 48px;
    color: #9ca3af;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
}

.searchField-suggestionCursor--Vy{
    display: inline-block;
    width: 2px;
    height: 14px;
    vertical-align: middle;
    background-color: #9ca3af;
    margin-left: 2px;
}
.searchField-blinking-tiD {
    -webkit-animation: searchField-blink-y24 1s infinite;
            animation: searchField-blink-y24 1s infinite;
}

@-webkit-keyframes searchField-blink-y24 {
    50% {opacity: 0;}
}

@keyframes searchField-blink-y24 {
    50% {opacity: 0;}
}


.autocomplete-hidden-VKr {
    opacity: 0;
    visibility: hidden;
}

.autocomplete-visible-jrD {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 768px) {
    .autocomplete-hidden-VKr {
        transform: translate3d(0, -1rem, 0);
        transition-duration: 192ms;
        transition-timing-function: var(--global-anim-out);
    }
    
    .autocomplete-visible-jrD {
        transform: translate3d(0, 0, 0);
        transition-duration: 224ms;
        transition-timing-function: var(--global-anim-in);
    }
}

.autocomplete-root-bKa {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 768px) {
    .autocomplete-root-bKa {
        position: absolute;
        z-index: 2;
        right: 0;
        left: 0;
        top: 100%;

        background-color: var(--color-light-grey);
        transition-property: opacity, transform, visibility;
    }
}

.autocomplete-root_hidden-J0b {
}

.autocomplete-root_visible-rK3 {
}

.autocomplete-messageWrp-r5p {
    background-color: var(--color-green);
}

.autocomplete-message-VlL {

    padding-top: 1rem;
    padding-bottom: 1rem;
    
    color: #fff;
}

.autocomplete-message-VlL:empty {
    padding: 0;
}

.autocomplete-suggestions-zsO {

    width: 100%;
}

@media (max-width: 767px) {
    .autocomplete-suggestions-zsO {
        padding: 0;
    }
}

@media (min-width: 1024px) {
    .autocomplete-suggestions-zsO {    
        display: grid;
        grid-template-columns: 20rem minmax(0, auto);
        row-gap: 0.5rem;
        -moz-column-gap: 5rem;
             column-gap: 5rem;
        padding-bottom: 1rem;
        /* border-bottom: 1px solid var(--color-jagged-ice); */
    }
}

.autocomplete-suggestions-zsO:empty {
    display: none;
}
.suggestions-heading-G6f {
    color: rgb(var(--venia-global-color-text-alt));
    font-size: 0.875rem;
    padding-top: 0.75rem;
    text-transform: uppercase;
}

.suggestions-categoriesHeader-UXr {
    margin-bottom: 0.8rem;

    font-size: 0.875rem;
    color: var(--color-grey);
}

.suggestions-suggestedCategories--OO strong {
    font-weight: 400;
    color: var(--color-green);
}

.suggestions-productsWrp-IdD {
    min-width: 0;
}

.suggestions-searchLink-vdO {
    color: var(--color-green);
}
.suggestedBranches-root-8pT {
    display: grid;
    row-gap: 0.7rem;
    margin-bottom: 1rem;
}

.suggestedBranches-root-8pT a:hover {
    color: var(--color-green);
}
.suggestedTags-root-2-- {
    
    display: grid;
    row-gap: 0.7rem;
}

@media (max-width: 767px) {
    .suggestedTags-root-2-- {
        margin-bottom: 1rem;
    }
}

@media (min-width: 768px) {
    .suggestedTags-root-2-- {
        max-height: 22.5rem;
        overflow: auto;
    }
}

.suggestedTags-link-2Cy {
    font-size: 1rem;
}

.suggestedTags-link-2Cy strong {
    font-weight: 400;
    color: var(--color-green);
}
.suggestedProducts-products-PkP {
    border-top: 1px solid rgb(var(--venia-global-color-border));
    display: grid;
    gap: 0.75rem;
    padding-top: 0.75rem;
}

.suggestedProducts-products-PkP:empty {
    display: none;
}

.suggestedProducts-item-aAj {
    width: 6.5rem;
}

@media (min-width: 768px) {
    .suggestedProducts-item-aAj {
        width: 14rem;
    }
}

.suggestedProducts-galleryItemRoot-kJ4 {

    min-width: auto;
    max-width: none;

}

.suggestedProducts-slider-Myc {
    min-width: 0;
}