.reset__button.hidden{display:none!important}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgb(var(--color-background, 255 255 255));color:rgb(var(--color-foreground, 0 0 0));display:flex;flex-direction:column;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .18s ease,visibility 0s linear .18s}.search-modal[data-open]{visibility:visible;opacity:1;transition:opacity .18s ease,visibility 0s}body.search-modal-open{overflow:hidden}.search-modal__predictive{display:flex;flex-direction:column;height:100%;width:100%}.search-modal__header{flex:0 0 auto;display:flex;align-items:center;gap:clamp(1rem,2.5vw,3rem);padding:clamp(20px,2.5vw,32px) clamp(24px,3vw,48px);border-bottom:1px solid rgba(0,0,0,.08);width:100%;box-sizing:border-box}.search-modal__logo{flex:0 0 auto;display:flex;align-items:center}.search-modal__logo a{display:block;line-height:0}.search-modal__logo img,.search-modal__logo svg{max-width:clamp(70px,8vw,110px);width:auto;height:auto;display:block}.search-modal__logo--text{font-weight:600;font-size:clamp(1rem,.5vw + .9rem,1.25rem);text-decoration:none;color:inherit}.search-modal__form{flex:1 1 auto;position:relative;display:flex;min-width:0;margin:0}.search-modal__field{position:relative;width:100%}.search-modal__field-icon{position:absolute;top:50%;left:clamp(.6rem,1vw,.9rem);transform:translateY(-50%);width:clamp(14px,1.2vw,16px);height:clamp(14px,1.2vw,16px);pointer-events:none;color:inherit}.search-modal__input{width:100%;height:clamp(38px,3.5vw,44px);background:#00000008;border:none;outline:none;padding:0 clamp(2.5rem,5vw,3.5rem) 0 clamp(24px,4vw,38px);border-radius:2px;font-family:inherit;font-size:clamp(14px,.3vw + 13px,16px);color:inherit;box-sizing:border-box}.search-modal__input:focus{background:#0000000a;box-shadow:none;outline:none}.search-modal__input::placeholder{color:#777;opacity:1}.search-modal__input::-webkit-search-cancel-button,.search-modal__input::-webkit-search-decoration,.search-modal__input::-webkit-search-results-button,.search-modal__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.search-modal__input::-ms-clear,.search-modal__input::-ms-reveal{display:none;width:0;height:0}.search-modal__clear{position:absolute;top:50%;right:clamp(.5rem,1vw,.75rem);transform:translateY(-50%);background:transparent;border:none;padding:.25rem .5rem;cursor:pointer;font-family:inherit;font-size:clamp(13px,.2vw + 12px,15px);text-decoration:underline;text-underline-offset:2px;color:inherit}.search-modal__clear[hidden]{display:none}.search-modal__close{flex:0 0 auto;width:clamp(34px,3vw,42px);height:clamp(34px,3vw,42px);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:inherit;padding:0}.search-modal__close svg{width:clamp(14px,1.3vw,18px);height:auto}.search-modal__body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;position:relative}.search-modal__body-inner{display:flex;gap:clamp(1.5rem,3vw,3rem);max-width:1720px;margin:0 auto;padding:clamp(1.5rem,2.5vw,3rem) clamp(1rem,2.5vw,2.5rem);width:100%;box-sizing:border-box;align-items:flex-start}.search-modal__side{flex:0 0 clamp(220px,22%,300px);width:clamp(220px,22%,300px)}.search-modal__heading{font-family:inherit;font-size:clamp(13px,.25vw + 12px,16px);font-weight:500;text-transform:uppercase;margin:0 0 clamp(.75rem,1.2vw,1.25rem);letter-spacing:.02em;color:inherit}.search-modal__pills{display:flex;flex-wrap:wrap;gap:.5rem}.search-modal__pill{background:#0000000a;border:none;padding:clamp(6px,.6vw,9px) clamp(10px,1vw,14px);font-family:inherit;font-size:clamp(11px,.2vw + 10px,13px);text-transform:uppercase;cursor:pointer;color:inherit;font-weight:500;letter-spacing:.02em;border-radius:0;display:inline-block;line-height:1.2}.search-modal__pill:hover{background:#00000014}.search-modal__main{flex:1 1 auto;min-width:0}.search-modal__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.2vw,1.25rem) clamp(.5rem,1vw,1rem)}.search-modal__results{display:block}.search-modal__main-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 clamp(.75rem,1.2vw,1.25rem)}.search-modal__main-head .search-modal__heading{margin-bottom:0}.search-modal__view-all{color:inherit;text-decoration:underline;text-underline-offset:3px;font-size:clamp(.75rem,.25vw + .65rem,.875rem);text-transform:uppercase;letter-spacing:.02em;font-weight:500;white-space:nowrap}.search-modal__side-block{margin-bottom:clamp(1.25rem,2vw,2rem)}.search-modal__side-block:last-child{margin-bottom:0}.search-modal__side-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.search-modal__side-list li{display:inline-flex}.search-modal__side-link{background:#0000000a;border:none;padding:clamp(6px,.6vw,9px) clamp(10px,1vw,14px);font-family:inherit;font-size:clamp(11px,.2vw + 10px,13px);text-transform:uppercase;cursor:pointer;color:inherit;font-weight:500;letter-spacing:.02em;border-radius:0;text-decoration:none;display:inline-block;line-height:1.2}.search-modal__side-link:hover{background:#00000014;text-decoration:none}.search-modal__side-link strong{font-weight:600;background:transparent;padding:0}.search-modal__empty{padding:clamp(1.5rem,3vw,2.5rem) 0;color:#777;font-size:clamp(.875rem,.3vw + .75rem,1rem)}.search-modal .predictive-search__loading-state{padding:2rem;text-align:center}.search-modal .predictive-search__loading-state svg,.search-modal .predictive-search__loading-state .spinner{width:2.4rem;height:2.4rem;animation:predictive-search-spin .8s linear infinite}@keyframes predictive-search-spin{to{transform:rotate(360deg)}}@media screen and (max-width:899px){.search-modal__header{flex-wrap:wrap;padding:clamp(18px,4vw,28px) clamp(12px,3vw,16px) clamp(12px,3vw,16px);gap:.75rem;position:relative;row-gap:clamp(14px,3vw,20px);align-items:center}.search-modal__logo{order:1;margin:0 auto}.search-modal__logo img,.search-modal__logo svg{max-width:clamp(90px,22vw,120px)!important;width:clamp(90px,22vw,120px)!important;height:auto!important}.search-modal__close{order:2;position:absolute;top:calc(clamp(18px,4vw,28px) + clamp(90px,22vw,120px)*.18);right:clamp(12px,3vw,16px);transform:translateY(-73%);width:clamp(32px,5vw,40px)!important;height:clamp(32px,5vw,40px)!important}.search-modal__close svg{width:clamp(16px,3.5vw,20px)!important}.search-modal__form{order:3;flex-basis:100%;width:100%}.search-modal__body-inner{flex-direction:column;gap:1.25rem;padding:clamp(.875rem,3vw,1.25rem)}.search-modal__side{flex:none;width:100%}.search-modal__main,.search-modal__grid{width:100%}}@media screen and (max-width:700px){.search-modal__side-block:has(#predictive-search-pages-heading){display:none}}@media screen and (max-width:600px){.search-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.5vw,12px) clamp(6px,1.2vw,10px)}}@media screen and (max-width:400px){.search-modal__grid{grid-template-columns:1fr;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/hp-header-search-modal.css.map */