boreal-ui 0.0.72 → 0.0.73

package/dist/next/boreal-ui.css

@@ -7585,7 +7585,7 @@ select {
  * 9. skeleton-loading
  *    - Creates a sweeping shimmer effect for skeleton loaders.
  */
-@keyframes _fade-in_6vu7p_1 {
+@keyframes _fade-in_1luvw_1 {
   from {
     opacity: 0;
   }
@@ -7593,7 +7593,7 @@ select {
     opacity: 1;
   }
 }
-@keyframes _slide-up_6vu7p_1 {
+@keyframes _slide-up_1luvw_1 {
   from {
     transform: translateY(100%);
     opacity: 0;
@@ -7603,7 +7603,7 @@ select {
     opacity: 1;
   }
 }
-@keyframes _spin-3d_6vu7p_1 {
+@keyframes _spin-3d_1luvw_1 {
   0% {
     transform: rotateX(0deg) rotateY(0deg);
   }
@@ -7611,7 +7611,7 @@ select {
     transform: rotateX(360deg) rotateY(360deg);
   }
 }
-@keyframes _spin_6vu7p_1 {
+@keyframes _spin_1luvw_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -7619,7 +7619,7 @@ select {
     transform: rotate(360deg);
   }
 }
-@keyframes _pulse_6vu7p_1 {
+@keyframes _pulse_1luvw_1 {
   0% {
     transform: scale(1);
   }
@@ -7630,7 +7630,7 @@ select {
     transform: scale(1);
   }
 }
-@keyframes _fade-in-up_6vu7p_1 {
+@keyframes _fade-in-up_1luvw_1 {
   from {
     opacity: 0;
     transform: translateY(-5px);
@@ -7640,7 +7640,7 @@ select {
     transform: translateY(0);
   }
 }
-@keyframes _progress-grow_6vu7p_1 {
+@keyframes _progress-grow_1luvw_1 {
   from {
     width: 0;
   }
@@ -7648,7 +7648,7 @@ select {
     width: 100%;
   }
 }
-@keyframes _indeterminate-move_6vu7p_1 {
+@keyframes _indeterminate-move_1luvw_1 {
   0% {
     transform: translateX(-100%);
   }
@@ -7659,7 +7659,7 @@ select {
     transform: translateX(100%);
   }
 }
-@keyframes _skeleton-loading_6vu7p_1 {
+@keyframes _skeleton-loading_1luvw_1 {
   0% {
     left: -100%;
   }
@@ -7978,14 +7978,14 @@ samp {
   line-height: var(--line-height-code);
   letter-spacing: var(--letter-spacing-code);
 }
-._noScroll_6vu7p_109 {
+._noScroll_1luvw_109 {
   overflow: hidden;
 }
-._errorMessage_6vu7p_110 {
+._errorMessage_1luvw_110 {
   color: #f83838;
   font-size: 14px;
 }
-._loadingContainer_6vu7p_111 {
+._loadingContainer_1luvw_111 {
   min-height: 100vh;
   display: flex;
   justify-content: center;
@@ -8015,14 +8015,14 @@ samp {
 ::-webkit-scrollbar-thumb:hover {
   background-color: var(--primary-color-hover);
 }
-._hideScrollbar_6vu7p_103 {
+._hideScrollbar_1luvw_103 {
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
-._hideScrollbar_6vu7p_103::-webkit-scrollbar {
+._hideScrollbar_1luvw_103::-webkit-scrollbar {
   display: none;
 }
-._sr_only_6vu7p_112 {
+._sr_only_1luvw_112 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -8032,8 +8032,10 @@ samp {
   white-space: nowrap;
   border: 0;
 }
-._checkbox_6vu7p_637 {
+._checkbox_1luvw_637 {
   display: inline-flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
   align-items: center;
   justify-content: center;
   cursor: pointer;
@@ -8049,309 +8051,309 @@ samp {
   background-color: transparent;
 }
 @media (width <= 479.98px) {
-  ._checkbox_6vu7p_637 {
+  ._checkbox_1luvw_637 {
     gap: var(--spacing-xs);
     font-size: var(--font-size-label);
   }
 }
 @media (min-width: 1024px) {
-  ._checkbox_6vu7p_637 {
+  ._checkbox_1luvw_637 {
     gap: var(--spacing-md);
     font-size: var(--font-size-body);
   }
 }
-._input_6vu7p_666 {
+._input_1luvw_668 {
   position: absolute;
   display: none;
   pointer-events: none;
   left: 0;
 }
-._roundNone_6vu7p_673 ._box_6vu7p_673 {
+._roundNone_1luvw_675 ._box_1luvw_675 {
   border-radius: var(--border-radius-none);
 }
-._roundSmall_6vu7p_677 ._box_6vu7p_673 {
+._roundSmall_1luvw_679 ._box_1luvw_675 {
   border-radius: var(--border-radius-sm);
 }
-._roundMedium_6vu7p_681 ._box_6vu7p_673 {
+._roundMedium_1luvw_683 ._box_1luvw_675 {
   border-radius: var(--border-radius-md);
 }
-._roundLarge_6vu7p_685 ._box_6vu7p_673 {
+._roundLarge_1luvw_687 ._box_1luvw_675 {
   border-radius: var(--border-radius-lg);
 }
-._roundFull_6vu7p_689 ._box_6vu7p_673 {
+._roundFull_1luvw_691 ._box_1luvw_675 {
   border-radius: var(--border-radius-full);
 }
-._shadowNone_6vu7p_693 ._box_6vu7p_673 {
+._shadowNone_1luvw_695 ._box_1luvw_675 {
   box-shadow: var(--box-shadow-none);
 }
-._shadowLight_6vu7p_697 ._box_6vu7p_673 {
+._shadowLight_1luvw_699 ._box_1luvw_675 {
   box-shadow: var(--box-shadow-light);
 }
-._shadowMedium_6vu7p_701 ._box_6vu7p_673 {
+._shadowMedium_1luvw_703 ._box_1luvw_675 {
   box-shadow: var(--box-shadow-medium);
 }
-._shadowStrong_6vu7p_705 ._box_6vu7p_673 {
+._shadowStrong_1luvw_707 ._box_1luvw_675 {
   box-shadow: var(--box-shadow-heavy);
 }
-._shadowIntense_6vu7p_709 ._box_6vu7p_673 {
+._shadowIntense_1luvw_711 ._box_1luvw_675 {
   box-shadow: var(--box-shadow-intense);
 }
-._xs_6vu7p_713 ._box_6vu7p_673 {
+._xs_1luvw_715 ._box_1luvw_675 {
   width: 0.75em;
   height: 0.75em;
 }
 @media (width <= 479.98px) {
-  ._xs_6vu7p_713 ._box_6vu7p_673 {
+  ._xs_1luvw_715 ._box_1luvw_675 {
     border-width: 1.5px;
   }
 }
 @media (min-width: 1024px) {
-  ._xs_6vu7p_713 ._box_6vu7p_673 {
+  ._xs_1luvw_715 ._box_1luvw_675 {
     border-width: 2px;
   }
 }
-._xs_6vu7p_713 ._box_6vu7p_673::after {
+._xs_1luvw_715 ._box_1luvw_675::after {
   width: 0.41em;
   height: 0.15em;
   border-left: 0.1em solid currentcolor;
   border-bottom: 0.1em solid currentcolor;
 }
 @media (min-width: 1024px) {
-  ._xs_6vu7p_713 ._box_6vu7p_673::after {
+  ._xs_1luvw_715 ._box_1luvw_675::after {
     width: calc(0.41em * 1.05);
     height: calc(0.15em * 1.05);
     border-left-width: calc(0.1em * 1.05);
     border-bottom-width: calc(0.1em * 1.05);
   }
 }
-._xs_6vu7p_713 ._box_6vu7p_673._indeterminate_6vu7p_743::after {
+._xs_1luvw_715 ._box_1luvw_675._indeterminate_1luvw_745::after {
   width: 0.41em;
   height: 0.1em;
 }
 @media (min-width: 1024px) {
-  ._xs_6vu7p_713 ._box_6vu7p_673._indeterminate_6vu7p_743::after {
+  ._xs_1luvw_715 ._box_1luvw_675._indeterminate_1luvw_745::after {
     width: calc(0.41em * 1.05);
     height: calc(0.1em * 1.05);
   }
 }
-._xs_6vu7p_713 ._label_6vu7p_754 {
+._xs_1luvw_715 ._label_1luvw_756 {
   font-size: var(--font-size-caption);
 }
 @media (width <= 479.98px) {
-  ._xs_6vu7p_713 ._label_6vu7p_754 {
+  ._xs_1luvw_715 ._label_1luvw_756 {
     font-size: var(--font-size-caption);
   }
 }
 @media (min-width: 1024px) {
-  ._xs_6vu7p_713 ._label_6vu7p_754 {
+  ._xs_1luvw_715 ._label_1luvw_756 {
     font-size: calc(var(--font-size-caption) * 1.05);
   }
 }
-._small_6vu7p_768 ._box_6vu7p_673 {
+._small_1luvw_770 ._box_1luvw_675 {
   width: 0.875em;
   height: 0.875em;
 }
 @media (width <= 479.98px) {
-  ._small_6vu7p_768 ._box_6vu7p_673 {
+  ._small_1luvw_770 ._box_1luvw_675 {
     border-width: 1.5px;
   }
 }
 @media (min-width: 1024px) {
-  ._small_6vu7p_768 ._box_6vu7p_673 {
+  ._small_1luvw_770 ._box_1luvw_675 {
     border-width: 2px;
   }
 }
-._small_6vu7p_768 ._box_6vu7p_673::after {
+._small_1luvw_770 ._box_1luvw_675::after {
   width: 0.43em;
   height: 0.2em;
   border-left: 0.115em solid currentcolor;
   border-bottom: 0.115em solid currentcolor;
 }
 @media (min-width: 1024px) {
-  ._small_6vu7p_768 ._box_6vu7p_673::after {
+  ._small_1luvw_770 ._box_1luvw_675::after {
     width: calc(0.43em * 1.05);
     height: calc(0.2em * 1.05);
     border-left-width: calc(0.115em * 1.05);
     border-bottom-width: calc(0.115em * 1.05);
   }
 }
-._small_6vu7p_768 ._box_6vu7p_673._indeterminate_6vu7p_743::after {
+._small_1luvw_770 ._box_1luvw_675._indeterminate_1luvw_745::after {
   width: 0.43em;
   height: 0.115em;
 }
 @media (min-width: 1024px) {
-  ._small_6vu7p_768 ._box_6vu7p_673._indeterminate_6vu7p_743::after {
+  ._small_1luvw_770 ._box_1luvw_675._indeterminate_1luvw_745::after {
     width: calc(0.43em * 1.05);
     height: calc(0.115em * 1.05);
   }
 }
-._small_6vu7p_768 ._label_6vu7p_754 {
+._small_1luvw_770 ._label_1luvw_756 {
   font-size: var(--font-size-label);
 }
 @media (width <= 479.98px) {
-  ._small_6vu7p_768 ._label_6vu7p_754 {
+  ._small_1luvw_770 ._label_1luvw_756 {
     font-size: var(--font-size-label);
   }
 }
 @media (min-width: 1024px) {
-  ._small_6vu7p_768 ._label_6vu7p_754 {
+  ._small_1luvw_770 ._label_1luvw_756 {
     font-size: calc(var(--font-size-label) * 1.05);
   }
 }
-._medium_6vu7p_823 ._box_6vu7p_673 {
+._medium_1luvw_825 ._box_1luvw_675 {
   width: 1em;
   height: 1em;
 }
 @media (width <= 479.98px) {
-  ._medium_6vu7p_823 ._box_6vu7p_673 {
+  ._medium_1luvw_825 ._box_1luvw_675 {
     border-width: 1.5px;
   }
 }
 @media (min-width: 1024px) {
-  ._medium_6vu7p_823 ._box_6vu7p_673 {
+  ._medium_1luvw_825 ._box_1luvw_675 {
     border-width: 2px;
   }
 }
-._medium_6vu7p_823 ._box_6vu7p_673::after {
+._medium_1luvw_825 ._box_1luvw_675::after {
   width: 0.505em;
   height: 0.215em;
   border-left: 0.125em solid currentcolor;
   border-bottom: 0.125em solid currentcolor;
 }
 @media (min-width: 1024px) {
-  ._medium_6vu7p_823 ._box_6vu7p_673::after {
+  ._medium_1luvw_825 ._box_1luvw_675::after {
     width: calc(0.505em * 1.05);
     height: calc(0.215em * 1.05);
     border-left-width: calc(0.125em * 1.05);
     border-bottom-width: calc(0.125em * 1.05);
   }
 }
-._medium_6vu7p_823 ._box_6vu7p_673._indeterminate_6vu7p_743::after {
+._medium_1luvw_825 ._box_1luvw_675._indeterminate_1luvw_745::after {
   width: 0.505em;
   height: 0.125em;
 }
 @media (min-width: 1024px) {
-  ._medium_6vu7p_823 ._box_6vu7p_673._indeterminate_6vu7p_743::after {
+  ._medium_1luvw_825 ._box_1luvw_675._indeterminate_1luvw_745::after {
     width: calc(0.505em * 1.05);
     height: calc(0.125em * 1.05);
   }
 }
-._medium_6vu7p_823 ._label_6vu7p_754 {
+._medium_1luvw_825 ._label_1luvw_756 {
   font-size: var(--font-size-body-sm);
 }
 @media (width <= 479.98px) {
-  ._medium_6vu7p_823 ._label_6vu7p_754 {
+  ._medium_1luvw_825 ._label_1luvw_756 {
     font-size: var(--font-size-body-sm);
   }
 }
 @media (min-width: 1024px) {
-  ._medium_6vu7p_823 ._label_6vu7p_754 {
+  ._medium_1luvw_825 ._label_1luvw_756 {
     font-size: calc(var(--font-size-body-sm) * 1.05);
   }
 }
-._large_6vu7p_878 ._box_6vu7p_673 {
+._large_1luvw_880 ._box_1luvw_675 {
   width: 1.25em;
   height: 1.25em;
 }
 @media (width <= 479.98px) {
-  ._large_6vu7p_878 ._box_6vu7p_673 {
+  ._large_1luvw_880 ._box_1luvw_675 {
     border-width: 1.5px;
   }
 }
 @media (min-width: 1024px) {
-  ._large_6vu7p_878 ._box_6vu7p_673 {
+  ._large_1luvw_880 ._box_1luvw_675 {
     border-width: 2px;
   }
 }
-._large_6vu7p_878 ._box_6vu7p_673::after {
+._large_1luvw_880 ._box_1luvw_675::after {
   width: 0.63em;
   height: 0.35em;
   border-left: 0.15em solid currentcolor;
   border-bottom: 0.15em solid currentcolor;
 }
 @media (min-width: 1024px) {
-  ._large_6vu7p_878 ._box_6vu7p_673::after {
+  ._large_1luvw_880 ._box_1luvw_675::after {
     width: calc(0.63em * 1.05);
     height: calc(0.35em * 1.05);
     border-left-width: calc(0.15em * 1.05);
     border-bottom-width: calc(0.15em * 1.05);
   }
 }
-._large_6vu7p_878 ._box_6vu7p_673._indeterminate_6vu7p_743::after {
+._large_1luvw_880 ._box_1luvw_675._indeterminate_1luvw_745::after {
   width: 0.63em;
   height: 0.15em;
 }
 @media (min-width: 1024px) {
-  ._large_6vu7p_878 ._box_6vu7p_673._indeterminate_6vu7p_743::after {
+  ._large_1luvw_880 ._box_1luvw_675._indeterminate_1luvw_745::after {
     width: calc(0.63em * 1.05);
     height: calc(0.15em * 1.05);
   }
 }
-._large_6vu7p_878 ._label_6vu7p_754 {
+._large_1luvw_880 ._label_1luvw_756 {
   font-size: var(--font-size-body);
 }
 @media (width <= 479.98px) {
-  ._large_6vu7p_878 ._label_6vu7p_754 {
+  ._large_1luvw_880 ._label_1luvw_756 {
     font-size: var(--font-size-body);
   }
 }
 @media (min-width: 1024px) {
-  ._large_6vu7p_878 ._label_6vu7p_754 {
+  ._large_1luvw_880 ._label_1luvw_756 {
     font-size: calc(var(--font-size-body) * 1.05);
   }
 }
-._xl_6vu7p_933 ._box_6vu7p_673 {
+._xl_1luvw_935 ._box_1luvw_675 {
   width: 1.5em;
   height: 1.5em;
 }
 @media (width <= 479.98px) {
-  ._xl_6vu7p_933 ._box_6vu7p_673 {
+  ._xl_1luvw_935 ._box_1luvw_675 {
     border-width: 1.5px;
   }
 }
 @media (min-width: 1024px) {
-  ._xl_6vu7p_933 ._box_6vu7p_673 {
+  ._xl_1luvw_935 ._box_1luvw_675 {
     border-width: 2px;
   }
 }
-._xl_6vu7p_933 ._box_6vu7p_673::after {
+._xl_1luvw_935 ._box_1luvw_675::after {
   width: 0.75em;
   height: 0.4em;
   border-left: 0.175em solid currentcolor;
   border-bottom: 0.175em solid currentcolor;
 }
 @media (min-width: 1024px) {
-  ._xl_6vu7p_933 ._box_6vu7p_673::after {
+  ._xl_1luvw_935 ._box_1luvw_675::after {
     width: calc(0.75em * 1.05);
     height: calc(0.4em * 1.05);
     border-left-width: calc(0.175em * 1.05);
     border-bottom-width: calc(0.175em * 1.05);
   }
 }
-._xl_6vu7p_933 ._box_6vu7p_673._indeterminate_6vu7p_743::after {
+._xl_1luvw_935 ._box_1luvw_675._indeterminate_1luvw_745::after {
   width: 0.75em;
   height: 0.175em;
 }
 @media (min-width: 1024px) {
-  ._xl_6vu7p_933 ._box_6vu7p_673._indeterminate_6vu7p_743::after {
+  ._xl_1luvw_935 ._box_1luvw_675._indeterminate_1luvw_745::after {
     width: calc(0.75em * 1.05);
     height: calc(0.175em * 1.05);
   }
 }
-._xl_6vu7p_933 ._label_6vu7p_754 {
+._xl_1luvw_935 ._label_1luvw_756 {
   font-size: var(--font-size-h6);
 }
 @media (width <= 479.98px) {
-  ._xl_6vu7p_933 ._label_6vu7p_754 {
+  ._xl_1luvw_935 ._label_1luvw_756 {
     font-size: var(--font-size-h6);
   }
 }
 @media (min-width: 1024px) {
-  ._xl_6vu7p_933 ._label_6vu7p_754 {
+  ._xl_1luvw_935 ._label_1luvw_756 {
     font-size: calc(var(--font-size-h6) * 1.05);
   }
 }
-._box_6vu7p_673 {
+._box_1luvw_675 {
   border: 2px solid currentcolor;
   display: flex;
   align-items: center;
@@ -8360,39 +8362,44 @@ samp {
   position: relative;
   transition: all var(--transition-default);
 }
-._box_6vu7p_673::before {
+._box_1luvw_675::before {
   content: "";
   position: absolute;
   inset: -6px;
 }
 @media (min-width: 1024px) {
-  ._box_6vu7p_673::before {
+  ._box_1luvw_675::before {
     inset: -4px;
   }
 }
-._box_6vu7p_673:focus-visible {
+._box_1luvw_675:focus-visible {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 3px;
 }
-._box_6vu7p_673::after {
+._box_1luvw_675::after {
   content: "";
   transform: rotate(-45deg);
   opacity: 0;
   transition: all var(--transition-default);
 }
-._input_6vu7p_666:checked + ._box_6vu7p_673::after {
+._input_1luvw_668:checked + ._box_1luvw_675::after {
   opacity: 1;
 }
-._box_6vu7p_673._indeterminate_6vu7p_743::after {
+._box_1luvw_675._indeterminate_1luvw_745::after {
   opacity: 1;
   content: "";
   background-color: currentcolor;
   border: none;
   transform: none;
 }
-._label_6vu7p_754 {
+._labelWrapper_1luvw_1033 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs);
+}
+._label_1luvw_756 {
   color: var(--text-color-primary);
-  margin-bottom: -1px;
   font-family: var(--font-family-ui);
   font-size: var(--font-size-body-sm);
   font-weight: var(--font-weight-body);
@@ -8400,117 +8407,117 @@ samp {
   letter-spacing: var(--letter-spacing-label);
 }
 @media (width <= 479.98px) {
-  ._label_6vu7p_754 {
+  ._label_1luvw_756 {
     line-height: 1.15;
   }
 }
 @media (min-width: 1024px) {
-  ._label_6vu7p_754 {
+  ._label_1luvw_756 {
     line-height: 1.25;
   }
 }
-._primary_6vu7p_1051 {
+._primary_1luvw_1059 {
   color: var(--primary-color);
 }
-._box_6vu7p_673._primary_6vu7p_1051 {
+._box_1luvw_675._primary_1luvw_1059 {
   border-color: var(--primary-color);
 }
-._input_6vu7p_666:checked + ._box_6vu7p_673._primary_6vu7p_1051::after {
+._input_1luvw_668:checked + ._box_1luvw_675._primary_1luvw_1059::after {
   border-color: var(--primary-color);
 }
-._secondary_6vu7p_1063 {
+._secondary_1luvw_1071 {
   color: var(--secondary-color);
 }
-._box_6vu7p_673._secondary_6vu7p_1063 {
+._box_1luvw_675._secondary_1luvw_1071 {
   border-color: var(--secondary-color);
 }
-._input_6vu7p_666:checked + ._box_6vu7p_673._secondary_6vu7p_1063::after {
+._input_1luvw_668:checked + ._box_1luvw_675._secondary_1luvw_1071::after {
   border-color: var(--secondary-color);
 }
-._tertiary_6vu7p_1075 {
+._tertiary_1luvw_1083 {
   color: var(--tertiary-color);
 }
-._box_6vu7p_673._tertiary_6vu7p_1075 {
+._box_1luvw_675._tertiary_1luvw_1083 {
   border-color: var(--tertiary-color);
 }
-._input_6vu7p_666:checked + ._box_6vu7p_673._tertiary_6vu7p_1075::after {
+._input_1luvw_668:checked + ._box_1luvw_675._tertiary_1luvw_1083::after {
   border-color: var(--tertiary-color);
 }
-._quaternary_6vu7p_1087 {
+._quaternary_1luvw_1095 {
   color: var(--quaternary-color);
 }
-._box_6vu7p_673._quaternary_6vu7p_1087 {
+._box_1luvw_675._quaternary_1luvw_1095 {
   border-color: var(--quaternary-color);
 }
-._input_6vu7p_666:checked + ._box_6vu7p_673._quaternary_6vu7p_1087::after {
+._input_1luvw_668:checked + ._box_1luvw_675._quaternary_1luvw_1095::after {
   border-color: var(--quaternary-color);
 }
-._clear_6vu7p_1099 {
+._clear_1luvw_1107 {
   color: var(--text-color-primary);
 }
-._box_6vu7p_673._clear_6vu7p_1099 {
+._box_1luvw_675._clear_1luvw_1107 {
   border-color: var(--text-color-primary);
 }
-._input_6vu7p_666:checked + ._box_6vu7p_673._clear_6vu7p_1099::after {
+._input_1luvw_668:checked + ._box_1luvw_675._clear_1luvw_1107::after {
   border-color: var(--text-color-primary);
 }
-._success_6vu7p_1111 {
+._success_1luvw_1119 {
   color: var(--success-color);
 }
-._box_6vu7p_673._success_6vu7p_1111 {
+._box_1luvw_675._success_1luvw_1119 {
   border-color: var(--success-color);
 }
-._input_6vu7p_666:checked + ._box_6vu7p_673._success_6vu7p_1111::after {
+._input_1luvw_668:checked + ._box_1luvw_675._success_1luvw_1119::after {
   border-color: var(--text-color-primary);
 }
-._error_6vu7p_110 {
+._error_1luvw_110 {
   color: var(--error-color);
 }
-._box_6vu7p_673._error_6vu7p_110 {
+._box_1luvw_675._error_1luvw_110 {
   border-color: var(--error-color);
 }
-._input_6vu7p_666:checked + ._box_6vu7p_673._error_6vu7p_110::after {
+._input_1luvw_668:checked + ._box_1luvw_675._error_1luvw_110::after {
   border-color: var(--text-color-primary);
 }
-._warning_6vu7p_1135 {
+._warning_1luvw_1143 {
   color: var(--warning-color);
 }
-._box_6vu7p_673._warning_6vu7p_1135 {
+._box_1luvw_675._warning_1luvw_1143 {
   border-color: var(--warning-color);
 }
-._input_6vu7p_666:checked + ._box_6vu7p_673._warning_6vu7p_1135::after {
+._input_1luvw_668:checked + ._box_1luvw_675._warning_1luvw_1143::after {
   border-color: var(--text-color-primary);
 }
-._disabled_6vu7p_1147 {
+._disabled_1luvw_1155 {
   opacity: 0.6;
   cursor: not-allowed;
   color: var(--disabled-color);
 }
-._disabled_6vu7p_1147 ._box_6vu7p_673 {
+._disabled_1luvw_1155 ._box_1luvw_675 {
   box-shadow: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  ._checkbox_6vu7p_637,
-  ._checkbox_6vu7p_637 * {
+  ._checkbox_1luvw_637,
+  ._checkbox_1luvw_637 * {
     transition: none !important;
     animation: none !important;
   }
 }
 @media (hover: none) {
-  ._checkbox_6vu7p_637:hover ._box_6vu7p_673 {
+  ._checkbox_1luvw_637:hover ._box_1luvw_675 {
     transform: none;
     box-shadow: none;
   }
 }
 @media (forced-colors: active) {
-  ._box_6vu7p_673 {
+  ._box_1luvw_675 {
     border-color: ButtonText;
     background: Canvas;
     color: CanvasText;
     outline-color: Highlight;
     box-shadow: none !important;
   }
-  ._box_6vu7p_673::after {
+  ._box_1luvw_675::after {
     border-color: ButtonText;
     background: ButtonText;
   }
@@ -13173,7 +13180,7 @@ select {
  * 9. skeleton-loading
  *    - Creates a sweeping shimmer effect for skeleton loaders.
  */
-@keyframes _fade-in_1hc20_1 {
+@keyframes _fade-in_1vqqr_1 {
   from {
     opacity: 0;
   }
@@ -13181,7 +13188,7 @@ select {
     opacity: 1;
   }
 }
-@keyframes _slide-up_1hc20_1 {
+@keyframes _slide-up_1vqqr_1 {
   from {
     transform: translateY(100%);
     opacity: 0;
@@ -13191,7 +13198,7 @@ select {
     opacity: 1;
   }
 }
-@keyframes _spin-3d_1hc20_1 {
+@keyframes _spin-3d_1vqqr_1 {
   0% {
     transform: rotateX(0deg) rotateY(0deg);
   }
@@ -13199,7 +13206,7 @@ select {
     transform: rotateX(360deg) rotateY(360deg);
   }
 }
-@keyframes _spin_1hc20_1 {
+@keyframes _spin_1vqqr_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -13207,7 +13214,7 @@ select {
     transform: rotate(360deg);
   }
 }
-@keyframes _pulse_1hc20_1 {
+@keyframes _pulse_1vqqr_1 {
   0% {
     transform: scale(1);
   }
@@ -13218,7 +13225,7 @@ select {
     transform: scale(1);
   }
 }
-@keyframes _fade-in-up_1hc20_1 {
+@keyframes _fade-in-up_1vqqr_1 {
   from {
     opacity: 0;
     transform: translateY(-5px);
@@ -13228,7 +13235,7 @@ select {
     transform: translateY(0);
   }
 }
-@keyframes _progress-grow_1hc20_1 {
+@keyframes _progress-grow_1vqqr_1 {
   from {
     width: 0;
   }
@@ -13236,7 +13243,7 @@ select {
     width: 100%;
   }
 }
-@keyframes _indeterminate-move_1hc20_1 {
+@keyframes _indeterminate-move_1vqqr_1 {
   0% {
     transform: translateX(-100%);
   }
@@ -13247,7 +13254,7 @@ select {
     transform: translateX(100%);
   }
 }
-@keyframes _skeleton-loading_1hc20_1 {
+@keyframes _skeleton-loading_1vqqr_1 {
   0% {
     left: -100%;
   }
@@ -13566,14 +13573,14 @@ samp {
   line-height: var(--line-height-code);
   letter-spacing: var(--letter-spacing-code);
 }
-._noScroll_1hc20_109 {
+._noScroll_1vqqr_109 {
   overflow: hidden;
 }
-._errorMessage_1hc20_110 {
+._errorMessage_1vqqr_110 {
   color: #f83838;
   font-size: 14px;
 }
-._loadingContainer_1hc20_111 {
+._loadingContainer_1vqqr_111 {
   min-height: 100vh;
   display: flex;
   justify-content: center;
@@ -13603,14 +13610,14 @@ samp {
 ::-webkit-scrollbar-thumb:hover {
   background-color: var(--primary-color-hover);
 }
-._hideScrollbar_1hc20_103 {
+._hideScrollbar_1vqqr_103 {
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
-._hideScrollbar_1hc20_103::-webkit-scrollbar {
+._hideScrollbar_1vqqr_103::-webkit-scrollbar {
   display: none;
 }
-._sr_only_1hc20_112 {
+._sr_only_1vqqr_112 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -13620,7 +13627,7 @@ samp {
   white-space: nowrap;
   border: 0;
 }
-._wrapper_1hc20_637 {
+._wrapper_1vqqr_637 {
   width: 100%;
   overflow-x: auto;
   font-family: var(--font-family-body);
@@ -13629,23 +13636,23 @@ samp {
   line-height: var(--line-height-body);
   letter-spacing: var(--letter-spacing-body);
 }
-._wrapper_1hc20_637 ._table_1hc20_646 {
+._wrapper_1vqqr_637 ._table_1vqqr_646 {
   width: 100%;
   border-collapse: collapse;
   font-size: inherit;
   min-width: 600px;
 }
 @media (width <= 767.98px) {
-  ._wrapper_1hc20_637 ._table_1hc20_646 {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 {
     min-width: 520px;
   }
 }
 @media (min-width: 1024px) {
-  ._wrapper_1hc20_637 ._table_1hc20_646 {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 {
     min-width: 720px;
   }
 }
-._wrapper_1hc20_637 ._table_1hc20_646 th {
+._wrapper_1vqqr_637 ._table_1vqqr_646 th {
   text-align: left;
   padding: var(--spacing-sm);
   font-family: var(--font-family-ui);
@@ -13656,7 +13663,7 @@ samp {
   white-space: nowrap;
   color: var(--text-color-primary);
 }
-._wrapper_1hc20_637 ._table_1hc20_646 td {
+._wrapper_1vqqr_637 ._table_1vqqr_646 td {
   padding: var(--spacing-sm);
   border-bottom: 1px solid var(--text-color-primary);
   text-align: left;
@@ -13668,80 +13675,90 @@ samp {
   line-height: var(--line-height-body);
   letter-spacing: var(--letter-spacing-body);
 }
-._wrapper_1hc20_637 ._table_1hc20_646 th:hover {
+._wrapper_1vqqr_637 ._table_1vqqr_646 th:hover {
   cursor: pointer;
 }
-._wrapper_1hc20_637 ._table_1hc20_646 tbody tr:last-child td {
+._wrapper_1vqqr_637 ._table_1vqqr_646 tbody tr:last-child td {
   border-bottom: none;
 }
-._wrapper_1hc20_637 ._table_1hc20_646 tbody tr {
+._wrapper_1vqqr_637 ._table_1vqqr_646 tbody tr {
   background-color: var(--background-color-dark);
 }
-._wrapper_1hc20_637 ._sortable_1hc20_694 {
+._wrapper_1vqqr_637 ._sortable_1vqqr_694 {
   cursor: pointer;
 }
-._wrapper_1hc20_637 ._sortable_1hc20_694:focus-visible, ._wrapper_1hc20_637 ._sortable_1hc20_694:focus {
+._wrapper_1vqqr_637 ._sortable_1vqqr_694:focus-visible, ._wrapper_1vqqr_637 ._sortable_1vqqr_694:focus {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 0.5px;
 }
-._wrapper_1hc20_637 ._sort_icon_1hc20_701 {
+._wrapper_1vqqr_637 ._sortButton_1vqqr_701 {
   margin-left: var(--spacing-xxs);
+  background-color: transparent;
+  border: none;
+  color: var(--text-color-primary);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs);
+}
+._wrapper_1vqqr_637 ._sort_icon_1vqqr_711 {
+  margin-left: var(--spacing-xs);
   font-size: 0.9em;
 }
 @media (width <= 479.98px) {
-  ._wrapper_1hc20_637 ._sort_icon_1hc20_701 {
+  ._wrapper_1vqqr_637 ._sort_icon_1vqqr_711 {
     font-size: 0.85em;
   }
 }
 @media (min-width: 1024px) {
-  ._wrapper_1hc20_637 ._sort_icon_1hc20_701 {
+  ._wrapper_1vqqr_637 ._sort_icon_1vqqr_711 {
     font-size: 1em;
   }
 }
-._wrapper_1hc20_637 ._clickable_1hc20_715 {
+._wrapper_1vqqr_637 ._clickable_1vqqr_725 {
   cursor: pointer;
   transition: background-color var(--transition-default);
 }
-._wrapper_1hc20_637 ._clickable_1hc20_715:hover {
+._wrapper_1vqqr_637 ._clickable_1vqqr_725:hover {
   background-color: var(--background-color-light);
 }
-._wrapper_1hc20_637 ._clickable_1hc20_715:hover:nth-child(even) {
+._wrapper_1vqqr_637 ._clickable_1vqqr_725:hover:nth-child(even) {
   background-color: var(--background-color);
 }
-._wrapper_1hc20_637 ._clickable_1hc20_715:focus-visible, ._wrapper_1hc20_637 ._clickable_1hc20_715:focus {
+._wrapper_1vqqr_637 ._clickable_1vqqr_725:focus-visible, ._wrapper_1vqqr_637 ._clickable_1vqqr_725:focus {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 0;
 }
-._wrapper_1hc20_637 ._striped_1hc20_729:nth-child(even) {
+._wrapper_1vqqr_637 ._striped_1vqqr_739:nth-child(even) {
   background-color: var(--background-color-darker);
 }
-._wrapper_1hc20_637._clear_1hc20_732 {
+._wrapper_1vqqr_637._clear_1vqqr_742 {
   box-shadow: none;
 }
-._wrapper_1hc20_637._clear_1hc20_732 th {
+._wrapper_1vqqr_637._clear_1vqqr_742 th {
   background-color: transparent;
 }
 @media (width <= 767.98px) {
-  ._wrapper_1hc20_637 ._table_1hc20_646 {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 {
     font-size: var(--font-size-label);
   }
-  ._wrapper_1hc20_637 ._table_1hc20_646 th,
-  ._wrapper_1hc20_637 ._table_1hc20_646 td {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 th,
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 td {
     padding: var(--spacing-xs);
   }
-  ._wrapper_1hc20_637 ._table_1hc20_646 th {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 th {
     font-size: var(--font-size-caption);
   }
-  ._wrapper_1hc20_637 ._table_1hc20_646 td {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 td {
     font-size: var(--font-size-label);
   }
 }
 @media (width <= 319.98px) {
-  ._wrapper_1hc20_637 ._table_1hc20_646 {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 {
     font-size: var(--font-size-caption);
   }
-  ._wrapper_1hc20_637 ._table_1hc20_646 th,
-  ._wrapper_1hc20_637 ._table_1hc20_646 td {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 th,
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 td {
     display: block;
     width: 100%;
     box-sizing: border-box;
@@ -13750,15 +13767,15 @@ samp {
     border-bottom: 1px solid var(--text-color-primary);
     white-space: normal;
   }
-  ._wrapper_1hc20_637 ._table_1hc20_646 tbody tr {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 tbody tr {
     display: block;
     margin-bottom: var(--spacing-sm);
     background-color: var(--background-color-dark);
   }
-  ._wrapper_1hc20_637 ._table_1hc20_646 thead {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 thead {
     display: none;
   }
-  ._wrapper_1hc20_637 ._table_1hc20_646 td::before {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 td::before {
     content: attr(data-label);
     display: block;
     font-family: var(--font-family-ui);
@@ -13770,175 +13787,175 @@ samp {
     color: var(--text-color-secondary);
   }
 }
-._primary_1hc20_788 th {
+._primary_1vqqr_798 th {
   background-color: var(--primary-color);
   color: var(--text-color-primary);
 }
-._primary_1hc20_788._outline_1hc20_793 th {
+._primary_1vqqr_798._outline_1vqqr_803 th {
   border: 2px solid var(--primary-color);
   background-color: transparent;
   color: var(--text-color-primary);
 }
 @media (width <= 479.98px) {
-  ._primary_1hc20_788._outline_1hc20_793 th {
+  ._primary_1vqqr_798._outline_1vqqr_803 th {
     border-width: 1.5px;
   }
 }
-._secondary_1hc20_804 th {
+._secondary_1vqqr_814 th {
   background-color: var(--secondary-color);
   color: var(--text-color-secondary);
 }
-._secondary_1hc20_804._outline_1hc20_793 th {
+._secondary_1vqqr_814._outline_1vqqr_803 th {
   border: 2px solid var(--secondary-color);
   background-color: transparent;
   color: var(--text-color-secondary);
 }
 @media (width <= 479.98px) {
-  ._secondary_1hc20_804._outline_1hc20_793 th {
+  ._secondary_1vqqr_814._outline_1vqqr_803 th {
     border-width: 1.5px;
   }
 }
-._tertiary_1hc20_820 th {
+._tertiary_1vqqr_830 th {
   background-color: var(--tertiary-color);
   color: var(--text-color-primary);
 }
-._tertiary_1hc20_820._outline_1hc20_793 th {
+._tertiary_1vqqr_830._outline_1vqqr_803 th {
   border: 2px solid var(--tertiary-color);
   background-color: transparent;
   color: var(--text-color-primary);
 }
 @media (width <= 479.98px) {
-  ._tertiary_1hc20_820._outline_1hc20_793 th {
+  ._tertiary_1vqqr_830._outline_1vqqr_803 th {
     border-width: 1.5px;
   }
 }
-._quaternary_1hc20_836 th {
+._quaternary_1vqqr_846 th {
   background-color: var(--quaternary-color);
   color: var(--text-color-primary);
 }
-._quaternary_1hc20_836._outline_1hc20_793 th {
+._quaternary_1vqqr_846._outline_1vqqr_803 th {
   border: 2px solid var(--quaternary-color);
   background-color: transparent;
   color: var(--text-color-primary);
 }
 @media (width <= 479.98px) {
-  ._quaternary_1hc20_836._outline_1hc20_793 th {
+  ._quaternary_1vqqr_846._outline_1vqqr_803 th {
     border-width: 1.5px;
   }
 }
-._clear_1hc20_732 th {
+._clear_1vqqr_742 th {
   background-color: transparent;
   color: var(--text-color-primary);
 }
-._clear_1hc20_732._outline_1hc20_793 th {
+._clear_1vqqr_742._outline_1vqqr_803 th {
   border: 2px solid var(--text-color-primary);
   background-color: transparent;
   color: var(--text-color-primary);
 }
 @media (width <= 479.98px) {
-  ._clear_1hc20_732._outline_1hc20_793 th {
+  ._clear_1vqqr_742._outline_1vqqr_803 th {
     border-width: 1.5px;
   }
 }
-._success_1hc20_868 th {
+._success_1vqqr_878 th {
   background-color: var(--success-color);
   color: var(--text-color-primary);
 }
-._success_1hc20_868._outline_1hc20_793 th {
+._success_1vqqr_878._outline_1vqqr_803 th {
   border: 2px solid var(--success-color);
   background-color: transparent;
   color: var(--text-color-primary);
 }
 @media (width <= 479.98px) {
-  ._success_1hc20_868._outline_1hc20_793 th {
+  ._success_1vqqr_878._outline_1vqqr_803 th {
     border-width: 1.5px;
   }
 }
-._error_1hc20_110 th {
+._error_1vqqr_110 th {
   background-color: var(--error-color);
   color: var(--text-color-primary);
 }
-._error_1hc20_110._outline_1hc20_793 th {
+._error_1vqqr_110._outline_1vqqr_803 th {
   border: 2px solid var(--error-color);
   background-color: transparent;
   color: var(--text-color-primary);
 }
 @media (width <= 479.98px) {
-  ._error_1hc20_110._outline_1hc20_793 th {
+  ._error_1vqqr_110._outline_1vqqr_803 th {
     border-width: 1.5px;
   }
 }
-._warning_1hc20_900 th {
+._warning_1vqqr_910 th {
   background-color: var(--warning-color);
   color: var(--text-color-primary);
 }
-._warning_1hc20_900._outline_1hc20_793 th {
+._warning_1vqqr_910._outline_1vqqr_803 th {
   border: 2px solid var(--warning-color);
   background-color: transparent;
   color: var(--text-color-primary);
 }
 @media (width <= 479.98px) {
-  ._warning_1hc20_900._outline_1hc20_793 th {
+  ._warning_1vqqr_910._outline_1vqqr_803 th {
     border-width: 1.5px;
   }
 }
-._roundNone_1hc20_916 {
+._roundNone_1vqqr_926 {
   border-radius: var(--border-radius-none);
 }
-._roundSmall_1hc20_920 {
+._roundSmall_1vqqr_930 {
   border-radius: var(--border-radius-sm);
 }
-._roundMedium_1hc20_924 {
+._roundMedium_1vqqr_934 {
   border-radius: var(--border-radius-md);
 }
-._roundLarge_1hc20_928 {
+._roundLarge_1vqqr_938 {
   border-radius: var(--border-radius-lg);
 }
-._roundFull_1hc20_932 {
+._roundFull_1vqqr_942 {
   border-radius: var(--border-radius-full);
 }
-._shadowNone_1hc20_936 {
+._shadowNone_1vqqr_946 {
   box-shadow: var(--box-shadow-none);
 }
-._shadowLight_1hc20_940 {
+._shadowLight_1vqqr_950 {
   box-shadow: var(--box-shadow-light);
 }
-._shadowMedium_1hc20_944 {
+._shadowMedium_1vqqr_954 {
   box-shadow: var(--box-shadow-medium);
 }
-._shadowStrong_1hc20_948 {
+._shadowStrong_1vqqr_958 {
   box-shadow: var(--box-shadow-heavy);
 }
-._shadowIntense_1hc20_952 {
+._shadowIntense_1vqqr_962 {
   box-shadow: var(--box-shadow-intense);
 }
 @media (prefers-reduced-motion: reduce) {
-  ._wrapper_1hc20_637,
-  ._wrapper_1hc20_637 * {
+  ._wrapper_1vqqr_637,
+  ._wrapper_1vqqr_637 * {
     transition: none !important;
     animation: none !important;
   }
 }
 @media (hover: none) {
-  ._clickable_1hc20_715:hover {
+  ._clickable_1vqqr_725:hover {
     background-color: transparent;
   }
 }
 @media (forced-colors: active) {
-  ._wrapper_1hc20_637 ._table_1hc20_646 {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 {
     color: CanvasText;
     background: Canvas;
   }
-  ._wrapper_1hc20_637 ._table_1hc20_646 th,
-  ._wrapper_1hc20_637 ._table_1hc20_646 td {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 th,
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 td {
     border-bottom: 1px solid ButtonText;
   }
-  ._wrapper_1hc20_637 ._table_1hc20_646 thead th {
+  ._wrapper_1vqqr_637 ._table_1vqqr_646 thead th {
     background: Canvas;
     color: CanvasText;
     border: 1px solid ButtonText;
   }
-  ._wrapper_1hc20_637 ._clickable_1hc20_715:focus-visible {
+  ._wrapper_1vqqr_637 ._clickable_1vqqr_725:focus-visible {
     outline: 2px solid Highlight;
     outline-offset: 2px;
   }
@@ -19504,10 +19521,10 @@ samp {
  * $breakpoints map:
  *  Use this map to loop over breakpoints or access named values.
  */
-._wrapper_m8h57_85 {
+._wrapper_1twp1_85 {
   position: relative;
   display: inline-flex;
-  justify-content: space-evenly;
+  justify-content: center;
   align-items: center;
   width: fit-content;
   margin: var(--spacing-xs) 0;
@@ -19515,56 +19532,56 @@ samp {
   font-family: var(--font-family-ui);
 }
 @media (width <= 479.98px) {
-  ._wrapper_m8h57_85 {
+  ._wrapper_1twp1_85 {
     width: 100%;
   }
 }
-._wrapper_m8h57_85:hover {
+._wrapper_1twp1_85:hover {
   box-shadow: 0px 6px 12px rgba(52, 73, 94, 0.4);
 }
-._wrapper_m8h57_85._disabled_m8h57_103 {
+._wrapper_1twp1_85._disabled_1twp1_103 {
   opacity: 0.6;
   pointer-events: none;
   cursor: not-allowed;
   background-color: var(--disabled-color) !important;
 }
-._wrapper_m8h57_85:focus-within {
+._wrapper_1twp1_85:focus-within {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 3px;
   border-radius: 8px;
 }
-._wrapper_m8h57_85._roundNone_m8h57_114 {
+._wrapper_1twp1_85._roundNone_1twp1_114 {
   border-radius: var(--border-radius-none);
 }
-._wrapper_m8h57_85._roundSmall_m8h57_117 {
+._wrapper_1twp1_85._roundSmall_1twp1_117 {
   border-radius: var(--border-radius-sm);
 }
-._wrapper_m8h57_85._roundMedium_m8h57_120 {
+._wrapper_1twp1_85._roundMedium_1twp1_120 {
   border-radius: var(--border-radius-md);
 }
-._wrapper_m8h57_85._roundLarge_m8h57_123 {
+._wrapper_1twp1_85._roundLarge_1twp1_123 {
   border-radius: var(--border-radius-lg);
 }
-._wrapper_m8h57_85._roundFull_m8h57_126 {
+._wrapper_1twp1_85._roundFull_1twp1_126 {
   border-radius: var(--border-radius-full);
 }
-._wrapper_m8h57_85._shadowNone_m8h57_129 {
+._wrapper_1twp1_85._shadowNone_1twp1_129 {
   box-shadow: var(--box-shadow-none);
 }
-._wrapper_m8h57_85._shadowLight_m8h57_132 {
+._wrapper_1twp1_85._shadowLight_1twp1_132 {
   box-shadow: var(--box-shadow-light);
 }
-._wrapper_m8h57_85._shadowMedium_m8h57_135 {
+._wrapper_1twp1_85._shadowMedium_1twp1_135 {
   box-shadow: var(--box-shadow-medium);
 }
-._wrapper_m8h57_85._shadowStrong_m8h57_138 {
+._wrapper_1twp1_85._shadowStrong_1twp1_138 {
   box-shadow: var(--box-shadow-heavy);
 }
-._wrapper_m8h57_85._shadowIntense_m8h57_141 {
+._wrapper_1twp1_85._shadowIntense_1twp1_141 {
   box-shadow: var(--box-shadow-intense);
 }
 
-._icon_m8h57_145 {
+._icon_1twp1_145 {
   position: relative;
   z-index: 1;
   pointer-events: none;
@@ -19576,20 +19593,20 @@ samp {
   right: var(--spacing-sm);
 }
 @media (width <= 319.98px) {
-  ._icon_m8h57_145 {
+  ._icon_1twp1_145 {
     font-size: 11px;
   }
 }
 @media (min-width: 1024px) {
-  ._icon_m8h57_145 {
+  ._icon_1twp1_145 {
     font-size: 14px;
   }
 }
 
-._select_m8h57_167 {
+._select_1twp1_167 {
   width: fit-content;
   min-height: 40px;
-  padding: 5px 30px;
+  padding: 5px 10px;
   font-family: var(--font-family-ui);
   font-size: var(--font-size-label);
   font-weight: var(--font-weight-label);
@@ -19603,24 +19620,24 @@ samp {
   transition: background-color 0.3s ease, border-color 0.3s ease;
 }
 @media (width <= 319.98px) {
-  ._select_m8h57_167 {
+  ._select_1twp1_167 {
     min-height: 38px;
     padding: 4px 28px 4px var(--spacing-sm);
     font-size: var(--font-size-caption);
   }
 }
 @media (min-width: 1024px) {
-  ._select_m8h57_167 {
+  ._select_1twp1_167 {
     font-size: var(--font-size-label);
   }
 }
-._select_m8h57_167:focus {
+._select_1twp1_167:focus {
   outline: 0;
 }
-._select_m8h57_167:focus-visible {
+._select_1twp1_167:focus-visible {
   outline: 0;
 }
-._select_m8h57_167 option {
+._select_1twp1_167 option {
   background-color: var(--background-color);
   border: none;
   color: var(--text-color-primary);
@@ -19628,13 +19645,13 @@ samp {
   font-size: var(--font-size-label);
 }
 
-._layout_m8h57_209 {
+._layout_1twp1_209 {
   display: flex;
   gap: 0.5rem;
   width: fit-content;
 }
 
-._label_m8h57_215 {
+._label_1twp1_215 {
   font-family: var(--font-family-ui);
   font-size: var(--font-size-label);
   font-weight: var(--font-weight-label);
@@ -19643,238 +19660,238 @@ samp {
   white-space: nowrap;
 }
 
-._labelTop_m8h57_224 {
+._labelTop_1twp1_224 {
   flex-direction: column;
   align-items: flex-start;
 }
 
-._labelBottom_m8h57_229 {
+._labelBottom_1twp1_229 {
   flex-direction: column;
   align-items: flex-start;
 }
 
-._labelLeft_m8h57_234,
-._labelRight_m8h57_235 {
+._labelLeft_1twp1_234,
+._labelRight_1twp1_235 {
   flex-direction: row;
   align-items: center;
 }
 
-._labelLeft_m8h57_234 ._wrapper_m8h57_85,
-._labelRight_m8h57_235 ._wrapper_m8h57_85 {
+._labelLeft_1twp1_234 ._wrapper_1twp1_85,
+._labelRight_1twp1_235 ._wrapper_1twp1_85 {
   flex: 1;
   min-width: 0;
 }
 
-._primary_m8h57_246 {
+._primary_1twp1_246 {
   background-color: var(--primary-color);
   color: var(--text-color-primary);
 }
-._primary_m8h57_246:hover {
+._primary_1twp1_246:hover {
   background-color: var(--primary-color-hover);
 }
 
-._primary_m8h57_246._outline_m8h57_254 {
+._primary_1twp1_246._outline_1twp1_254 {
   background-color: transparent;
   color: var(--text-color-primary);
   border: 1px solid var(--primary-color);
 }
 @media (width <= 479.98px) {
-  ._primary_m8h57_246._outline_m8h57_254 {
+  ._primary_1twp1_246._outline_1twp1_254 {
     border-width: 1.5px;
   }
 }
 
-._clear_m8h57_265._primary_m8h57_246 {
+._clear_1twp1_265._primary_1twp1_246 {
   background-color: transparent;
 }
 
-._secondary_m8h57_269 {
+._secondary_1twp1_269 {
   background-color: var(--secondary-color);
   color: var(--text-color-secondary);
 }
-._secondary_m8h57_269:hover {
+._secondary_1twp1_269:hover {
   background-color: var(--secondary-color-hover);
 }
 
-._secondary_m8h57_269._outline_m8h57_254 {
+._secondary_1twp1_269._outline_1twp1_254 {
   background-color: transparent;
   color: var(--text-color-secondary);
   border: 1px solid var(--secondary-color);
 }
 @media (width <= 479.98px) {
-  ._secondary_m8h57_269._outline_m8h57_254 {
+  ._secondary_1twp1_269._outline_1twp1_254 {
     border-width: 1.5px;
   }
 }
 
-._clear_m8h57_265._secondary_m8h57_269 {
+._clear_1twp1_265._secondary_1twp1_269 {
   background-color: transparent;
 }
 
-._tertiary_m8h57_292 {
+._tertiary_1twp1_292 {
   background-color: var(--tertiary-color);
   color: var(--text-color-primary);
 }
-._tertiary_m8h57_292:hover {
+._tertiary_1twp1_292:hover {
   background-color: var(--tertiary-color-hover);
 }
 
-._tertiary_m8h57_292._outline_m8h57_254 {
+._tertiary_1twp1_292._outline_1twp1_254 {
   background-color: transparent;
   color: var(--text-color-primary);
   border: 1px solid var(--tertiary-color);
 }
 @media (width <= 479.98px) {
-  ._tertiary_m8h57_292._outline_m8h57_254 {
+  ._tertiary_1twp1_292._outline_1twp1_254 {
     border-width: 1.5px;
   }
 }
 
-._clear_m8h57_265._tertiary_m8h57_292 {
+._clear_1twp1_265._tertiary_1twp1_292 {
   background-color: transparent;
 }
 
-._quaternary_m8h57_315 {
+._quaternary_1twp1_315 {
   background-color: var(--quaternary-color);
   color: var(--text-color-primary);
 }
-._quaternary_m8h57_315:hover {
+._quaternary_1twp1_315:hover {
   background-color: var(--quaternary-color-hover);
 }
 
-._quaternary_m8h57_315._outline_m8h57_254 {
+._quaternary_1twp1_315._outline_1twp1_254 {
   background-color: transparent;
   color: var(--text-color-primary);
   border: 1px solid var(--quaternary-color);
 }
 @media (width <= 479.98px) {
-  ._quaternary_m8h57_315._outline_m8h57_254 {
+  ._quaternary_1twp1_315._outline_1twp1_254 {
     border-width: 1.5px;
   }
 }
 
-._clear_m8h57_265._quaternary_m8h57_315 {
+._clear_1twp1_265._quaternary_1twp1_315 {
   background-color: transparent;
 }
 
-._clear_m8h57_265 {
+._clear_1twp1_265 {
   background-color: transparent;
   color: var(--text-color-primary);
 }
-._clear_m8h57_265:hover {
+._clear_1twp1_265:hover {
   background-color: rgba(0, 0, 0, 0.2);
 }
 
-._clear_m8h57_265._outline_m8h57_254 {
+._clear_1twp1_265._outline_1twp1_254 {
   background-color: transparent;
   color: var(--text-color-primary);
   border: 1px solid var(--text-color-primary);
 }
 @media (width <= 479.98px) {
-  ._clear_m8h57_265._outline_m8h57_254 {
+  ._clear_1twp1_265._outline_1twp1_254 {
     border-width: 1.5px;
   }
 }
 
-._clear_m8h57_265._clear_m8h57_265 {
+._clear_1twp1_265._clear_1twp1_265 {
   background-color: transparent;
 }
 
-._success_m8h57_361 {
+._success_1twp1_361 {
   background-color: var(--success-color);
   color: var(--text-color-primary);
 }
-._success_m8h57_361:hover {
+._success_1twp1_361:hover {
   background-color: var(--success-color-hover);
 }
 
-._success_m8h57_361._outline_m8h57_254 {
+._success_1twp1_361._outline_1twp1_254 {
   background-color: transparent;
   color: var(--text-color-primary);
   border: 1px solid var(--success-color);
 }
 @media (width <= 479.98px) {
-  ._success_m8h57_361._outline_m8h57_254 {
+  ._success_1twp1_361._outline_1twp1_254 {
     border-width: 1.5px;
   }
 }
 
-._clear_m8h57_265._success_m8h57_361 {
+._clear_1twp1_265._success_1twp1_361 {
   background-color: transparent;
 }
 
-._error_m8h57_384 {
+._error_1twp1_384 {
   background-color: var(--error-color);
   color: var(--text-color-primary);
 }
-._error_m8h57_384:hover {
+._error_1twp1_384:hover {
   background-color: var(--error-color-hover);
 }
 
-._error_m8h57_384._outline_m8h57_254 {
+._error_1twp1_384._outline_1twp1_254 {
   background-color: transparent;
   color: var(--text-color-primary);
   border: 1px solid var(--error-color);
 }
 @media (width <= 479.98px) {
-  ._error_m8h57_384._outline_m8h57_254 {
+  ._error_1twp1_384._outline_1twp1_254 {
     border-width: 1.5px;
   }
 }
 
-._clear_m8h57_265._error_m8h57_384 {
+._clear_1twp1_265._error_1twp1_384 {
   background-color: transparent;
 }
 
-._warning_m8h57_407 {
+._warning_1twp1_407 {
   background-color: var(--warning-color);
   color: var(--text-color-primary);
 }
-._warning_m8h57_407:hover {
+._warning_1twp1_407:hover {
   background-color: var(--warning-color-hover);
 }
 
-._warning_m8h57_407._outline_m8h57_254 {
+._warning_1twp1_407._outline_1twp1_254 {
   background-color: transparent;
   color: var(--text-color-primary);
   border: 1px solid var(--warning-color);
 }
 @media (width <= 479.98px) {
-  ._warning_m8h57_407._outline_m8h57_254 {
+  ._warning_1twp1_407._outline_1twp1_254 {
     border-width: 1.5px;
   }
 }
 
-._clear_m8h57_265._warning_m8h57_407 {
+._clear_1twp1_265._warning_1twp1_407 {
   background-color: transparent;
 }
 
-._clear_m8h57_265 ._select_m8h57_167 {
+._clear_1twp1_265 ._select_1twp1_167 {
   background-color: transparent;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  ._wrapper_m8h57_85,
-  ._wrapper_m8h57_85 * {
+  ._wrapper_1twp1_85,
+  ._wrapper_1twp1_85 * {
     transition: none !important;
     animation: none !important;
   }
 }
 @media (hover: none) {
-  ._wrapper_m8h57_85:hover {
+  ._wrapper_1twp1_85:hover {
     box-shadow: none;
   }
 }
 @media (forced-colors: active) {
-  ._select_m8h57_167 {
+  ._select_1twp1_167 {
     background: Canvas;
     color: CanvasText;
     border: 1px solid ButtonText;
   }
-  ._icon_m8h57_145 {
+  ._icon_1twp1_145 {
     color: ButtonText;
   }
-  ._wrapper_m8h57_85:focus-within {
+  ._wrapper_1twp1_85:focus-within {
     outline: 2px solid Highlight;
     outline-offset: 3px;
   }