.yoqs{position:relative;display:none;margin-right:20px;isolation:isolate;z-index:1}.yoqs__form{width:360px}.yoqs__results{position:absolute;display:grid;grid-template-columns:40% 60%;grid-template-areas:"suggestions products" "pages pages";align-items:start;width:600px;min-width:100%;max-height:0;overflow:hidden;border-bottom-left-radius:var(--input-border-radius);border-bottom-right-radius:var(--input-border-radius);transition:max-height .15s ease-out;background-color:var(--input-background);box-shadow:0 10px 20px #00000026}.yoqs .search__input.field__input{margin-top:0}.yoqs .search__input.field__input:focus-visible{outline:0!important}.yoqs:focus-within .search__input.field__input,.yoqs.open .search__input.field__input{border-bottom-left-radius:0;border-bottom-right-radius:0}.yoqs:focus-within .yoqs__results,.yoqs.open .yoqs__results{max-height:1000px;border:1px solid #ccc;transition:max-height .25s ease-in}.yoqs-results__suggestions{grid-area:suggestions;display:grid;padding:10px 5px}.yoqs-results__suggestions a{display:flex;gap:8px;padding:4px 10px;border-radius:18px;transition:background-color .3s ease}.yoqs-results__suggestions i{padding-top:2px}.yoqs-results__suggestions svg{color:#999}.yoqs-results__suggestions a:hover{background-color:#eee}.yoqs-results__suggestions a:hover svg{color:#000}.yoqs-results__products{grid-area:products;display:grid;gap:10px;padding:10px}.yoqs-results__products a{display:flex;align-items:center;gap:10px;padding-right:10px;font-size:14px;line-height:1.2;border-radius:var(--input-border-radius);background-color:#00000006;transition:background-color .3s ease}.yoqs-results__products a:hover{background-color:#eee}.yoqs-results__pages{grid-area:pages;display:grid;padding:10px 5px;border-top:1px solid #ccc}.yoqs-results__pages a{display:flex;gap:8px;padding:4px 10px;border-radius:18px;transition:background-color .3s ease}.yoqs-results__pages i{padding-top:2px}.yoqs-results__pages svg{color:#999}.yoqs-results__pages a:hover{background-color:#eee}.yoqs-results__pages a:hover svg{color:#000}@media only screen and (min-width:1024px){.yoqs{display:block}.section--main-search form[role=search]{display:none}}@media only screen and (min-width:1366px){.yoqs__form{width:600px}}@media only screen and (min-width:1440px){.yoqs__form{width:700px}}
/*# sourceMappingURL=/cdn/shop/t/188/assets/yo-quick-search.css.map */