.search-bar .search-field{height:72px;background-color:#f1f1f1;border:none;font-family:Open Sans,sans-serif;font-size:1.375rem;line-height:1.875rem;color:#121212;border-radius:4px}.search-bar .icon-search{top:24px;background-color:transparent;display:block;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232376ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E")}.search-bar .icon-search,.search-bar .reset-button{position:absolute;border:none;right:26px;width:24px;height:24px}.search-bar .reset-button{border-radius:50%;top:26px;padding:0;background-color:#7c7c7c;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");background-size:80%;background-position:50%;z-index:200}.search-bar .suggestions-wrapper{position:relative}.search-bar .suggestions{display:block;position:absolute;top:0;left:0;border:3px solid #f1f1f1;border-top:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#fff;width:100%;z-index:3}.search-bar .suggestions .swatch-square{width:2.5rem;height:2.5rem;display:inline-block;margin-right:.313em}.search-bar .suggestions .header{color:#7c7c7c;font-size:.875rem}.search-bar .suggestions .item{border-top:1px solid #f1f1f1}.search-bar .suggestions .item .name{margin-top:.313em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-bar .suggestions .category-parent{font-size:.875em}.search-bar .suggestions .selected{background-color:#7c7c7c}.search-bar .suggestions .container{list-style-type:none}