Widget:AddonsStyle

<style> body {

   font-family: Arial, sans-serif;
   background-color: #f0f0f0;
   margin: 0;
   padding: 20px;

}

.input-group {

   position: relative;
   width: 100%;

}

1. imageSearch {

   width: 100%;
   padding: 10px;
   font-size: 16px;
   border-radius: 5px;
   border: 1px solid #ccc;

}

1. dropdown {

   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   background-color: white;
   border: 1px solid #ccc;
   border-radius: 5px;
   max-height: 200px;
   overflow-y: auto;
   display: none;
   z-index: 10;

}

.dropdown-item {

   padding: 10px;
   display: flex;
   align-items: center;
   cursor: pointer;

}

.dropdown-item img {

   width: 40px;
   height: 40px;
   margin-right: 10px;

}

.image-container {

   margin-top: 20px;
   display: none;

}

.variation-item {

   display: flex;
   align-items: center;
   margin-bottom: 10px;

}

.variation-image {

   width: 100px;
   height: 100px;
   margin-right: 10px;
   transition: all 0.3s ease;

}

.swap-button {

   cursor: pointer;
   margin-left: 10px;
   background-color: #007bff;
   color: white;
   padding: 5px 10px;
   border-radius: 5px;

}

.image-info {

   margin-left: 10px;

} </style>