solidus_admin 0.4.0 → 0.5.0

data/app/assets/builds/solidus_admin/tailwind.css

@@ -109,7 +109,7 @@
 }
 
 /*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -568,6 +568,40 @@ summary{
   list-style: none;
 }
 
+.container{
+  width: 100%;
+}
+
+@media (min-width: 640px){
+  .container{
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px){
+  .container{
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px){
+  .container{
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px){
+  .container{
+    max-width: 1280px;
+  }
+}
+
+@media (min-width: 1536px){
+  .container{
+    max-width: 1536px;
+  }
+}
+
 .form-input,.form-textarea,.form-select,.form-multiselect{
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -626,26 +660,6 @@ summary{
   padding-bottom: 0;
 }
 
-.form-select{
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
-  background-position: right 0.5rem center;
-  background-repeat: no-repeat;
-  background-size: 1.5em 1.5em;
-  padding-right: 2.5rem;
-  -webkit-print-color-adjust: exact;
-          print-color-adjust: exact;
-}
-
-.form-select:where([size]:not([size="1"])){
-  background-image: initial;
-  background-position: initial;
-  background-repeat: unset;
-  background-size: initial;
-  padding-right: 0.75rem;
-  -webkit-print-color-adjust: unset;
-          print-color-adjust: unset;
-}
-
 .form-checkbox,.form-radio{
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -817,6 +831,10 @@ summary{
   top: 0.5rem;
 }
 
+.top-3{
+  top: 0.75rem;
+}
+
 .z-10{
   z-index: 10;
 }
@@ -829,6 +847,10 @@ summary{
   z-index: 50;
 }
 
+.col-span-2{
+  grid-column: span 2 / span 2;
+}
+
 .m-2{
   margin: 0.5rem;
 }
@@ -937,10 +959,24 @@ summary{
   display: table;
 }
 
+.grid{
+  display: grid;
+}
+
 .hidden{
   display: none;
 }
 
+.size-4{
+  width: 1rem;
+  height: 1rem;
+}
+
+.size-5{
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
 .h-1{
   height: 0.25rem;
 }
@@ -1053,6 +1089,10 @@ summary{
   min-height: 84px;
 }
 
+.min-h-\[85px\]{
+  min-height: 85px;
+}
+
 .min-h-full{
   min-height: 100%;
 }
@@ -1069,6 +1109,10 @@ summary{
   width: 50%;
 }
 
+.w-1\/6{
+  width: 16.666667%;
+}
+
 .w-10{
   width: 2.5rem;
 }
@@ -1081,6 +1125,10 @@ summary{
   width: 4rem;
 }
 
+.w-2\/3{
+  width: 66.666667%;
+}
+
 .w-20{
   width: 5rem;
 }
@@ -1101,6 +1149,10 @@ summary{
   width: 1.25rem;
 }
 
+.w-5\/6{
+  width: 83.333333%;
+}
+
 .w-56{
   width: 14rem;
 }
@@ -1294,6 +1346,11 @@ summary{
   border-collapse: collapse;
 }
 
+.-translate-y-\[150\%\]{
+  --tw-translate-y: -150%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .translate-x-\[calc\(-50\%\+\(1rem\/2\)\)\]{
   --tw-translate-x: calc(-50% + (1rem / 2));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1326,6 +1383,10 @@ summary{
   cursor: default;
 }
 
+.cursor-grab{
+  cursor: grab;
+}
+
 .cursor-pointer{
   cursor: pointer;
 }
@@ -1336,6 +1397,10 @@ summary{
           appearance: none;
 }
 
+.grid-cols-5{
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
 .flex-col{
   flex-direction: column;
 }
@@ -1348,6 +1413,10 @@ summary{
   align-items: flex-start;
 }
 
+.items-end{
+  align-items: flex-end;
+}
+
 .items-center{
   align-items: center;
 }
@@ -1421,6 +1490,10 @@ summary{
   border-color: rgb(222 222 222 / var(--tw-divide-opacity, 1));
 }
 
+.place-self-center{
+  place-self: center;
+}
+
 .overflow-auto{
   overflow: auto;
 }
@@ -1527,6 +1600,11 @@ summary{
   border-top-width: 1px;
 }
 
+.border-forest{
+  --tw-border-opacity: 1;
+  border-color: rgb(9 103 86 / var(--tw-border-opacity, 1));
+}
+
 .border-gray-100{
   --tw-border-opacity: 1;
   border-color: rgb(222 222 222 / var(--tw-border-opacity, 1));
@@ -1542,6 +1620,16 @@ summary{
   border-color: rgb(186 186 186 / var(--tw-border-opacity, 1));
 }
 
+.border-gray-500{
+  --tw-border-opacity: 1;
+  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
+}
+
+.border-orange{
+  --tw-border-opacity: 1;
+  border-color: rgb(246 128 80 / var(--tw-border-opacity, 1));
+}
+
 .border-red-500{
   --tw-border-opacity: 1;
   border-color: rgb(220 55 40 / var(--tw-border-opacity, 1));
@@ -1620,6 +1708,11 @@ summary{
   background-color: rgb(220 55 40 / var(--tw-bg-opacity, 1));
 }
 
+.bg-sazerac{
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 240 221 / var(--tw-bg-opacity, 1));
+}
+
 .bg-seafoam{
   --tw-bg-opacity: 1;
   background-color: rgb(193 224 222 / var(--tw-bg-opacity, 1));
@@ -1639,14 +1732,14 @@ summary{
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
-.bg-arrow-down-s-fill-gray-700{
-  background-image: url('solidus_admin/arrow_down_s_fill_gray_700.svg');
-}
-
 .fill-current{
   fill: currentColor;
 }
 
+.fill-forest{
+  fill: #096756;
+}
+
 .fill-gray-400{
   fill: #a3a3a3;
 }
@@ -1663,6 +1756,14 @@ summary{
   fill: #333333;
 }
 
+.fill-orange{
+  fill: #f68050;
+}
+
+.fill-red-500{
+  fill: #dc3728;
+}
+
 .fill-yellow{
   fill: #fdc071;
 }
@@ -1796,6 +1897,10 @@ summary{
   padding-top: 0.125rem;
 }
 
+.pt-1{
+  padding-top: 0.25rem;
+}
+
 .pt-2{
   padding-top: 0.5rem;
 }
@@ -1836,6 +1941,10 @@ summary{
   font-family: Inter var, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
+.font-serif{
+  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+}
+
 .text-2xl{
   font-size: 1.5rem;
   line-height: 2rem;
@@ -1925,11 +2034,6 @@ summary{
   color: rgb(34 34 34 / var(--tw-text-opacity, 1));
 }
 
-.text-blue{
-  --tw-text-opacity: 1;
-  color: rgb(37 84 177 / var(--tw-text-opacity, 1));
-}
-
 .text-forest{
   --tw-text-opacity: 1;
   color: rgb(9 103 86 / var(--tw-text-opacity, 1));
@@ -1980,6 +2084,11 @@ summary{
   color: rgb(177 44 32 / var(--tw-text-opacity, 1));
 }
 
+.text-solidus-blue{
+  --tw-text-opacity: 1;
+  color: rgb(37 84 177 / var(--tw-text-opacity, 1));
+}
+
 .text-solidus-red{
   --tw-text-opacity: 1;
   color: rgb(239 48 35 / var(--tw-text-opacity, 1));
@@ -2056,14 +2165,6 @@ summary{
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.transition{
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
 .transition-all{
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2074,6 +2175,64 @@ summary{
   transition-duration: 500ms;
 }
 
+.duration-75{
+  transition-duration: 75ms;
+}
+
+.ease-linear{
+  transition-timing-function: linear;
+}
+
+.\[\&\>\.control\]\:form-select>.control{
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #fff;
+  border-color: #737373;
+  border-width: 1px;
+  border-radius: 0px;
+  padding-top: 0.5rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  --tw-shadow: 0 0 #0000;
+}
+
+.\[\&\>\.control\]\:form-select>.control:focus{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: #2563eb;
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  border-color: #2563eb;
+}
+
+.\[\&\>\.control\]\:form-select>.control{
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right 0.5rem center;
+  background-repeat: no-repeat;
+  background-size: 1.5em 1.5em;
+  padding-right: 2.5rem;
+  -webkit-print-color-adjust: exact;
+          print-color-adjust: exact;
+}
+
+.\[\&\>\.control\]\:form-select>.control:where([size]:not([size="1"])){
+  background-image: initial;
+  background-position: initial;
+  background-repeat: unset;
+  background-size: initial;
+  padding-right: 0.75rem;
+  -webkit-print-color-adjust: unset;
+          print-color-adjust: unset;
+}
+
 .placeholder\:text-gray-400::-moz-placeholder{
   --tw-text-opacity: 1;
   color: rgb(163 163 163 / var(--tw-text-opacity, 1));
@@ -2219,6 +2378,14 @@ summary{
   border-top-width: 0px;
 }
 
+.checked\:border-\[5px\]:checked{
+  border-width: 5px;
+}
+
+.checked\:border-\[6px\]:checked{
+  border-width: 6px;
+}
+
 .checked\:border-gray-700:checked{
   --tw-border-opacity: 1;
   border-color: rgb(74 74 74 / var(--tw-border-opacity, 1));
@@ -2271,10 +2438,6 @@ summary{
   border-color: rgb(177 44 32 / var(--tw-border-opacity, 1));
 }
 
-.invalid\:bg-arrow-down-s-fill-red-400:invalid{
-  background-image: url('solidus_admin/arrow_down_s_fill_red_400.svg');
-}
-
 .invalid\:text-red-600:invalid{
   --tw-text-opacity: 1;
   color: rgb(177 44 32 / var(--tw-text-opacity, 1));
@@ -2298,6 +2461,10 @@ summary{
   background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
 }
 
+.empty\:hidden:empty{
+  display: none;
+}
+
 .hover\:border-gray-500:hover{
   --tw-border-opacity: 1;
   border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
@@ -2362,11 +2529,12 @@ summary{
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
-.hover\:underline:hover{
-  text-decoration-line: underline;
+.checked\:hover\:border-gray-500:hover:checked{
+  --tw-border-opacity: 1;
+  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
 }
 
-.checked\:hover\:border-gray-500:hover:checked{
+.hover\:checked\:border-gray-500:checked:hover{
   --tw-border-opacity: 1;
   border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
 }
@@ -2565,6 +2733,21 @@ summary{
   border-color: rgb(186 186 186 / var(--tw-border-opacity, 1));
 }
 
+.focus-visible\:ring-2:focus-visible{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus-visible\:ring-gray-300:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(186 186 186 / var(--tw-ring-opacity, 1));
+}
+
+.focus-visible\:ring-offset-1:focus-visible{
+  --tw-ring-offset-width: 1px;
+}
+
 .active\:border-red-700:active{
   --tw-border-opacity: 1;
   border-color: rgb(134 34 25 / var(--tw-border-opacity, 1));
@@ -2601,6 +2784,12 @@ summary{
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.active\:ring-2:active{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .active\:ring-gray-300:active{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(186 186 186 / var(--tw-ring-opacity, 1));
@@ -2619,6 +2808,10 @@ summary{
   border-color: rgb(186 186 186 / var(--tw-border-opacity, 1));
 }
 
+.disabled\:border-gray-300\/50:disabled{
+  border-color: rgb(186 186 186 / 0.5);
+}
+
 .disabled\:border-red-200:disabled{
   --tw-border-opacity: 1;
   border-color: rgb(241 173 167 / var(--tw-border-opacity, 1));
@@ -2697,6 +2890,16 @@ summary{
   background-color: rgb(186 186 186 / var(--tw-bg-opacity, 1));
 }
 
+.disabled\:hover\:border-gray-300\/50:hover:disabled{
+  border-color: rgb(186 186 186 / 0.5);
+}
+
+.disabled\:active\:ring-0:active:disabled{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:hidden{
   display: none;
 }
@@ -2843,6 +3046,480 @@ summary{
   color: rgb(34 34 34 / var(--tw-text-opacity, 1));
 }
 
+.\[\&\>\.control\]\:flex>.control{
+  display: flex;
+}
+
+.\[\&\>\.control\]\:min-h-12>.control{
+  min-height: 3rem;
+}
+
+.\[\&\>\.control\]\:min-h-7>.control{
+  min-height: 1.75rem;
+}
+
+.\[\&\>\.control\]\:min-h-9>.control{
+  min-height: 2.25rem;
+}
+
+.\[\&\>\.control\]\:w-full>.control{
+  width: 100%;
+}
+
+.\[\&\>\.control\]\:flex-wrap>.control{
+  flex-wrap: wrap;
+}
+
+.\[\&\>\.control\]\:items-center>.control{
+  align-items: center;
+}
+
+.\[\&\>\.control\]\:gap-1>.control{
+  gap: 0.25rem;
+}
+
+.\[\&\>\.control\]\:rounded-sm>.control{
+  border-radius: 4px;
+}
+
+.\[\&\>\.control\]\:border>.control{
+  border-width: 1px;
+}
+
+.\[\&\>\.control\]\:border-gray-300>.control{
+  --tw-border-opacity: 1;
+  border-color: rgb(186 186 186 / var(--tw-border-opacity, 1));
+}
+
+.\[\&\>\.control\]\:bg-white>.control{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+
+.\[\&\>\.control\]\:bg-arrow-down-s-fill-gray-700>.control{
+  background-image: url('solidus_admin/arrow_down_s_fill_gray_700.svg');
+}
+
+.\[\&\>\.control\]\:py-1\.5>.control{
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+
+.\[\&\>\.control\]\:pl-3>.control{
+  padding-left: 0.75rem;
+}
+
+.\[\&\>\.control\]\:pr-10>.control{
+  padding-right: 2.5rem;
+}
+
+.\[\&\>\.control\]\:text-base>.control{
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.\[\&\>\.control\]\:text-sm>.control{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.\[\&\>\.control\]\:text-xs>.control{
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.\[\&\>\.control\]\:hover\:border-gray-500:hover>.control{
+  --tw-border-opacity: 1;
+  border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
+}
+
+.peer:invalid ~ .\[\&\>\.control\]\:peer-invalid\:border-red-600>.control{
+  --tw-border-opacity: 1;
+  border-color: rgb(177 44 32 / var(--tw-border-opacity, 1));
+}
+
+.peer:invalid ~ .\[\&\>\.control\]\:peer-invalid\:bg-arrow-down-s-fill-red-400>.control{
+  background-image: url('solidus_admin/arrow_down_s_fill_red_400.svg');
+}
+
+.peer:invalid ~ .\[\&\>\.control\]\:peer-invalid\:text-red-600>.control{
+  --tw-text-opacity: 1;
+  color: rgb(177 44 32 / var(--tw-text-opacity, 1));
+}
+
+.peer:invalid ~ .\[\&\>\.control\]\:peer-invalid\:hover\:border-red-600:hover>.control{
+  --tw-border-opacity: 1;
+  border-color: rgb(177 44 32 / var(--tw-border-opacity, 1));
+}
+
+.\[\&\>\.control\]\:has-\[\:disabled\]\:cursor-not-allowed:has(:disabled)>.control{
+  cursor: not-allowed;
+}
+
+.\[\&\>\.control\]\:has-\[\:disabled\]\:bg-gray-50:has(:disabled)>.control{
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
+}
+
+.\[\&\>\.control\]\:has-\[\:focus\]\:bg-white:has(:focus)>.control{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+
+.\[\&\>\.control\]\:has-\[\:disabled\]\:text-gray-500:has(:disabled)>.control{
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+}
+
+.\[\&\>\.control\]\:has-\[\:focus\]\:outline-none:has(:focus)>.control{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.\[\&\>\.control\]\:has-\[\:focus\]\:ring:has(:focus)>.control{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.\[\&\>\.control\]\:has-\[\:focus\]\:ring-gray-300:has(:focus)>.control{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(186 186 186 / var(--tw-ring-opacity, 1));
+}
+
+.\[\&\>\.control\]\:has-\[\:focus\]\:ring-offset-0:has(:focus)>.control{
+  --tw-ring-offset-width: 0px;
+}
+
+.\[\&\>\.control\]\:has-\[\:disabled\]\:hover\:border-gray-300:hover:has(:disabled)>.control{
+  --tw-border-opacity: 1;
+  border-color: rgb(186 186 186 / var(--tw-border-opacity, 1));
+}
+
+.\[\&\>\.error\]\:hidden>.error{
+  display: none;
+}
+
+.peer:invalid ~ .\[\&\>\.error\]\:peer-invalid\:block>.error{
+  display: block;
+}
+
+.\[\&_\.dropdown-content\]\:flex .dropdown-content{
+  display: flex;
+}
+
+.\[\&_\.dropdown-content\]\:max-h-\[200px\] .dropdown-content{
+  max-height: 200px;
+}
+
+.\[\&_\.dropdown-content\]\:flex-col .dropdown-content{
+  flex-direction: column;
+}
+
+.\[\&_\.dropdown-content\]\:overflow-y-auto .dropdown-content{
+  overflow-y: auto;
+}
+
+.\[\&_\.dropdown-content\]\:overflow-x-hidden .dropdown-content{
+  overflow-x: hidden;
+}
+
+.\[\&_\.dropdown-content\]\:scroll-smooth .dropdown-content{
+  scroll-behavior: smooth;
+}
+
+.\[\&_\.dropdown\]\:absolute .dropdown{
+  position: absolute;
+}
+
+.\[\&_\.dropdown\]\:z-10 .dropdown{
+  z-index: 10;
+}
+
+.\[\&_\.dropdown\]\:mt-0\.5 .dropdown{
+  margin-top: 0.125rem;
+}
+
+.\[\&_\.dropdown\]\:w-full .dropdown{
+  width: 100%;
+}
+
+.\[\&_\.dropdown\]\:min-w-\[10rem\] .dropdown{
+  min-width: 10rem;
+}
+
+.\[\&_\.dropdown\]\:rounded-sm .dropdown{
+  border-radius: 4px;
+}
+
+.\[\&_\.dropdown\]\:border .dropdown{
+  border-width: 1px;
+}
+
+.\[\&_\.dropdown\]\:border-gray-100 .dropdown{
+  --tw-border-opacity: 1;
+  border-color: rgb(222 222 222 / var(--tw-border-opacity, 1));
+}
+
+.\[\&_\.dropdown\]\:bg-white .dropdown{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+
+.\[\&_\.dropdown\]\:p-2 .dropdown{
+  padding: 0.5rem;
+}
+
+.\[\&_\.dropdown\]\:text-base .dropdown{
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.\[\&_\.dropdown\]\:text-sm .dropdown{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.\[\&_\.dropdown\]\:text-xs .dropdown{
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.\[\&_\.dropdown\]\:shadow-lg .dropdown{
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.\[\&_\.item\]\:flex .item{
+  display: flex;
+}
+
+.\[\&_\.item\]\:h-5 .item{
+  height: 1.25rem;
+}
+
+.\[\&_\.item\]\:h-5\.5 .item{
+  height: 1.375rem;
+}
+
+.\[\&_\.item\]\:h-8 .item{
+  height: 2rem;
+}
+
+.\[\&_\.item\]\:items-center .item{
+  align-items: center;
+}
+
+.\[\&_\.item\]\:gap-1 .item{
+  gap: 0.25rem;
+}
+
+.\[\&_\.item\]\:whitespace-nowrap .item{
+  white-space: nowrap;
+}
+
+.\[\&_\.item\]\:rounded-full .item{
+  border-radius: 9999px;
+}
+
+.\[\&_\.item\]\:bg-graphite-light .item{
+  --tw-bg-opacity: 1;
+  background-color: rgb(216 218 216 / var(--tw-bg-opacity, 1));
+}
+
+.\[\&_\.item\]\:px-2 .item{
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.\[\&_\.item\]\:py-0\.5 .item{
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.peer:invalid ~ .\[\&_\.item\]\:peer-invalid\:bg-red-100 .item{
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 214 211 / var(--tw-bg-opacity, 1));
+}
+
+.\[\&_\.item_\.remove-button\]\:order-first .item .remove-button{
+  order: -9999;
+}
+
+.\[\&_\.item_\.remove-button\]\:pb-0\.5 .item .remove-button{
+  padding-bottom: 0.125rem;
+}
+
+.\[\&_\.item_\.remove-button\]\:text-xl .item .remove-button{
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.\[\&_\.item_\.remove-button\]\:has-\[\:disabled\]\:cursor-not-allowed:has(:disabled) .item .remove-button{
+  cursor: not-allowed;
+}
+
+@keyframes pulse{
+  50%{
+    opacity: .5;
+  }
+}
+
+.\[\&_\.loading\]\:animate-pulse .loading{
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.\[\&_\.loading\]\:px-2 .loading{
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.\[\&_\.loading\]\:py-1 .loading{
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.\[\&_\.loading\]\:italic .loading{
+  font-style: italic;
+}
+
+.\[\&_\.loading\]\:text-gray-500 .loading{
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+}
+
+.\[\&_\.no-results\]\:px-2 .no-results{
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.\[\&_\.no-results\]\:py-1 .no-results{
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.\[\&_\.no-results\]\:text-gray-500 .no-results{
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+}
+
+.\[\&_\.option\.active\]\:bg-gray-50 .option.active{
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
+}
+
+.\[\&_\.option\.active\]\:text-gray-700 .option.active{
+  --tw-text-opacity: 1;
+  color: rgb(74 74 74 / var(--tw-text-opacity, 1));
+}
+
+.\[\&_\.option\.loading-more\]\:pointer-events-none .option.loading-more{
+  pointer-events: none;
+}
+
+@keyframes pulse{
+  50%{
+    opacity: .5;
+  }
+}
+
+.\[\&_\.option\.loading-more\]\:animate-pulse .option.loading-more{
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.\[\&_\.option\.loading-more\]\:py-0\.5 .option.loading-more{
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.\[\&_\.option\.loading-more\]\:text-center .option.loading-more{
+  text-align: center;
+}
+
+.\[\&_\.option\.loading-more\]\:text-xs .option.loading-more{
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.\[\&_\.option\.loading-more\]\:italic .option.loading-more{
+  font-style: italic;
+}
+
+.\[\&_\.option\.loading-more\]\:text-gray-500 .option.loading-more{
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
+}
+
+.\[\&_\.option\]\:h-12 .option{
+  height: 3rem;
+}
+
+.\[\&_\.option\]\:h-7 .option{
+  height: 1.75rem;
+}
+
+.\[\&_\.option\]\:h-9 .option{
+  height: 2.25rem;
+}
+
+.\[\&_\.option\]\:min-w-fit .option{
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+}
+
+.\[\&_\.option\]\:rounded-sm .option{
+  border-radius: 4px;
+}
+
+.\[\&_\.option\]\:p-2 .option{
+  padding: 0.5rem;
+}
+
+.\[\&_\.option_\.highlight\]\:rounded-\[1px\] .option .highlight{
+  border-radius: 1px;
+}
+
+.\[\&_\.option_\.highlight\]\:bg-yellow .option .highlight{
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 192 113 / var(--tw-bg-opacity, 1));
+}
+
+.\[\&_input\:disabled\]\:cursor-not-allowed input:disabled{
+  cursor: not-allowed;
+}
+
+.\[\&_input\:disabled\]\:bg-gray-50 input:disabled{
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
+}
+
+.peer:invalid ~ .\[\&_input\]\:peer-invalid\:placeholder\:text-red-400 input::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(227 96 84 / var(--tw-text-opacity, 1));
+}
+
+.peer:invalid ~ .\[\&_input\]\:peer-invalid\:placeholder\:text-red-400 input::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(227 96 84 / var(--tw-text-opacity, 1));
+}
+
+.\[\&_input\]\:has-\[\.item\]\:cursor-default:has(.item) input{
+  cursor: default;
+}
+
+.\[\&_input\]\:has-\[\.item\]\:opacity-0:has(.item) input{
+  opacity: 0;
+}
+
+.\[\&_input\]\:has-\[\.item\]\:placeholder\:opacity-0:has(.item) input::-moz-placeholder{
+  opacity: 0;
+}
+
+.\[\&_input\]\:has-\[\.item\]\:placeholder\:opacity-0:has(.item) input::placeholder{
+  opacity: 0;
+}
+
 :disabled~.\[\:disabled\~\&\]\:text-gray-300{
   --tw-text-opacity: 1;
   color: rgb(186 186 186 / var(--tw-text-opacity, 1));