select with images

assets/base.css

@@ -3643,3 +3643,62 @@ img {
   -moz-user-drag: none;
   -ms-user-drag: none;
 }
+
+/* shx custom */
+
+.shx-custom-variant-picker-dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+.shx-custom-variant-picker-dropdown-content {
+  display: none;
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+  z-index: 10000;
+  width: 100%;
+  padding: 6px 0;
+}
+
+.shx-custom-variant-picker-dropdown-content div {
+  color: black;
+  padding: 2px 12px;
+  text-decoration: none;
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+  align-items: center;
+}
+
+.shx-custom-variant-picker-dropdown-content div:hover {
+  background-color: #ededed;
+}
+
+.shx-custom-variant-picker-dropbtn {
+  width: 100%;
+  padding: 4px 14px 4px 24px;
+  font-size: 16px;
+  border: none;
+  background-color: transparent;
+  text-align: left;
+  color: rgb(var(--color-foreground));
+}
+
+.shx-custom-variant-picker-dropbtn:focus {
+  outline: none;
+}
+
+.shx-custom-variant-picker-dropdown-variant {
+  display: flex;
+  justify-content: center;
+}
+
+.shx-custom-variant-picker-selected-variant {
+  background-color: #e9e9e9;
+}
+
+.shx-custom-variant-picker-dummy-select {
+  display: none;
+}