search-drawer .search-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}search-drawer .search-drawer__overlay:empty{display:block}search-drawer .search-drawer__predictive-search{display:flex;flex-direction:column;flex:1;min-height:0}search-drawer .drawer__header{display:flex;align-items:center;gap:var(--space-2xs);padding:.8rem 0 0}search-drawer .search-drawer__form{flex:1;min-width:0}search-drawer .search-drawer__form .field{margin:0}search-drawer .search__input.field__input{height:2.25rem;font-size:var(--text-p1);border-radius:3.2rem;padding:0 5rem 0 1.5rem}search-drawer .search__input.field__input:focus,search-drawer .search__input.field__input:not(:placeholder-shown){padding:0 5rem 0 1.5rem}search-drawer .search__input.field__input::placeholder{opacity:1;color:var(--color-black)}search-drawer .field__label{display:none}search-drawer .field:before{border-radius:3.2rem}search-drawer .field:after{border-radius:3.2rem;box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:none}search-drawer .search__input.field__input:focus,search-drawer .search__input.field__input:focus-visible,search-drawer .search__input.field__input:hover,search-drawer .search__input.field__input:active{box-shadow:none;outline:none}search-drawer .field:hover.field:after,search-drawer .field:focus-within.field:after{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:3.2rem}search-drawer .search__button{right:var(--inputs-border-width);top:50%;transform:translateY(-50%);color:var(--color-black);opacity:1}search-drawer .search__button .svg-wrapper{height:1.5rem;width:1.5rem}search-drawer .reset__button{right:calc(var(--inputs-border-width) + 2.2rem);top:50%;transform:translateY(-50%);color:var(--color-black);opacity:1}search-drawer .reset__button:after{display:none}search-drawer .reset__button .svg-wrapper{height:1.5rem;width:1.5rem}search-drawer .drawer__close{color:var(--color-black);opacity:1;margin-right:-1.45rem}search-drawer .drawer__close .svg-wrapper{height:1.5rem;width:1.5rem}search-drawer .drawer__close:hover{color:var(--color-green-primary)}search-drawer .search-drawer__results{flex:1;overflow-y:auto;margin-top:var(--space-md)}search-drawer .predictive-search{position:static;top:auto;left:auto;width:100%;border:none;border-radius:0;box-shadow:none;overflow-y:visible}search-drawer .predictive-search__results-groups-wrapper{flex-direction:column;border-bottom:none;padding-bottom:0}search-drawer .predictive-search__heading{color:var(--color-black);text-transform:capitalize;border-bottom-width:1px;margin:0;padding:var(--space-md) 0 var(--space-xs)}search-drawer .predictive-search__item .price{color:var(--color-black);font-size:var(--text-p1)}search-drawer .predictive-search__item{padding:var(--space-sm) 0}search-drawer .predictive-search__item--link-with-thumbnail{grid-column-gap:var(--space-xs)}search-drawer .predictive-search__item-heading{font-size:var(--text-h3)}search-drawer .predictive-search__list-item[aria-selected=true]>*,search-drawer .predictive-search__list-item:hover>*,search-drawer .predictive-search__item[aria-selected=true],search-drawer .predictive-search__item:hover{background-color:transparent}search-drawer .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,search-drawer .predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:underline var(--link-underline-heading) var(--link-underline-color);text-underline-offset:var(--underline-offset)}search-drawer .predictive-search__search-for-button{border-top:1px solid var(--color-grey-200)}search-drawer .predictive-search__search-for-button .predictive-search__item{padding:var(--space-md) 0}search-drawer .search-drawer__results::-webkit-scrollbar{width:3px}search-drawer .search-drawer__results::-webkit-scrollbar-thumb{background-color:var(--color-black)}search-drawer .drawer__inner{border-color:var(--color-black);border-width:1px}@media screen and (max-width:749px){search-drawer{top:var(--header-bottom-position, 60px);height:calc(100% - var(--header-bottom-position, 60px));z-index:2;background-color:transparent}search-drawer .drawer__inner{width:100%;max-width:100%;border:none;border-top:1px solid var(--color-black)}search-drawer .search-drawer__overlay{display:none}}@media screen and (min-width:750px){search-drawer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/nc-search-drawer.css.map */