search-box-advanced{display:block;position:relative;width:100%}.search-box-advanced__form{display:flex;align-items:center;gap:10px;width:100%}.search-box-advanced__field{flex:1;min-width:0;display:flex;align-items:center;gap:4px;padding:3px 5px 3px 15px;border:solid 1px var(--header-border-color, #E7E7E7);border-radius:8px;background-color:var(--header-panel-background, #FFFFFF)}.search-box-advanced__field:focus-within{border-color:currentColor}.search-box-advanced__input{flex:1;min-width:0;padding:8px 0;border:none;background:none;font:inherit;color:inherit}.search-box-advanced__input:focus{outline:none}.search-box-advanced__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.search-box-advanced__separator{flex:0 0 auto;width:1px;height:22px;margin:0 2px;background-color:var(--header-border-color, #E7E7E7)}.search-box-advanced__control{flex:0 0 auto;width:34px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:7px;background:none;color:inherit;cursor:pointer;transition:background-color .15s ease}.search-box-advanced__control:hover,.search-box-advanced__control:focus-visible{background-color:#0000000d}.search-box-advanced__control[hidden]{display:none}.search-box-advanced__control .svg-wrapper{width:18px;height:18px}.search-box-advanced__control--clear .svg-wrapper{width:14px;height:14px}.search-box-advanced__action{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:inherit;cursor:pointer}.search-box-advanced__action .svg-wrapper{width:var(--header-icon-size, 22px);height:var(--header-icon-size, 22px)}.search-box-advanced__action:hover{opacity:.7}.search-box-advanced__results{display:block}.search-box-advanced__results[hidden]{display:none}.search-box-advanced--dropdown .search-box-advanced__results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1;max-height:min(480px,60vh);overflow-y:auto;overscroll-behavior:contain;padding:10px;background-color:var(--header-panel-background, #FFFFFF);border:solid 1px var(--header-border-color, #E7E7E7);border-radius:10px;box-shadow:0 15px 30px #00000020}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-search-box-advanced.css.map */