.searchbar{display:flex;height:2.1875rem;width:100%}.searchbar__input-wrapper{display:flex;align-items:center;width:100%;background:var(--color-gray-100);border-radius:var(--radius-sm);overflow:hidden;position:relative}.searchbar__input{flex:1;width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-12);border:none;background:transparent;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-foreground);outline:none}.searchbar__input::-moz-placeholder{color:var(--color-gray-500);font-size:var(--text-sm)}.searchbar__input::placeholder{color:var(--color-gray-500);font-size:var(--text-sm)}.searchbar__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:1rem;width:1rem;background-color:#000;-webkit-mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27%3E%3C/line%3E%3Cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27%3E%3C/line%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27%3E%3C/line%3E%3Cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27%3E%3C/line%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;cursor:pointer}.searchbar__input::-moz-search-cancel-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;height:1rem;width:1rem;background-color:#000;-webkit-mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27%3E%3C/line%3E%3Cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27%3E%3C/line%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%271%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%2718%27 y1=%276%27 x2=%276%27 y2=%2718%27%3E%3C/line%3E%3Cline x1=%276%27 y1=%276%27 x2=%2718%27 y2=%2718%27%3E%3C/line%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;cursor:pointer}.searchbar__submit{position:absolute;top:0;left:0;width:3rem;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-foreground);cursor:pointer;padding:var(--spacing-3)}.searchbar__submit svg{width:1rem;height:1rem}.searchbar__submit:hover{background:transparent!important;border:none!important}.searchbar__submit-text{display:none;font-size:var(--text-sm);font-weight:var(--font-weight-medium)}
/*# sourceMappingURL=/cdn/shop/t/66/assets/snippet.searchbar.css.map */