.eg-search-bar{--eg-sb-font: var(--f-mono);--eg-sb-panel-w: 1080px;display:block;min-width:0;font-family:var(--eg-sb-font)}.eg-search-bar__form{margin:0}.eg-search-bar__field{--eg-sb-chrome: 56px;position:relative;display:flex;align-items:center;gap:20px;padding:14px 6px;border-bottom:1px solid var(--eg-gunmetal);transition:border-color .2s}.eg-search-bar__field:focus-within{border-bottom-color:var(--eg-grey)}.eg-search-bar__bracket{flex-shrink:0;font-size:var(--size-md);line-height:var(--lh-none);color:var(--eg-grey);transition:color .2s}.eg-search-bar__field:focus-within .eg-search-bar__bracket{color:var(--eg-light)}.eg-search-bar__input{flex:1;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-family:var(--eg-sb-font);font-size:var(--size-md);font-weight:var(--w-medium);letter-spacing:var(--ls-md);line-height:var(--lh-sm);text-transform:uppercase;color:var(--eg-white);caret-color:var(--eg-white);-webkit-appearance:none;appearance:none}.eg-search-bar__input:focus,.eg-search-bar__input:focus-visible{outline:none;box-shadow:none}@supports (-webkit-touch-callout: none){.eg-search-bar__input{flex:0 0 auto;width:calc((100% - var(--eg-sb-chrome)) * 4 / 3);margin-inline-end:calc((100% - var(--eg-sb-chrome)) / -3);font-size:16px;letter-spacing:calc(var(--ls-md) * 4 / 3);transform:scale(.75);transform-origin:left center}}.eg-search-bar__clear{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:14px;height:14px;margin:0;padding:0;border:0;background:none;color:var(--eg-grey);cursor:pointer;transition:color .2s}.eg-search-bar__clear:after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px}.eg-search-bar__clear[hidden]{display:none}.eg-search-bar__clear:hover{color:var(--eg-light)}.eg-search-bar__clear:focus-visible{outline:1px solid var(--eg-grey);outline-offset:4px}.eg-search-bar__clear svg{width:100%;height:100%}.eg-search-bar__spinner{display:none;flex-shrink:0;width:14px;height:14px}.eg-search-bar__spinner .path{stroke:var(--eg-grey)}.eg-search-bar[aria-busy=true] .eg-search-bar__spinner{display:block}.eg-search-bar[aria-busy=true] .eg-search-bar__clear{display:none}.eg-search-bar__field:has(.eg-search-bar__clear:not([hidden])){--eg-sb-chrome: 90px}.eg-search-bar__input::placeholder{color:var(--eg-grey);opacity:1}.eg-search-bar__input::-webkit-search-cancel-button,.eg-search-bar__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}@media(forced-colors:active){.eg-search-bar__field:focus-within{outline:2px solid Highlight}}.eg-search-bar__panel{container-type:inline-size;box-sizing:border-box;background:var(--eg-carbon);border:1px solid var(--eg-gunmetal);color:var(--eg-light)}.eg-search-bar__panel[hidden]{display:none}.eg-search-bar--dropdown .eg-search-bar__panel{position:absolute;inset-block-start:calc(100% + 12px);inset-inline:0;z-index:20;margin-inline:auto;width:min(var(--eg-sb-panel-w),calc(100vw - 48px));max-height:calc(100dvh - var(--eg-topbar-h, 77px) - 32px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 48px #0009}.eg-search-bar--dropdown:has(.eg-psr__empty){position:relative}.eg-search-bar--dropdown .eg-search-bar__panel:has(.eg-psr__empty){width:100%}.eg-search-bar--inline .eg-search-bar__panel{margin-block-start:16px}.eg-psr__body{display:grid;grid-template-columns:minmax(0,1fr)}.eg-psr__side,.eg-psr__main{display:flex;flex-direction:column;gap:28px;padding:22px}.eg-psr__body--split .eg-psr__side{border-block-end:1px solid var(--eg-gunmetal)}@container (min-width: 720px){.eg-psr__body--split{grid-template-columns:300px minmax(0,1fr)}.eg-psr__body--split .eg-psr__side{border-block-end:0;border-inline-end:1px solid var(--eg-gunmetal)}}.eg-psr__heading{margin:0 0 18px;font-family:var(--eg-sb-font);font-size:var(--size-md);font-weight:var(--w-regular);letter-spacing:var(--ls-md);line-height:var(--lh-sm);text-transform:uppercase;color:var(--eg-grey)}.eg-psr__list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.eg-psr__link{display:block;font-size:var(--size-md);font-weight:var(--w-medium);letter-spacing:var(--ls-md);line-height:var(--lh-lg);text-decoration:none;text-transform:uppercase;color:var(--eg-light);transition:color .15s ease}.eg-psr__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin:0;padding:0;list-style:none}@container (min-width: 720px){.eg-psr__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.eg-psr__card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--eg-white)}.eg-psr__media{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:8%;background:#0f1012;border:1px solid var(--eg-gunmetal);transition:border-color .15s ease}.eg-psr__img{display:block;width:100%;height:100%;object-fit:contain}.eg-psr__title{font-size:var(--size-md);font-weight:var(--w-medium);letter-spacing:var(--ls-md);line-height:var(--lh-lg);text-transform:uppercase;transition:color .15s ease}.eg-psr__price{font-size:var(--size-md);font-weight:var(--w-medium);letter-spacing:var(--ls-md)}.eg-psr__price .eg-product-card__price-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.eg-psr__price .price,.eg-psr__price .price-item{margin:0;font:inherit;letter-spacing:inherit;color:inherit}.eg-psr__empty{margin:0;padding:22px;text-align:center;font-size:var(--size-md);letter-spacing:var(--ls-md);line-height:var(--lh-lg-body);text-transform:uppercase;color:var(--eg-grey)}.eg-psr__all{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;padding:22px;border:0;border-block-start:1px solid var(--eg-gunmetal);background:none;font-family:var(--eg-sb-font);font-size:var(--size-md);font-weight:var(--w-medium);letter-spacing:var(--ls-md);text-align:start;text-transform:uppercase;color:var(--eg-cyan);cursor:pointer}.eg-psr__enter{flex-shrink:0;font-size:var(--size-md)}.eg-psr__link:hover,.eg-psr__link[aria-selected=true],.eg-psr__card:hover .eg-psr__title,.eg-psr__card[aria-selected=true] .eg-psr__title{color:var(--eg-cyan)}.eg-psr__card:hover .eg-psr__media,.eg-psr__card[aria-selected=true] .eg-psr__media{border-color:var(--eg-cyan)}.eg-psr__all:hover,.eg-psr__all[aria-selected=true]{background:#00e5ff0f}.eg-psr__link:focus-visible,.eg-psr__card:focus-visible,.eg-psr__all:focus-visible{outline:2px solid var(--eg-cyan);outline-offset:2px}.eg-search-bar[aria-busy=true] .eg-psr{opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion:reduce){.eg-search-bar *{transition:none}}@media all and (max-width:767px){.eg-psr__side,.eg-psr__main,.eg-psr__all{padding:18px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/eg-style-search-bar.css.map */