.search-bar-pill{--pill-accent: #7C3AED;--pill-glow: rgba(138, 74, 243, .32);width:100%;position:relative}.search-bar-pill__input[type=search]{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:0;border:0;background:#fff;color:var(--pe-color-black);border:1px solid var(--pill-accent);border-radius:999px;box-shadow:0 0 25px var(--pill-glow);padding:8px 8px 8px 24px;min-height:56px;font-size:16px;transition:box-shadow .3s ease}.search-bar-pill__input[type=search]:focus{box-shadow:0 0 40px #7c3aedcc}.search-bar-pill__input[type=search]::placeholder{color:var(--pe-color-gray-400);opacity:1}.search-bar-pill__input[type=search]:focus{outline:none}.search-bar-pill__input[type=search]::-webkit-search-decoration,.search-bar-pill__input[type=search]::-webkit-search-cancel-button,.search-bar-pill__input[type=search]::-webkit-search-results-button,.search-bar-pill__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search-bar-pill__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;cursor:pointer;padding:4px;border:0;font-size:16px;min-height:48px}.search-bar-pill__submit:hover{filter:brightness(1.05)}.search-bar-pill__submit:focus-visible{outline:2px solid var(--pill-accent);outline-offset:3px}.search-bar-pill__label{white-space:nowrap;min-width:72px}.search-bar-pill__icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--pill-accent);flex-shrink:0}.search-bar-pill__icon-wrap svg{width:1rem;height:1rem;display:block}.search-bar-pill__outer{width:100%}.search-bar-pill__outer--align-center{display:flex;justify-content:center}.search-bar-pill__outer--align-right{display:flex;justify-content:flex-end}@media(min-width:640px){.search-bar-pill__submit{position:absolute;top:50%;transform:translateY(-50%);right:8px;padding:4px 4px 4px 16px}.search-bar-pill__input[type=search]{min-height:64px}}@media(min-width:640px)and (max-width:1439px){.search-bar-pill__input[type=search]{font-size:14px}}.search-bar-pill__predictive{display:block;scroll-margin-top:calc(var(--header-height, 0px) + var(--announcement-bar-height, 0px) + max(.5rem,env(safe-area-inset-top,0px)));scroll-margin-bottom:1rem}.search-bar-pill__predictive .predictive-search-pill{position:absolute;top:100%;left:0;right:0;margin-top:10px;border-radius:16px;background:#fff;box-shadow:0 12px 40px #0000001f;border:1px solid rgba(0,0,0,.06)}.search-bar-pill__predictive .predictive-search-pill.show-results{max-height:min(70vh,520px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.search-bar-pill__predictive .search-bar-pill__fullscreen-head{display:none}.search-bar-pill__predictive:has([data-predictive-search].show-results) .search-bar-pill__fullscreen-head{display:block}@media(min-width:1440px){.search-bar-pill__fullscreen-head{position:absolute;right:150px;top:50%;z-index:99;transform:translateY(-50%)}}@media(max-width:1439px){.search-bar-pill__predictive:has([data-predictive-search].show-results){position:fixed;top:0;right:0;bottom:0;left:0;z-index:1180;display:flex;flex-direction:column;box-sizing:border-box;min-height:100dvh;padding:max(.5rem,env(safe-area-inset-top)) 1rem max(.75rem,env(safe-area-inset-bottom));background:var(--pe-body-bg, #fff);overflow:hidden}.search-bar-pill__predictive:has([data-predictive-search].show-results) .search-bar-pill__fullscreen-head{display:flex;justify-content:flex-end;flex-shrink:0;width:100%;margin-bottom:.5rem}.search-bar-pill__predictive:has([data-predictive-search].show-results) .search-bar-pill{flex-shrink:0;width:100%;max-width:none!important}.search-bar-pill__predictive:has([data-predictive-search].show-results) .predictive-search-pill{position:relative;top:auto;left:auto;right:auto;margin-top:.75rem;flex:1 1 auto;min-height:0;max-height:none;border-radius:12px;box-shadow:none;border:1px solid rgba(0,0,0,.08)}.search-bar-pill__predictive:has([data-predictive-search].show-results) .predictive-search-pill.show-results{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.search-bar-pill__predictive:has([data-predictive-search].show-results) .predictive-search-pill:empty{min-height:10rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-search-bar-pill.css.map */