.search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.pnh-search-modal{background-color:#f6f1e9;border-bottom:2px solid rgba(31,61,43,.1)}details[open] .pnh-search-modal .modal-overlay:after{background-color:#1f3d2b73}.pnh-search-modal .search-modal__content{flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;gap:1.2rem;padding:1.6rem 2rem 2rem;position:relative}@media screen and (min-width:750px){.pnh-search-modal .search-modal__content{padding:2rem 6rem 2.4rem}}@media screen and (min-width:990px){.pnh-search-modal .search-modal__content{padding:2.4rem 6rem 2.8rem}}.pnh-search-modal .search-modal__close-button{position:absolute;top:1.6rem;right:1.2rem;margin:0}@media screen and (min-width:750px){.pnh-search-modal .search-modal__close-button{top:2rem;right:2rem}}.pnh-search-modal .search-modal__form{width:100%;max-width:74rem;margin:0 auto}.pnh-search-modal .field{background:#fff;border:1.5px solid rgba(31,61,43,.18);border-radius:12px;box-shadow:0 2px 12px #1f3d2b0a;transition:border-color .2s ease,box-shadow .2s ease;overflow:visible}.pnh-search-modal .field:focus-within{border-color:#1f3d2b;box-shadow:0 0 0 3px #1f3d2b1a}.pnh-search-modal .search__input.field__input{font-family:Inter,sans-serif;font-size:1.5rem;color:#1f3d2b;background:transparent}.pnh-search-modal .search__input.field__input::placeholder{color:#1f3d2b66}.pnh-search-modal .field__label{font-family:Inter,sans-serif;color:#1f3d2b80}.pnh-search-modal .search__button.field__button{background-color:#1f3d2b;border-radius:0 10px 10px 0;min-width:4.8rem;transition:background-color .2s ease}.pnh-search-modal .search__button.field__button svg,.pnh-search-modal .search__button.field__button .icon{color:#f6f1e9}.pnh-search-modal .search__button.field__button:hover{background-color:#16291d}.pnh-search-modal .reset__button{color:#1f3d2b80}.pnh-search-modal .reset__button:hover{color:#1f3d2b}.pnh-search-modal .reset__button:not(:focus-visible):after,.pnh-search-modal .reset__button:not(:focus):after{border-right-color:#1f3d2b1a}.pnh-search-quick-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;max-width:74rem;margin:0 auto;padding-right:3.6rem}@media screen and (min-width:750px){.pnh-search-quick-nav{padding-right:4rem}}.pnh-search-quick-nav__label{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#1f3d2b73}.pnh-search-quick-pill{display:inline-flex;align-items:center;padding:.5rem 1.4rem;border:1px solid rgba(31,61,43,.2);border-radius:50rem;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:500;color:#1f3d2b;text-decoration:none;background:#1f3d2b0a;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.pnh-search-quick-pill:hover{background-color:#1f3d2b;border-color:#1f3d2b;color:#f6f1e9;transform:translateY(-1px)}predictive-search[open]~.pnh-search-quick-nav,predictive-search[loading]~.pnh-search-quick-nav{display:none}@media(prefers-reduced-motion:reduce){.pnh-search-quick-pill{transition:none!important}}@media screen and (max-width:399px){.pnh-search-quick-nav{gap:.6rem}.pnh-search-quick-pill{font-size:1.2rem;padding:.5rem 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-search.css.map */