.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,.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,.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}.template-search{--drop-search-page-surface: #fcfaf3;--drop-search-page-border: rgba(119, 91, 99, .14);--drop-search-page-border-strong: rgba(119, 91, 99, .24);--drop-search-page-text: rgb(var(--color-foreground));--drop-search-page-muted: rgba(76, 55, 61, .58)}.template-search__header.page-width{max-width:92rem;margin-right:auto;margin-left:auto}.template-search__header{margin-bottom:clamp(3rem,4vw,5rem);padding-top:clamp(1.2rem,2.2vw,2.8rem);text-align:center}.template-search__title,.template-search__header .h2{margin:0;color:var(--drop-search-page-text);font-family:var(--font-heading-family);font-size:clamp(2.2rem,2.1vw,3.2rem);font-weight:400;line-height:1.16;letter-spacing:.015em}.template-search__search{position:relative;width:min(64rem,calc(100vw - 3.2rem));margin:clamp(1.4rem,2.2vw,2rem) auto 0}.template-search__search .search{margin:0}.template-search main-search,.template-search predictive-search{display:block;width:100%}.template-search .search .field{display:flex;align-items:center;min-height:4.8rem;overflow:visible;border:.1rem solid var(--drop-search-page-border);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#fcfaf3fa),var(--drop-search-page-surface);box-shadow:0 .8rem 2rem #20181a0e,inset 0 .1rem #ffffffdb;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.template-search .search .field:before,.template-search .search .field:after,.template-search .search .field:hover:after{content:none;display:none;box-shadow:none}.template-search .search .field:focus-within{border-color:var(--drop-search-page-border-strong);box-shadow:0 1rem 2.4rem #20181a12,0 0 0 .2rem #775b630e,inset 0 .1rem #ffffffe6}.template-search .search__input.field__input{min-height:4.8rem;padding:1.1rem 5.8rem 1.1rem 2rem;border:0;background:transparent;box-shadow:none;color:var(--drop-search-page-text);font-size:1.35rem;line-height:1.2;letter-spacing:.01em}.template-search .field__label{top:50%;left:50%;max-width:calc(100% - 9rem);color:var(--drop-search-page-muted);font-size:1.32rem;line-height:1;letter-spacing:.045em;text-align:center;white-space:nowrap;opacity:1;visibility:visible;transform:translate(-50%,-50%);transition:opacity var(--duration-short) ease,visibility var(--duration-short) ease,transform var(--duration-short) ease}.template-search .field__input:focus~.field__label{top:50%;left:50%;font-size:1.32rem;transform:translate(-50%,-50%)}.template-search .field__input:not(:placeholder-shown)~.field__label,.template-search .field__input:-webkit-autofill~.field__label{opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.98)}.template-search .field__button{top:50%;display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;padding:0;border-radius:999px;color:#4c373dc2;background:transparent;transform:translateY(-50%);transition:background-color var(--duration-short) ease,color var(--duration-short) ease,transform var(--duration-short) ease}.template-search .search__button{right:.5rem;background:#775b6316;color:var(--drop-search-page-text)}.template-search .search__button:not(:focus-visible):not(.focused){background:#775b6316;box-shadow:none}.template-search .search__button:hover{background:#775b6321}.template-search .reset__button,.template-search .reset__button:after,.template-search .reset__button:before{display:none!important}.template-search .field__button .svg-wrapper,.template-search .field__button svg{display:block;width:1.75rem;height:1.75rem}.template-search .predictive-search--search-template{left:0;right:0;width:100%;margin-top:.8rem;border-radius:1.8rem;border-color:#775b631a;background:linear-gradient(180deg,#fffffff5,#fcfaf3fa);box-shadow:0 1.4rem 3.4rem #20181a14}.template-search .predictive-search__item{font-size:1.3rem}.template-search .quick-add,.template-search .card__badge:empty{display:none!important}.template-search--empty{padding-bottom:18rem}@media screen and (max-width:749px){.template-search__header.page-width{max-width:100%}.template-search__header{margin-bottom:2.8rem;padding-top:1.4rem}.template-search__title,.template-search__header .h2{font-size:2.35rem;line-height:1.18}.template-search__search{width:min(100%,calc(100vw - 2.8rem));margin-top:1.4rem}.template-search .search .field{min-height:4.6rem}.template-search .search__input.field__input{min-height:4.6rem;padding:1rem 5.4rem 1rem 1.7rem;font-size:1.3rem}.template-search .field__label,.template-search .field__input:focus~.field__label{max-width:calc(100% - 8rem);font-size:1.28rem}.template-search .field__button{width:3.6rem;height:3.6rem}.template-search .search__button{right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-search.css.map */