@lolmath/ui 6.4.0 → 8.0.0

package/dist/es/index.css

@@ -61,10 +61,6 @@
     --lol-line-height-stat: 1.6667rem;
     --lol-letter-spacing-stat: 0.05em;
     --lol-font-weight-stat: 700;
-    --lol-font-size-stat: 1.1667rem;
-    --lol-line-height-stat: 1.6667rem;
-    --lol-letter-spacing-stat: 0.05em;
-    --lol-font-weight-stat: 700;
     --lol-font-size-large-number: 4.75rem;
     --lol-line-height-large-number: 5.1667rem;
     --lol-letter-spacing-large-number: 0.025em;
@@ -108,56 +104,6 @@
   }
 }
 
-/* src/components/disclosure.module.css?css_virtual&hash=7f275 */
-@layer lol {
-  .disclosureButton_96cc0 {
-    color: var(--lol-color-grey-100);
-    font-family: var(--lol-font-family-beaufort);
-    display: flex;
-    width: 100%;
-    align-items: center;
-    padding: 0.5rem 0;
-    font-weight: bold;
-    text-transform: uppercase;
-    text-align: left;
-  }
-  .disclosureButton_96cc0:active,
-  .disclosureButton_96cc0:hover {
-    color: var(--lol-color-gold-100);
-  }
-  .icon_96cc0 {
-    margin-left: .125rem;
-    margin-right: .5rem;
-    display: inline-block;
-    rotate: 90deg;
-    font-size: var(--lol-font-size-sm);
-  }
-  .disclosure_96cc0 {
-    border-bottom: 1px solid var(--lol-color-gold-600);
-  }
-  .disclosure_96cc0:last-of-type {
-    border-bottom: none;
-  }
-  .disclosurePanel_96cc0 {
-    color: var(--lol-color-grey-100);
-    font-family: var(--lol-font-family-spiegel);
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    .disclosurePanel_96cc0 {
-      transition-behavior: allow-discrete;
-      interpolate-size: allow-keywords;
-      overflow-y: clip;
-      transition-property: content-visibility, height;
-      transition-timing-function: ease;
-      transition-duration: 150ms;
-      height: auto;
-    }
-    .disclosurePanel_96cc0[aria-hidden=true] {
-      height: 0;
-    }
-  }
-}
-
 /* src/components/breadcrumbs/breadcrumbs.module.css?css_virtual&hash=27335 */
 @layer lol {
   .breadcrumbs_5daa7 {
@@ -186,7 +132,7 @@
   }
 }
 
-/* src/components/button.module.css?css_virtual&hash=82e95 */
+/* src/components/button.module.css?css_virtual&hash=f1526 */
 @layer lol {
   .button_56ea2 {
     border-radius: 0px;
@@ -353,7 +299,7 @@
   }
 }
 
-/* src/components/checkbox/checkbox.module.css?css_virtual&hash=23871 */
+/* src/components/checkbox/checkbox.module.css?css_virtual&hash=f037f */
 @layer lol {
   .checkbox_8a1c7 {
     font-family: var(--lol-font-family-spiegel);
@@ -362,8 +308,8 @@
     cursor: pointer;
     align-items: center;
     gap: 0.25rem;
-    font-size: .75rem;
-    letter-spacing: .1em;
+    font-size: 0.75rem;
+    letter-spacing: 0.1em;
   }
   .checkbox_8a1c7[data-hovered] {
     color: var(--lol-color-gold-100);
@@ -378,6 +324,56 @@
   }
 }
 
+/* src/components/disclosure.module.css?css_virtual&hash=df04b */
+@layer lol {
+  .disclosureButton_96cc0 {
+    color: var(--lol-color-grey-100);
+    font-family: var(--lol-font-family-beaufort);
+    display: flex;
+    width: 100%;
+    align-items: center;
+    padding: 0.5rem 0;
+    font-weight: bold;
+    text-transform: uppercase;
+    text-align: left;
+  }
+  .disclosureButton_96cc0:active,
+  .disclosureButton_96cc0:hover {
+    color: var(--lol-color-gold-100);
+  }
+  .icon_96cc0 {
+    margin-left: 0.125rem;
+    margin-right: 0.5rem;
+    display: inline-block;
+    rotate: 90deg;
+    font-size: var(--lol-font-size-sm);
+  }
+  .disclosure_96cc0 {
+    border-bottom: 1px solid var(--lol-color-gold-600);
+  }
+  .disclosure_96cc0:last-of-type {
+    border-bottom: none;
+  }
+  .disclosurePanel_96cc0 {
+    color: var(--lol-color-grey-100);
+    font-family: var(--lol-font-family-spiegel);
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    .disclosurePanel_96cc0 {
+      transition-behavior: allow-discrete;
+      interpolate-size: allow-keywords;
+      overflow-y: clip;
+      transition-property: content-visibility, height;
+      transition-timing-function: ease;
+      transition-duration: 150ms;
+      height: auto;
+    }
+    .disclosurePanel_96cc0[aria-hidden=true] {
+      height: 0;
+    }
+  }
+}
+
 /* src/components/divider.module.css?css_virtual&hash=8e3c8 */
 @layer lol {
   .divider_1f6a1 {
@@ -414,7 +410,123 @@
   }
 }
 
-/* src/components/modal.module.css?css_virtual&hash=68217 */
+/* src/components/typography/heading.module.css?css_virtual&hash=7bbac */
+@layer lol {
+  .heading_1c9d4 {
+    font-family: var(--lol-font-family-beaufort);
+    scroll-margin-top: 5rem;
+    text-transform: uppercase;
+  }
+  .h1_1c9d4 {
+    font-size: var(--lol-font-size-h1);
+    line-height: var(--lol-line-height-h1);
+    letter-spacing: var(--lol-letter-spacing-h1);
+    font-weight: var(--lol-font-weight-h1);
+  }
+  .h2_1c9d4 {
+    font-size: var(--lol-font-size-h2);
+    line-height: var(--lol-line-height-h2);
+    letter-spacing: var(--lol-letter-spacing-h2);
+    font-weight: var(--lol-font-weight-h2);
+  }
+  .h3_1c9d4 {
+    font-size: var(--lol-font-size-h3);
+    line-height: var(--lol-line-height-h3);
+    letter-spacing: var(--lol-letter-spacing-h3);
+    font-weight: var(--lol-font-weight-h3);
+  }
+  .h4_1c9d4 {
+    font-size: var(--lol-font-size-h4);
+    line-height: var(--lol-line-height-h4);
+    letter-spacing: var(--lol-letter-spacing-h4);
+    font-weight: var(--lol-font-weight-h4);
+  }
+  .h5_1c9d4 {
+    font-size: var(--lol-font-size-h5);
+    line-height: var(--lol-line-height-h5);
+    letter-spacing: var(--lol-letter-spacing-h5);
+    font-weight: var(--lol-font-weight-h5);
+  }
+  .grey100_1c9d4 {
+    color: var(--lol-color-grey-100);
+  }
+  .gold100_1c9d4 {
+    color: var(--lol-color-gold-100);
+  }
+  .gold200_1c9d4 {
+    color: var(--lol-color-gold-200);
+  }
+  .gold400_1c9d4 {
+    color: var(--lol-color-gold-400);
+  }
+}
+
+/* src/components/menu/menu.module.css?css_virtual&hash=9ba3b */
+@layer lol {
+  .menu_c1735 {
+    box-sizing: border-box;
+    overflow: auto;
+    min-width: 150px;
+    outline: none;
+    background: var(--lol-button-background-gradient) padding-box, var(--lol-button-border-gradient) border-box;
+    --lol-button-border-gradient: linear-gradient( to bottom, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-500) );
+    --lol-button-background-gradient: var(--lol-gradient-hextech-black);
+    border: 2px solid transparent;
+    font-family: var(--lol-font-family-spiegel);
+  }
+  .item_c1735 {
+    padding: 0.375rem 0.5rem;
+    outline: none;
+    font-size: var(--lol-font-size-sm);
+    line-height: var(--lol-line-height-sm);
+    font-weight: var(--lol-font-weight-sm);
+    letter-spacing: var(--lol-letter-spacing-sm);
+    color: var(--lol-color-gold-300);
+  }
+  .item_c1735[data-disabled] {
+    color: var(--lol-color-grey-150);
+  }
+  .item_c1735[data-hovered],
+  .item_c1735[data-focus-visible] {
+    background: var(--lol-color-grey-300);
+    color: var(--lol-color-gold-100);
+  }
+  .item_c1735[data-pressed] {
+    color: var(--lol-color-gold-300);
+  }
+  .item_c1735[data-selection-mode] {
+    padding-right: 2rem;
+  }
+  .item_c1735[data-selected] {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAsElEQVR42pTQXQoBURTA8ZmbdxuxAi/WgfLmQb4pYgMi36QUJUuxBIvw7FEi/qfOrds0NPfW7+We85+mG95v18DjhGjglPKMNqjibTyilUYTbE3CaIE65ujLZZJQlptYomsvJUyjp1+Oi1pYo+MOjA7GmEWiKdrY6c7HHcqrjpDRpQeGGslv7VGLRjZ8Ii9PjAFyyOKISlxkQzkvFDUu4Izyr8gNA41KuODwL5LzFWAAUJ8mTIVblvcAAAAASUVORK5CYII=);
+    background-position: right 0.5rem center;
+    background-repeat: no-repeat;
+  }
+  .item_c1735[aria-haspopup] {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAH5QTFRFAAAA8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS0Xa8KQAAACp0Uk5TABq/MRLO/+oKqeQkCy8NpOE2Ca4mBrzfBbbbIAeo3iOeMrCjE9TmLR7Bzkf64wAAAH1JREFUeJw9zrEKwkAQhOF/yAlyBiHhlBQWFha+/9tYyaERBEUhBhtPPPA22327CzMCJCX+I3CZnzRxnm9Oo5E6ZVeDkaXeeD2MtBrw7mZkpSfNazR2uhPUF250zZtYnutwoauOFrQ+E2axBLXNCb/orcZOcavDVJK9vkX8ALB9HQ/tuMKnAAAAAElFTkSuQmCC);
+    background-size: 12px;
+    background-position: right 0.5rem center;
+    background-repeat: no-repeat;
+  }
+  .popover_c1735 {
+    display: flex;
+    flex-direction: column;
+  }
+  .section_c1735:not(:first-child) {
+    margin-top: 0.1rem;
+  }
+  .header_c1735 {
+    padding: 0.5rem 0.5rem 0.2rem 0.5rem;
+    font-size: var(--lol-font-size-sm);
+  }
+  .separator_c1735 {
+    height: 1px;
+    background: rgb(from var(--lol-color-gold-100) r g b / 0.25);
+    margin: 0.4rem 0.5rem;
+  }
+}
+
+/* src/components/modal.module.css?css_virtual&hash=149c7 */
 @layer lol {
   .overlay_9e6ab {
     background-color: color-mix(in srgb, var(--lol-color-hextech-black), transparent 75%);
@@ -544,7 +656,52 @@
   }
 }
 
-/* src/components/progress-bar.module.css?css_virtual&hash=d7766 */
+/* src/components/popover.module.css?css_virtual&hash=98f65 */
+@layer lol {
+  .popover_f1fe1 {
+    padding: 2px;
+    box-shadow: 0 2px 4px 0 var(--lol-color-grey-300);
+    border: 2px solid transparent;
+    background: var(--lol-button-background-gradient) padding-box, var(--lol-button-border-gradient) border-box;
+    --lol-button-border-gradient: var(--lol-gradient-gold-press);
+    --lol-button-background-gradient: var(--lol-gradient-grey-300);
+  }
+  .popover_f1fe1.top_f1fe1 {
+    margin-bottom: 0.5rem;
+  }
+  .popover_f1fe1.bottom_f1fe1 {
+    margin-top: 0.5rem;
+  }
+  .popover_f1fe1.left_f1fe1 {
+    margin-right: 0.5rem;
+  }
+  .popover_f1fe1.right_f1fe1 {
+    margin-left: 0.5rem;
+  }
+  .arrow_f1fe1.top_f1fe1 {
+    transform: translateX(-1.5px);
+  }
+  .arrow_f1fe1.bottom_f1fe1 {
+    transform: translateX(-1.5px) rotate(180deg);
+  }
+  .arrow_f1fe1.bottom_f1fe1 .outer_f1fe1 {
+    fill: var(--lol-color-gold-500);
+  }
+  .arrow_f1fe1.left_f1fe1 {
+    transform: translateY(-2px) translateX(-5px) rotate(-90deg);
+  }
+  .arrow_f1fe1.right_f1fe1 {
+    transform: translateY(-2px) translateX(5px) rotate(90deg);
+  }
+  .arrow_f1fe1 .outer_f1fe1 {
+    fill: var(--lol-color-gold-600);
+  }
+  .arrow_f1fe1 .inner_f1fe1 {
+    fill: var(--lol-color-grey-300);
+  }
+}
+
+/* src/components/progress-bar.module.css?css_virtual&hash=4707e */
 @layer lol {
   .wrapper_cea15 {
     display: flex;
@@ -626,7 +783,7 @@
   }
 }
 
-/* src/components/search-field/search-field.module.css?css_virtual&hash=cdcc1 */
+/* src/components/search-field/search-field.module.css?css_virtual&hash=2eaae */
 @layer lol {
   .searchField_3cc82 {
     display: grid;
@@ -702,12 +859,89 @@
   }
 }
 
-/* src/components/select/select.module.css?css_virtual&hash=aa964 */
+/* src/components/tag-group/tag-group.module.css?css_virtual&hash=028e0 */
+.tag_c2881 {
+  background: var(--lol-multiple-select-background-gradient) padding-box, var(--lol-multiple-select-border-gradient) border-box;
+  border: 2px solid transparent;
+  border-radius: 9999px;
+  align-items: center;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  font-family: var(--lol-font-family-spiegel);
+  letter-spacing: var(--lol-letter-spacing-sm);
+  font-weight: var(--lol-font-weight-sm);
+  font-size: 0.75rem;
+  line-height: 1;
+  color: var(--lol-color-gold-300);
+  padding: 0 0.3rem 0 0.5rem;
+}
+.gold_c2881 {
+  border-width: 1px;
+  --lol-multiple-select-border-gradient: var(--lol-gradient-gold);
+  --lol-multiple-select-background-gradient: var(--lol-gradient-grey-300);
+  color: var(--lol-color-gold-300);
+}
+.hextech_c2881 {
+  border-width: 1px;
+  --lol-multiple-select-border-gradient: var(--lol-gradient-hextech);
+  --lol-multiple-select-background-gradient: var(--lol-gradient-grey-300);
+  color: var(--lol-color-blue-100);
+}
+.grey_c2881 {
+  border-width: 1px;
+  --lol-multiple-select-border-gradient: var(--lol-color-grey-100);
+  --lol-multiple-select-background-gradient: var(--lol-gradient-grey-300);
+  color: var(--lol-color-gold-100);
+}
+.text_c2881 {
+  padding: 0.25rem 0;
+}
+.remove_c2881 {
+  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAACKklEQVR42uzcvUoDQRQF4M0QBW0srHwICxttIygGRH0PsRAfwELsI/gkghYiiGATQVDwIawsUmihRbzjDyyLm2Qnc+eejefC6Taw+zGz88NkG/1+P2OVlyMBgQhEIAIRiEAEIhCLQAQiEIHQqhn6w97zU60edG5hEaoFNdjFymtecitpJXyOFckuVBcbgHMlWZJcSDYlNwlwLn0vkkxLTlBbUB7H1+wPUisRjq+OZB8RqIiTJUAq4mQaSE4RRxOpDCc6UgygswE4GkjDcPJIewhAh5K3Ea6LgTQqztdUTXKPAHQt2UqAVBWnLemivKS1kUxwYg/zWkhmOBoz6dhIpjhaS41YSOY4movVcZEgcDSBxkGCwdEGCkWCwUkBFIIEg5MKqCoSDE5KoFhISXFSA42LlBzHAigUyQTHCsjXq+SjwvVTkhmLG7UAqjLPyY9u55LVSQcKwTFFcjXBMUNyNcIxQXJgOL0KM+4kSA4Mp11xWaKO5MBwugFrN1UkB4YTusBVQ3KAOFBIDhQHBskB40AgOXAccyRXAxxTpBhAy1m6bdKqSMcIQKeSg4T7OaMiPUq2Ud5BnQFIGptdw5AeJGuSF6RR7C8kj7OR6ewEliF5nPUYOBrzoDzSL86d4nKmiBQVx1dT4aY90nv2fXhJE6eIdCTZiYnjqxH6v3nAk/b+8Hrpw6CdtLcolS8kNPjlhf/TgghEIAIRiEAEYhGIQAQiEIEINCH1KcAAQX7SgLqjwvQAAAAASUVORK5CYII=);
+  height: 1rem;
+  aspect-ratio: 1;
+  background-color: currentColor;
+  mask-size: contain;
+}
+.remove_c2881[data-hovered] {
+  background-color: var(--lol-color-gold-100);
+}
+.remove_c2881[data-pressed] {
+  background-color: var(--lol-color-grey-150);
+}
+.tagGroup_c2881 {
+  padding: 0.25rem;
+  display: flex;
+  justify-content: center;
+}
+.tagList_c2881 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+  row-gap: 0.25rem;
+}
+
+/* src/components/select/multiple-select.module.css?css_virtual&hash=d2a09 */
+.popover_e6fde {
+  width: 250px;
+  display: flex;
+  flex-direction: column;
+}
+.select_e6fde {
+  border-right: none;
+  display: flex;
+  align-items: center;
+}
+.triggerContainer_e6fde {
+  display: inline-flex;
+}
+
+/* src/components/select/select.module.css?css_virtual&hash=96c1d */
 @layer lol {
   .button_560be {
     font-family: var(--lol-font-family-spiegel);
     display: inline-block;
-    width: 200px;
+    min-width: 200px;
     outline: none;
     border: 1px solid transparent;
     color: var(--lol-color-grey-100);
@@ -717,13 +951,9 @@
     line-height: 1rem;
     letter-spacing: 0.025em;
     text-align: left;
-    background:
-      var(--lol-select-image) no-repeat right 0.5rem center,
-      var(--lol-select-background-gradient) padding-box,
-      var(--lol-select-border-gradient) border-box;
+    --lol-select-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=);
     --lol-select-border-gradient: var(--lol-gradient-gold);
     --lol-select-background-gradient: var(--lol-gradient-hextech-black);
-    --lol-select-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=);
   }
   .button_560be[data-open] {
     --lol-select-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAA90lEQVR42mL8//8/A6mAiYEMwILVJG4RNiAlDcQgZzz79/XNL2R5RnTnATWwAyn5BEfBaqDUv4UH3rcD+Q+QNaJoAmrgAFJyiY6CdWL8LNEgsRcf/ixA14juJ6kkJ8FGkIbn7//MB2pYKCHAkhDvIFgJksPlJ0ZGRgbmp+9+z1py6EMvSACoASyO009A53FCTfwNCgCoS2A2wAOEcWDiCcl5v6DOY8bmPBYsodf28/f/90sPf+iDBgQo5BiAwd4ICnZcKeKfjDBrepy9IAsoJEFBDgp6fKGHLXIXAm1pQ45cfMmoBpqM2vAmIzSNUkQnWJrFE0CAAQCQxYvehN8YFAAAAABJRU5ErkJggg==);
@@ -750,6 +980,15 @@
   .button_560be.large_560be {
     min-height: var(--lol-form-height-large);
   }
+  .singleSelect_560be {
+    background:
+      var(--lol-select-image) no-repeat right 0.5rem center,
+      var(--lol-select-background-gradient) padding-box,
+      var(--lol-select-border-gradient) border-box;
+  }
+  .multiSelect_560be {
+    background: var(--lol-select-background-gradient) padding-box, var(--lol-select-border-gradient) border-box;
+  }
   .listBox_560be {
     background-color: var(--lol-color-hextech-black);
     border: 1px solid var(--lol-color-gold-600);
@@ -786,6 +1025,10 @@
     display: flex;
     flex-direction: column;
   }
+  .emptyList_560be {
+    padding: 0.5rem 0.25rem;
+    text-align: center;
+  }
 }
 
 /* src/components/typography/text.module.css?css_virtual&hash=9962e */
@@ -918,58 +1161,7 @@
   }
 }
 
-/* src/components/typography/heading.module.css?css_virtual&hash=7bbac */
-@layer lol {
-  .heading_1c9d4 {
-    font-family: var(--lol-font-family-beaufort);
-    scroll-margin-top: 5rem;
-    text-transform: uppercase;
-  }
-  .h1_1c9d4 {
-    font-size: var(--lol-font-size-h1);
-    line-height: var(--lol-line-height-h1);
-    letter-spacing: var(--lol-letter-spacing-h1);
-    font-weight: var(--lol-font-weight-h1);
-  }
-  .h2_1c9d4 {
-    font-size: var(--lol-font-size-h2);
-    line-height: var(--lol-line-height-h2);
-    letter-spacing: var(--lol-letter-spacing-h2);
-    font-weight: var(--lol-font-weight-h2);
-  }
-  .h3_1c9d4 {
-    font-size: var(--lol-font-size-h3);
-    line-height: var(--lol-line-height-h3);
-    letter-spacing: var(--lol-letter-spacing-h3);
-    font-weight: var(--lol-font-weight-h3);
-  }
-  .h4_1c9d4 {
-    font-size: var(--lol-font-size-h4);
-    line-height: var(--lol-line-height-h4);
-    letter-spacing: var(--lol-letter-spacing-h4);
-    font-weight: var(--lol-font-weight-h4);
-  }
-  .h5_1c9d4 {
-    font-size: var(--lol-font-size-h5);
-    line-height: var(--lol-line-height-h5);
-    letter-spacing: var(--lol-letter-spacing-h5);
-    font-weight: var(--lol-font-weight-h5);
-  }
-  .grey100_1c9d4 {
-    color: var(--lol-color-grey-100);
-  }
-  .gold100_1c9d4 {
-    color: var(--lol-color-gold-100);
-  }
-  .gold200_1c9d4 {
-    color: var(--lol-color-gold-200);
-  }
-  .gold400_1c9d4 {
-    color: var(--lol-color-gold-400);
-  }
-}
-
-/* src/components/sonner/sonner.module.css?css_virtual&hash=dedb1 */
+/* src/components/sonner/sonner.module.css?css_virtual&hash=51a8a */
 @layer lol {
   .toast_4d9ce {
     padding: 1rem;
@@ -1051,7 +1243,7 @@
   }
 }
 
-/* src/components/switch.module.css?css_virtual&hash=9a43b */
+/* src/components/switch.module.css?css_virtual&hash=dd7d2 */
 @layer lol {
   .switch_cfb98 {
     display: inline-flex;
@@ -1095,7 +1287,7 @@
   }
   .knob_cfb98 {
     position: absolute;
-    left: -.5rem;
+    left: -0.5rem;
     top: -0.375rem;
     height: 2rem;
     width: 2rem;
@@ -1155,7 +1347,7 @@
   }
 }
 
-/* src/components/text-field.module.css?css_virtual&hash=b3ec8 */
+/* src/components/text-field.module.css?css_virtual&hash=0b7dc */
 @layer lol {
   .textField_32558 {
     background: var(--lol-input-background-gradient) padding-box, var(--lol-input-border-gradient) border-box;
@@ -1199,210 +1391,3 @@
     padding-bottom: 0.5rem;
   }
 }
-
-/* src/components/popover.module.css?css_virtual&hash=1e162 */
-@layer lol {
-  .popover_f1fe1 {
-    padding: 2px;
-    box-shadow: 0 2px 4px 0 var(--lol-color-grey-300);
-    border: 2px solid transparent;
-    background: var(--lol-button-background-gradient) padding-box, var(--lol-button-border-gradient) border-box;
-    --lol-button-border-gradient: var(--lol-gradient-gold-press);
-    --lol-button-background-gradient: var(--lol-gradient-grey-300);
-  }
-  .popover_f1fe1.top_f1fe1 {
-    margin-bottom: 0.5rem;
-  }
-  .popover_f1fe1.bottom_f1fe1 {
-    margin-top: 0.5rem;
-  }
-  .popover_f1fe1.left_f1fe1 {
-    margin-right: 0.5rem;
-  }
-  .popover_f1fe1.right_f1fe1 {
-    margin-left: 0.5rem;
-  }
-  .arrow_f1fe1.top_f1fe1 {
-    transform: translateX(-1.5px);
-  }
-  .arrow_f1fe1.bottom_f1fe1 {
-    transform: translateX(-1.5px) rotate(180deg);
-  }
-  .arrow_f1fe1.bottom_f1fe1 .outer_f1fe1 {
-    fill: var(--lol-color-gold-500);
-  }
-  .arrow_f1fe1.left_f1fe1 {
-    transform: translateY(-2px) translateX(-5px) rotate(-90deg);
-  }
-  .arrow_f1fe1.right_f1fe1 {
-    transform: translateY(-2px) translateX(5px) rotate(90deg);
-  }
-  .arrow_f1fe1 .outer_f1fe1 {
-    fill: var(--lol-color-gold-600);
-  }
-  .arrow_f1fe1 .inner_f1fe1 {
-    fill: var(--lol-color-grey-300);
-  }
-}
-
-/* src/components/menu/menu.module.css?css_virtual&hash=740d4 */
-@layer lol {
-  .menu_c1735 {
-    box-sizing: border-box;
-    overflow: auto;
-    min-width: 150px;
-    outline: none;
-    background: var(--lol-button-background-gradient) padding-box, var(--lol-button-border-gradient) border-box;
-    --lol-button-border-gradient: linear-gradient( to bottom, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-500) );
-    --lol-button-background-gradient: var(--lol-gradient-hextech-black);
-    border: 2px solid transparent;
-    font-family: var(--lol-font-family-spiegel);
-  }
-  .item_c1735 {
-    padding: 0.375rem 0.5rem;
-    outline: none;
-    font-size: var(--lol-font-size-sm);
-    line-height: var(--lol-line-height-sm);
-    font-weight: var(--lol-font-weight-sm);
-    letter-spacing: var(--lol-letter-spacing-sm);
-    color: var(--lol-color-gold-300);
-  }
-  .item_c1735[data-disabled] {
-    color: var(--lol-color-grey-150);
-  }
-  .item_c1735[data-hovered],
-  .item_c1735[data-focus-visible] {
-    background: var(--lol-color-grey-300);
-    color: var(--lol-color-gold-100);
-  }
-  .item_c1735[data-pressed] {
-    color: var(--lol-color-gold-300);
-  }
-  .item_c1735[data-selection-mode] {
-    padding-right: 2rem;
-  }
-  .item_c1735[data-selected] {
-    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAsElEQVR42pTQXQoBURTA8ZmbdxuxAi/WgfLmQb4pYgMi36QUJUuxBIvw7FEi/qfOrds0NPfW7+We85+mG95v18DjhGjglPKMNqjibTyilUYTbE3CaIE65ujLZZJQlptYomsvJUyjp1+Oi1pYo+MOjA7GmEWiKdrY6c7HHcqrjpDRpQeGGslv7VGLRjZ8Ii9PjAFyyOKISlxkQzkvFDUu4Izyr8gNA41KuODwL5LzFWAAUJ8mTIVblvcAAAAASUVORK5CYII=);
-    background-position: right 0.5rem center;
-    background-repeat: no-repeat;
-  }
-  .item_c1735[aria-haspopup] {
-    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAH5QTFRFAAAA8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS0Xa8KQAAACp0Uk5TABq/MRLO/+oKqeQkCy8NpOE2Ca4mBrzfBbbbIAeo3iOeMrCjE9TmLR7Bzkf64wAAAH1JREFUeJw9zrEKwkAQhOF/yAlyBiHhlBQWFha+/9tYyaERBEUhBhtPPPA22327CzMCJCX+I3CZnzRxnm9Oo5E6ZVeDkaXeeD2MtBrw7mZkpSfNazR2uhPUF250zZtYnutwoauOFrQ+E2axBLXNCb/orcZOcavDVJK9vkX8ALB9HQ/tuMKnAAAAAElFTkSuQmCC);
-    background-size: 12px;
-    background-position: right 0.5rem center;
-    background-repeat: no-repeat;
-  }
-  .popover_c1735 {
-    display: flex;
-    flex-direction: column;
-  }
-  .section_c1735:not(:first-child) {
-    margin-top: 0.1rem;
-  }
-  .header_c1735 {
-    padding: 0.5rem 0.5rem 0.2rem 0.5rem;
-    font-size: var(--lol-font-size-sm);
-  }
-  .separator_c1735 {
-    height: 1px;
-    background: rgb(from var(--lol-color-gold-100) r g b / 0.25);
-    margin: 0.4rem 0.5rem;
-  }
-}
-
-/* src/components/select/multiple-select.module.css?css_virtual&hash=2f6cf */
-.multiSelect_e6fde {
-  position: relative;
-  padding: 0.25rem 0.25rem;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  align-items: center;
-  border: 1px solid transparent;
-  background: var(--lol-select-background-gradient) padding-box, var(--lol-select-border-gradient) border-box;
-  --lol-select-border-gradient: var(--lol-gradient-gold);
-  --lol-select-background-gradient: var(--lol-gradient-hextech-black);
-}
-.multiSelect_e6fde.focusWithin_e6fde {
-  --lol-select-background-gradient: var(--lol-gradient-grey-300);
-  --lol-select-border-gradient: var(--lol-gradient-gold-press);
-  --lol-select-border-gradient: var(--lol-gradient-gold-hover);
-}
-.multiSelect_e6fde.disabled_e6fde {
-  --lol-select-border-gradient: var(--lol-gradient-disabled);
-}
-.multiSelect_e6fde.small_e6fde {
-  min-height: var(--lol-form-height-small);
-}
-.multiSelect_e6fde.medium_e6fde {
-  min-height: var(--lol-form-height-medium);
-}
-.multiSelect_e6fde.large_e6fde {
-  min-height: var(--lol-form-height-large);
-}
-.tagsAndInput_e6fde {
-  display: flex;
-  flex-wrap: wrap;
-}
-.chevronButton_e6fde {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 2rem;
-}
-.input_e6fde {
-  flex: 1 1;
-  padding-left: 0.5rem;
-  box-shadow: none;
-  border: none;
-  background-color: transparent;
-}
-.input_e6fde:focus {
-  outline: none;
-}
-.comboBox_e6fde {
-  display: flex;
-  flex: 1 1;
-}
-.tagList_e6fde {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-  row-gap: 0.25rem;
-}
-.emptyText_e6fde {
-  padding: 0.5rem;
-}
-
-/* src/components/tag/tag.module.css?css_virtual&hash=3f3bf */
-.tag_c7c88 {
-  background: var(--lol-multiple-select-background-gradient) padding-box, var(--lol-multiple-select-border-gradient) border-box;
-  --lol-multiple-select-border-gradient: var(--lol-gradient-gold);
-  --lol-multiple-select-background-gradient: linear-gradient( to top, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-700) );
-  border: 2px solid transparent;
-  align-items: center;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  font-family: var(--lol-font-family-spiegel);
-  letter-spacing: var(--lol-letter-spacing-sm);
-  font-weight: var(--lol-font-weight-sm);
-  font-size: 0.75rem;
-  line-height: 1;
-  color: var(--lol-color-gold-300);
-  padding: 0 0.125rem 0 0.25rem;
-}
-.text_c7c88 {
-  padding: 0.25rem 0;
-}
-.remove_c7c88 {
-  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAACKklEQVR42uzcvUoDQRQF4M0QBW0srHwICxttIygGRH0PsRAfwELsI/gkghYiiGATQVDwIawsUmihRbzjDyyLm2Qnc+eejefC6Taw+zGz88NkG/1+P2OVlyMBgQhEIAIRiEAEIhCLQAQiEIHQqhn6w97zU60edG5hEaoFNdjFymtecitpJXyOFckuVBcbgHMlWZJcSDYlNwlwLn0vkkxLTlBbUB7H1+wPUisRjq+OZB8RqIiTJUAq4mQaSE4RRxOpDCc6UgygswE4GkjDcPJIewhAh5K3Ea6LgTQqztdUTXKPAHQt2UqAVBWnLemivKS1kUxwYg/zWkhmOBoz6dhIpjhaS41YSOY4movVcZEgcDSBxkGCwdEGCkWCwUkBFIIEg5MKqCoSDE5KoFhISXFSA42LlBzHAigUyQTHCsjXq+SjwvVTkhmLG7UAqjLPyY9u55LVSQcKwTFFcjXBMUNyNcIxQXJgOL0KM+4kSA4Mp11xWaKO5MBwugFrN1UkB4YTusBVQ3KAOFBIDhQHBskB40AgOXAccyRXAxxTpBhAy1m6bdKqSMcIQKeSg4T7OaMiPUq2Ud5BnQFIGptdw5AeJGuSF6RR7C8kj7OR6ewEliF5nPUYOBrzoDzSL86d4nKmiBQVx1dT4aY90nv2fXhJE6eIdCTZiYnjqxH6v3nAk/b+8Hrpw6CdtLcolS8kNPjlhf/TgghEIAIRiEAEYhGIQAQiEIEINCH1KcAAQX7SgLqjwvQAAAAASUVORK5CYII=);
-  height: 1rem;
-  aspect-ratio: 1;
-  background-color: currentColor;
-  mask-size: contain;
-}
-.remove_c7c88[data-hovered] {
-  background-color: var(--lol-color-gold-100);
-}
-.remove_c7c88[data-pressed] {
-  background-color: var(--lol-color-grey-150);
-}