.mobile-drawer-search{position:relative;padding:12px 16px;background:rgb(var(--color-background));z-index:100}.mobile-drawer-search predictive-search{display:block;width:100%}.mobile-drawer-search .search-modal__form{position:relative}.mobile-drawer-search .field{position:relative;display:flex;align-items:center}.mobile-drawer-search .search__input{width:100%;height:44px;padding:0 52px 0 16px;font-size:16px;border:1px solid rgba(var(--color-foreground),.15);border-radius:50px;background:rgba(var(--color-foreground),.03);color:rgb(var(--color-foreground));transition:border-color .2s ease,background-color .2s ease;-webkit-appearance:none;appearance:none}.mobile-drawer-search .search__input::-webkit-search-cancel-button,.mobile-drawer-search .search__input::-webkit-search-decoration,.mobile-drawer-search .search__input::-webkit-search-results-button,.mobile-drawer-search .search__input::-webkit-search-results-decoration{display:none!important;-webkit-appearance:none!important;appearance:none!important}.mobile-drawer-search .search__input::-ms-clear,.mobile-drawer-search .search__input::-ms-reveal{display:none;width:0;height:0}.mobile-drawer-search .search__input[type=search]{-moz-appearance:textfield}.mobile-drawer-search .search__input::placeholder{color:rgba(var(--color-foreground),.5)}.mobile-drawer-search .search__input:focus{outline:none;border-color:rgba(var(--color-foreground),.4);background:rgb(var(--color-background))}.mobile-drawer-search predictive-search[open] .search__input,.mobile-drawer-search predictive-search.search-active .search__input{padding-left:44px}.mobile-drawer-search .search-back-arrow{display:none;position:absolute;left:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:none;border:none;cursor:pointer;z-index:2;color:rgb(var(--color-foreground));align-items:center;justify-content:center}.mobile-drawer-search .search-back-arrow svg{width:18px;height:18px}.mobile-drawer-search predictive-search[open] .search-back-arrow,.mobile-drawer-search predictive-search.search-active .search-back-arrow{display:flex}.mobile-drawer-search .field__button{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center}.mobile-drawer-search .field__button svg{width:18px;height:18px}.mobile-drawer-search .search__button{right:8px}.mobile-drawer-search .reset__button{right:44px;opacity:.6}.mobile-drawer-search .reset__button:hover{opacity:1}.mobile-drawer-search .reset__button.hidden{display:none!important}.mobile-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:50;pointer-events:none}.mobile-drawer-search:has(predictive-search[open]) .mobile-search-backdrop,.mobile-drawer-search:has(predictive-search.search-active) .mobile-search-backdrop,predictive-search[open]~.mobile-search-backdrop,predictive-search.search-active~.mobile-search-backdrop{opacity:1;visibility:visible;pointer-events:auto}.predictive-search--drawer{position:absolute;left:0;right:0;top:100%;width:100%;height:calc(100vh - 100px);height:calc(100dvh - 100px);overflow-y:auto;background:rgb(var(--color-background));z-index:100;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;box-shadow:0 10px 20px #0000001a}predictive-search[open] .predictive-search--drawer,predictive-search.search-active .predictive-search--drawer{opacity:1;visibility:visible;transform:translateY(0)}.predictive-search--drawer .predictive-search__results-wrapper{padding:12px 16px}.predictive-search--drawer .predictive-search__results-wrapper .predictive-search__item{padding:10px 12px}.predictive-search--drawer .predictive-search__result-group{margin-bottom:16px}.predictive-search--drawer .predictive-search__heading{font-size:13px;font-weight:400;text-transform:none;letter-spacing:normal;color:rgba(var(--color-foreground),.5);margin:0 0 12px;padding:0;border:none}.predictive-search--drawer .predictive-search__list{list-style:none;margin:0;padding:0}.predictive-search--drawer .predictive-search__list-item{margin:0}.predictive-search--drawer .predictive-search__item{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid rgba(var(--color-foreground),.08);text-decoration:none;color:inherit}.predictive-search--drawer .predictive-search__list-item:last-child .predictive-search__item{border-bottom:none}.predictive-search--drawer .predictive-search__image{width:64px;height:64px;object-fit:cover;border-radius:6px;flex-shrink:0}.predictive-search--drawer .predictive-search__item-content{flex:1;min-width:0}.predictive-search--drawer .predictive-search__item-heading{font-size:14px;font-weight:400;margin:0 0 4px;line-height:1.3;color:rgb(var(--color-foreground))}.predictive-search--drawer .predictive-search__item-vendor{font-size:12px;font-weight:400;color:rgba(var(--color-foreground),.55);line-height:1.4;margin:0}.predictive-search--drawer .price{font-size:13px;color:rgba(var(--color-foreground),.7);margin-top:4px}.predictive-search--drawer .predictive-search__item--term{padding:10px 0;font-size:14px}.predictive-search--drawer .predictive-search__loading-state{display:flex;justify-content:center;padding:24px}predictive-search:not([loading]) .predictive-search--drawer .predictive-search__loading-state{display:none}.predictive-search--drawer .spinner{width:32px;height:32px;animation:drawer-search-rotator 1.4s linear infinite}@keyframes drawer-search-rotator{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.predictive-search--drawer .spinner__path{stroke:var(--color-foreground, #1a1a1a);stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:drawer-search-dash 1.4s ease-in-out infinite}@keyframes drawer-search-dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:47;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.predictive-search--drawer .predictive-search__no-results{padding:32px 16px;text-align:center;color:rgba(var(--color-foreground),.5)}.predictive-search--drawer .predictive-search__search-for-button{display:block;text-align:center;padding:16px;margin-top:8px;background:var(--color-button, #1a1a1a);color:var(--color-button-text, #fff);text-decoration:none;border-radius:8px;font-weight:500;border:none;width:100%;cursor:pointer}.predictive-search--drawer .predictive-search__search-for-button:hover{opacity:.9}.mobile-drawer-search .search-back-arrow:focus-visible,.mobile-drawer-search .field__button:focus-visible,.predictive-search--drawer .predictive-search__item:focus-visible{outline:2px solid var(--color-foreground, #1a1a1a);outline-offset:2px}@media screen and (min-width:990px){.predictive-search--drawer,.mobile-search-backdrop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/154/assets/component-predictive-search-drawer.css.map */