.tp-search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px}.tp-search[hidden]{display:none}.tp-header-section.is-search-open{z-index:400}.tp-search .tp-search__backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#1e1b1873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tp-search__panel{position:relative;width:100%;max-width:640px;max-height:80vh;overflow:auto;background:var(--tp-color-white);border:1px solid var(--tp-color-border);border-radius:20px;box-shadow:var(--tp-shadow-medium);padding:18px 20px 16px}.tp-search__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tp-search__title{margin:0;font-size:15px;font-weight:700;color:var(--tp-color-dark)}.tp-search__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--tp-color-border);background:var(--tp-color-white);color:var(--tp-color-dark);cursor:pointer;transition:border-color .2s ease,background .2s ease}.tp-search__close:hover,.tp-search__close:focus-visible{border-color:var(--tp-color-accent);background:var(--tp-color-bg-soft)}.tp-search__close:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:2px}.tp-search__field.field{position:relative;display:flex;align-items:center;margin:0}.tp-search__input.field__input{width:100%;min-height:50px;padding:12px 96px 12px 16px;border:1.5px solid var(--tp-color-border);border-radius:14px;background:var(--tp-color-bg);font-size:16px;color:var(--tp-color-dark);box-shadow:none}.tp-search__input.field__input:focus{border-color:var(--tp-color-accent);outline:none;box-shadow:0 0 0 3px #b07a452e}.tp-search__field .field__button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;color:var(--tp-color-dark);background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.tp-search__field .search__button{right:6px}.tp-search__field .reset__button{right:48px}.tp-search__field .field__button.hidden{display:none}.tp-search__field .field__button:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:2px}.tp-search__field .svg-wrapper svg{width:18px;height:18px}.tp-search__ps .predictive-search{position:static;display:none;width:100%;max-height:none;margin-top:10px;border:0;border-top:1px solid var(--tp-color-border);padding-top:6px;background:transparent;box-shadow:none}.tp-search__ps[open] .predictive-search{display:block}.tp-search__ps .predictive-search__heading{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tp-color-text-muted);margin:10px 0 4px}.tp-search__ps .predictive-search__item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--tp-color-dark)}.tp-search__ps .predictive-search__item[aria-selected=true],.tp-search__ps .predictive-search__item:hover,.tp-search__ps .predictive-search__list-item[aria-selected=true] .predictive-search__item{background:var(--tp-color-bg-soft)}.tp-search__ps .predictive-search__image{width:52px;height:52px;object-fit:cover;border-radius:10px;background:var(--tp-color-bg-soft);flex-shrink:0}.tp-search__ps .predictive-search__item-heading{margin:0;font-size:14.5px;font-weight:600;line-height:1.3}.tp-search__ps .price{font-size:13.5px;color:var(--tp-color-text-muted);margin-top:2px}.tp-search__ps .predictive-search__search-for-button .predictive-search__item{justify-content:space-between;margin-top:6px;font-weight:700;color:var(--tp-color-accent);border:1.5px solid var(--tp-color-border)}.tp-search__ps .predictive-search__loading-state{display:none}.tp-search__ps[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:10px}.tp-search__hint{margin:10px 0 0;font-size:12px;color:var(--tp-color-text-muted)}@media(prefers-reduced-motion:no-preference){.tp-search__panel{animation:tp-search-in .2s cubic-bezier(.22,1,.36,1)}@keyframes tp-search-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}@media(max-width:640px){.tp-search{padding:12px;align-items:flex-start}.tp-search__panel{padding:14px 14px 12px;border-radius:16px;max-height:calc(100vh - 24px)}.tp-search__input.field__input{font-size:16px}.tp-search__ps .predictive-search__results-groups-wrapper{display:block}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/toudoupet-search.css.map */