@delightui/components 0.1.17 → 0.1.19

package/dist/esm/library.css

@@ -1,3 +1,10 @@
+
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
+/**
+ *  Fonts:
+ *    - Inter (all weights)
+ */
+
 .ActionCard-module_actionCard__o01Ku {
   display: flex;
   cursor: pointer;
@@ -2388,12 +2395,6 @@ span.flatpickr-weekday {
   width: 100%;
   width: var(--table-cell-width);
 }
-
- @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
-/**
- *  Fonts:
- *    - Inter (all weights)
- */
 [component-variant^="text-"] {
     --text-opacity: 1;
     --text-height: auto;
@@ -2433,180 +2434,210 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: ;
     --text-paragraph-indent: 
 }
+
 [component-variant="text-heading1-bold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-1);
     --text-font-weight: var(--font-weight-bold);
     --text-line-height: var(--line-height-heading-heading-1)
 }
+
 [component-variant="text-heading1-semibold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-1);
     --text-font-weight: var(--font-weight-semibold);
     --text-line-height: var(--line-height-heading-heading-1)
 }
+
 [component-variant="text-heading1-medium"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-1);
     --text-font-weight: var(--font-weight-medium);
     --text-line-height: var(--line-height-heading-heading-1)
 }
+
 [component-variant="text-heading2-bold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-2);
     --text-font-weight: var(--font-weight-bold);
     --text-line-height: var(--line-height-heading-heading-2)
 }
+
 [component-variant="text-heading2-semibold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-2);
     --text-font-weight: var(--font-weight-semibold);
     --text-line-height: var(--line-height-heading-heading-2)
 }
+
 [component-variant="text-heading2-medium"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-2);
     --text-font-weight: var(--font-weight-medium);
     --text-line-height: var(--line-height-heading-heading-2)
 }
+
 [component-variant="text-heading3-bold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-3);
     --text-font-weight: var(--font-weight-bold);
     --text-line-height: var(--line-height-heading-heading-3)
 }
+
 [component-variant="text-heading3-semibold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-3);
     --text-font-weight: var(--font-weight-semibold);
     --text-line-height: var(--line-height-heading-heading-3)
 }
+
 [component-variant="text-heading3-medium"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-3);
     --text-font-weight: var(--font-weight-medium);
     --text-line-height: var(--line-height-heading-heading-3)
 }
+
 [component-variant="text-heading4-bold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-4);
     --text-font-weight: var(--font-weight-bold);
     --text-line-height: var(--line-height-heading-heading-4)
 }
+
 [component-variant="text-heading4-semibold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-4);
     --text-font-weight: var(--font-weight-semibold);
     --text-line-height: var(--line-height-heading-heading-4)
 }
+
 [component-variant="text-heading4-medium"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-4);
     --text-font-weight: var(--font-weight-medium);
     --text-line-height: var(--line-height-heading-heading-4)
 }
+
 [component-variant="text-heading5-bold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-5);
     --text-font-weight: var(--font-weight-bold);
     --text-line-height: var(--line-height-heading-heading-5)
 }
+
 [component-variant="text-heading5-semibold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-5);
     --text-font-weight: var(--font-weight-semibold);
     --text-line-height: var(--line-height-heading-heading-5)
 }
+
 [component-variant="text-heading5-medium"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-5);
     --text-font-weight: var(--font-weight-medium);
     --text-line-height: var(--line-height-heading-heading-5)
 }
+
 [component-variant="text-heading6-bold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-6);
     --text-font-weight: var(--font-weight-bold);
     --text-line-height: var(--line-height-heading-heading-6)
 }
+
 [component-variant="text-heading6-semibold"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-6);
     --text-font-weight: var(--font-weight-semibold);
     --text-line-height: var(--line-height-heading-heading-6)
 }
+
 [component-variant="text-heading6-medium"] {
     --text-font-family: var(--font-family-title);
     --text-font-size: var(--font-size-heading-heading-6);
     --text-font-weight: var(--font-weight-medium);
     --text-line-height: var(--line-height-heading-heading-6)
 }
+
 [component-variant="text-bodysmall-regular"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: 13px;
     --text-font-weight: 400;
     --text-line-height: 16px
 }
+
 [component-variant="text-bodymedium-regular"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: var(--font-size-body-medium);
     --text-font-weight: 400;
     --text-line-height: var(--font-size-body-medium)
 }
+
 [component-variant="text-bodylarge-regular"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: var(--font-size-body-large);
     --text-font-weight: 400;
     --text-line-height: var(--line-height-body-large)
 }
+
 [component-variant="text-bodysmall-medium"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: var(--font-size-body-small);
     --text-font-weight: var(--font-weight-medium);
     --text-line-height: var(--line-height-body-small)
 }
+
 [component-variant="text-bodymedium-medium"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: var(--font-size-body-medium);
     --text-font-weight: var(--font-weight-medium);
     --text-line-height: var(--line-height-body-medium)
 }
+
 [component-variant="text-bodylarge-medium"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: var(--font-size-body-large);
     --text-font-weight: var(--font-weight-medium);
     --text-line-height: var(--line-height-body-large)
 }
+
 [component-variant="text-bodysmall-bold"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: var(--font-size-body-small);
     --text-font-weight: var(--font-weight-bold);
     --text-line-height: var(--line-height-body-small)
 }
+
 [component-variant="text-bodymedium-bold"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: var(--font-size-body-medium);
     --text-font-weight: var(--font-weight-bold);
     --text-line-height: var(--line-height-body-medium)
 }
+
 [component-variant="text-bodylarge-bold"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: var(--font-size-body-large);
     --text-font-weight: var(--font-weight-bold);
     --text-line-height: var(--line-height-body-large)
 }
+
 [component-variant="text-bodymedium-semibold"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: var(--font-size-body-medium);
     --text-font-weight: var(--font-weight-semibold);
     --text-line-height: var(--line-height-body-medium)
 }
+
 [component-variant="text-bodylarge-semibold"] {
     --text-font-family: var(--font-family-body);
     --text-font-size: var(--font-size-body-large);
     --text-font-weight: var(--font-weight-semibold);
     --text-line-height: var(--line-height-body-large)
 }
+
 [component-variant="text-left-default-h1-semi-bold-heading1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2616,6 +2647,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-subdued-h1-semi-bold-heading1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2625,6 +2657,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-default-h1-semi-bold-heading1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2634,6 +2667,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-subdued-h1-semi-bold-heading1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2643,6 +2677,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-default-h2-semi-bold-heading2"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2652,6 +2687,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-default-h2-semi-bold-heading2"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2661,6 +2697,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-default-h3-semi-bold-heading3"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2670,6 +2707,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-default-h3-semi-bold-heading3"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2679,6 +2717,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-default-h4-semi-bold-heading4"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2688,6 +2727,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-default-h4-semi-bold-heading4"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2697,6 +2737,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-subdued-h4-semi-bold-heading4"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2706,6 +2747,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-disabled-h4-semi-bold-heading4"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2715,6 +2757,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-default-h5-semi-bold-heading5"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2724,6 +2767,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-subdued-h5-semi-bold-heading5"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2733,6 +2777,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-default-h5-semi-bold-heading5"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2742,6 +2787,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-subdued-h5-semi-bold-heading5"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2751,6 +2797,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-disabled-h5-semi-bold-heading5"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2760,6 +2807,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-default-h6-semi-bold-heading6"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2769,6 +2817,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-subdued-h6-semi-bold-heading6"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2778,6 +2827,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-default-h6-semi-bold-heading6"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2787,6 +2837,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-subdued-h6-semi-bold-heading6"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2796,6 +2847,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-disabled-h6-semi-bold-heading6"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2805,6 +2857,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-default-p-regular-body1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2814,6 +2867,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-subdued-p-regular-body1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2823,6 +2877,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-disabled-p-regular-body1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2832,6 +2887,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-default-p-regular-body1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2841,6 +2897,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-subdued-p-regular-body1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2850,6 +2907,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-inverse-p-regular-body1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2859,6 +2917,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-right-inverse-p-regular-body1"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2868,6 +2927,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-default-p-regular-body2"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2877,6 +2937,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-subdued-p-regular-body2"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2886,6 +2947,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-default-p-regular-body2"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2895,6 +2957,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-disabled-p-regular-body2"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2904,6 +2967,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-subdued-p-regular-body2"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2913,6 +2977,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-default-p-regular-body3"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2922,6 +2987,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-default-p-semi-bold-body3"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2931,6 +2997,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-subdued-p-regular-body3"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2940,6 +3007,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-left-disabled-p-regular-body3"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2949,6 +3017,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-default-p-regular-body3"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2958,6 +3027,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-subdued-p-regular-body3"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2967,6 +3037,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-center-disabled-p-regular-body3"] {
     --text-width: 100%;
     --text-column-gap: undefinedpx;
@@ -2976,6 +3047,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant="text-default"] {
     --text-column-gap: undefinedpx;
     --text-font-family: sans-sarif;
@@ -2984,6 +3056,7 @@ span.flatpickr-weekday {
     --text-paragraph-spacing: 0px;
     --text-paragraph-indent: 0px
 }
+
 [component-variant^="icon-button-"] {
     --icon-button-opacity: 1;
     --icon-button-height: auto;
@@ -3023,6 +3096,7 @@ span.flatpickr-weekday {
     --icon-button-paragraph-spacing: ;
     --icon-button-paragraph-indent: 
 }
+
 [component-variant="icon-button-default-medium-primary-filled"] {
     --icon-button-background-color: var(--interactive-surface-primary-default);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3036,6 +3110,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-default-medium-primary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
@@ -3055,6 +3130,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-default-medium-primary-filled"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3068,6 +3144,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-default-medium-primary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-primary-filled"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-pressed);
@@ -3082,6 +3159,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-default-medium-primary-filled"][disabled],
 [component-variant="icon-button-default-medium-primary-filled"]:disabled {
     --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -3096,6 +3174,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-inverse-medium-primary-filled"] {
     --icon-button-background-color: var(--interactive-surface-primary-default);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3109,6 +3188,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-inverse-medium-primary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
@@ -3128,6 +3208,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-inverse-medium-primary-filled"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3141,6 +3222,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-inverse-medium-primary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-primary-filled"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-pressed);
@@ -3155,6 +3237,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-inverse-medium-primary-filled"][disabled],
 [component-variant="icon-button-inverse-medium-primary-filled"]:disabled {
     --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -3169,6 +3252,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-default-small-primary-filled"] {
     --icon-button-background-color: var(--interactive-surface-primary-default);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -3182,6 +3266,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-default-small-primary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
@@ -3201,6 +3286,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-default-small-primary-filled"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -3214,6 +3300,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-default-small-primary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-primary-filled"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-pressed);
@@ -3228,6 +3315,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-default-small-primary-filled"][disabled],
 [component-variant="icon-button-default-small-primary-filled"]:disabled {
     --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -3242,6 +3330,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-inverse-small-primary-filled"] {
     --icon-button-background-color: var(--interactive-surface-primary-default);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -3255,6 +3344,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-inverse-small-primary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
@@ -3274,6 +3364,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-inverse-small-primary-filled"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -3287,6 +3378,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-inverse-small-primary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-primary-filled"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-pressed);
@@ -3301,6 +3393,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-inverse-small-primary-filled"][disabled],
 [component-variant="icon-button-inverse-small-primary-filled"]:disabled {
     --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -3315,6 +3408,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-default-medium-secondary-filled"] {
     --icon-button-background-color: var(--interactive-surface-secondary-default);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3328,6 +3422,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -3347,6 +3442,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-filled"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3360,6 +3456,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-secondary-filled"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -3374,6 +3471,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-filled"][disabled],
 [component-variant="icon-button-default-medium-secondary-filled"]:disabled {
     --icon-button-background-color: rgb(56, 58, 68);
@@ -3388,6 +3486,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(153, 154, 159)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-filled"] {
     --icon-button-background-color: var(--interactive-surface-secondary-default);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3401,6 +3500,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -3420,6 +3520,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-filled"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3433,6 +3534,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-secondary-filled"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -3447,6 +3549,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-filled"][disabled],
 [component-variant="icon-button-inverse-medium-secondary-filled"]:disabled {
     --icon-button-background-color: rgb(56, 58, 68);
@@ -3461,6 +3564,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(153, 154, 159)
 }
+
 [component-variant="icon-button-default-medium-secondary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -3480,6 +3584,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-outlined"] {
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
     --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -3497,6 +3602,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-secondary-outlined"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -3511,6 +3617,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-outlined"][disabled],
 [component-variant="icon-button-default-medium-secondary-outlined"]:disabled {
     --icon-button-background-color: var(--interactive-surface-secondary-disabled);
@@ -3525,6 +3632,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-default-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3538,6 +3646,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -3557,6 +3666,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-outlined"] {
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
     --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -3574,6 +3684,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-inverse)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-secondary-outlined"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -3588,6 +3699,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-outlined"][disabled],
 [component-variant="icon-button-inverse-medium-secondary-outlined"]:disabled {
     --icon-button-background-color: var(--interactive-surface-secondary-disabled);
@@ -3602,6 +3714,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3615,6 +3728,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-primary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
@@ -3634,6 +3748,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-primary-outlined"] {
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
     --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -3651,6 +3766,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-default-medium-primary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-primary-outlined"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-pressed);
@@ -3665,6 +3781,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-primary-outlined"][disabled],
 [component-variant="icon-button-default-medium-primary-outlined"]:disabled {
     --icon-button-background-color: rgb(56, 58, 68);
@@ -3679,6 +3796,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-default-medium-primary-outlined"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3692,6 +3810,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-primary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
@@ -3711,6 +3830,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-primary-outlined"] {
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
     --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -3728,6 +3848,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-inverse)
 }
+
 [component-variant="icon-button-inverse-medium-primary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-primary-outlined"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-pressed);
@@ -3742,6 +3863,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-primary-outlined"][disabled],
 [component-variant="icon-button-inverse-medium-primary-outlined"]:disabled {
     --icon-button-background-color: rgb(56, 58, 68);
@@ -3756,6 +3878,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-inverse-medium-primary-outlined"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3769,6 +3892,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-pressed);
@@ -3788,6 +3912,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-ghost"] {
     --icon-button-background-color: var(--interactive-surface-ghost-default);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3801,6 +3926,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-secondary-ghost"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-pressed);
@@ -3815,6 +3941,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-secondary-ghost"][disabled],
 [component-variant="icon-button-default-medium-secondary-ghost"]:disabled {
     --icon-button-background-color: var(--interactive-surface-ghost-disabled);
@@ -3829,6 +3956,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--colours-grey-50)
 }
+
 [component-variant="icon-button-default-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3842,6 +3970,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-pressed);
@@ -3861,6 +3990,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-ghost"] {
     --icon-button-background-color: var(--interactive-surface-ghost-default);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3874,6 +4004,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-inverse)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-secondary-ghost"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-pressed);
@@ -3888,6 +4019,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-ghost"][disabled],
 [component-variant="icon-button-inverse-medium-secondary-ghost"]:disabled {
     --icon-button-background-color: var(--interactive-surface-ghost-disabled);
@@ -3902,6 +4034,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--colours-grey-50)
 }
+
 [component-variant="icon-button-inverse-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3915,6 +4048,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-primary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -3934,6 +4068,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-primary-ghost"] {
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
     --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -3946,6 +4081,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-primary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-medium-primary-ghost"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -3960,6 +4096,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-medium-primary-ghost"][disabled],
 [component-variant="icon-button-default-medium-primary-ghost"]:disabled {
     --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -3974,6 +4111,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--colours-grey-50)
 }
+
 [component-variant="icon-button-default-medium-primary-ghost"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -3987,6 +4125,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-primary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -4006,6 +4145,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-primary-ghost"] {
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
     --icon-button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -4018,6 +4158,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-inverse)
 }
+
 [component-variant="icon-button-inverse-medium-primary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-medium-primary-ghost"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -4032,6 +4173,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-medium-primary-ghost"][disabled],
 [component-variant="icon-button-inverse-medium-primary-ghost"]:disabled {
     --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -4046,6 +4188,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--colours-grey-50)
 }
+
 [component-variant="icon-button-inverse-medium-primary-ghost"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -4059,6 +4202,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-filled"] {
     --icon-button-background-color: var(--interactive-surface-secondary-default);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4072,6 +4216,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -4091,6 +4236,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-filled"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4104,6 +4250,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-secondary-filled"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -4118,6 +4265,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-filled"][disabled],
 [component-variant="icon-button-default-small-secondary-filled"]:disabled {
     --icon-button-background-color: rgb(56, 58, 68);
@@ -4132,6 +4280,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(153, 154, 159)
 }
+
 [component-variant="icon-button-inverse-small-secondary-filled"] {
     --icon-button-background-color: var(--interactive-surface-secondary-default);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4145,6 +4294,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -4164,6 +4314,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-filled"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4177,6 +4328,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-secondary-filled"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -4191,6 +4343,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-filled"][disabled],
 [component-variant="icon-button-inverse-small-secondary-filled"]:disabled {
     --icon-button-background-color: rgb(56, 58, 68);
@@ -4205,6 +4358,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(153, 154, 159)
 }
+
 [component-variant="icon-button-default-small-secondary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -4224,6 +4378,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-outlined"] {
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
     --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
@@ -4241,6 +4396,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-secondary-outlined"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -4255,6 +4411,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-outlined"][disabled],
 [component-variant="icon-button-default-small-secondary-outlined"]:disabled {
     --icon-button-background-color: var(--interactive-surface-secondary-disabled);
@@ -4269,6 +4426,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-default-small-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4282,6 +4440,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -4301,6 +4460,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-outlined"] {
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
     --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
@@ -4318,6 +4478,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-inverse)
 }
+
 [component-variant="icon-button-inverse-small-secondary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-secondary-outlined"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -4332,6 +4493,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-outlined"][disabled],
 [component-variant="icon-button-inverse-small-secondary-outlined"]:disabled {
     --icon-button-background-color: var(--interactive-surface-secondary-disabled);
@@ -4346,6 +4508,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4359,6 +4522,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-primary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
@@ -4378,6 +4542,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-primary-outlined"] {
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
     --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
@@ -4395,6 +4560,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(233, 233, 234)
 }
+
 [component-variant="icon-button-default-small-primary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-primary-outlined"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-pressed);
@@ -4409,6 +4575,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-primary-outlined"][disabled],
 [component-variant="icon-button-default-small-primary-outlined"]:disabled {
     --icon-button-background-color: rgb(56, 58, 68);
@@ -4423,6 +4590,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(153, 154, 159)
 }
+
 [component-variant="icon-button-default-small-primary-outlined"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4436,6 +4604,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-primary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
@@ -4455,6 +4624,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-primary-outlined"] {
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
     --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
@@ -4472,6 +4642,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-inverse)
 }
+
 [component-variant="icon-button-inverse-small-primary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-primary-outlined"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-pressed);
@@ -4486,6 +4657,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-primary-outlined"][disabled],
 [component-variant="icon-button-inverse-small-primary-outlined"]:disabled {
     --icon-button-background-color: rgb(56, 58, 68);
@@ -4500,6 +4672,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: rgb(153, 154, 159)
 }
+
 [component-variant="icon-button-inverse-small-primary-outlined"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-primary-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4513,6 +4686,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-pressed);
@@ -4532,6 +4706,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-secondary-ghost"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-pressed);
@@ -4546,6 +4721,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-ghost"][disabled],
 [component-variant="icon-button-default-small-secondary-ghost"]:disabled {
     --icon-button-background-color: var(--interactive-surface-ghost-disabled);
@@ -4560,6 +4736,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-default-small-secondary-ghost"] {
     --icon-button-background-color: var(--interactive-surface-ghost-default);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4573,6 +4750,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4586,6 +4764,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-pressed);
@@ -4605,6 +4784,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-secondary-ghost"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-pressed);
@@ -4619,6 +4799,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-ghost"][disabled],
 [component-variant="icon-button-inverse-small-secondary-ghost"]:disabled {
     --icon-button-background-color: var(--interactive-surface-ghost-disabled);
@@ -4633,6 +4814,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-inverse-small-secondary-ghost"] {
     --icon-button-background-color: var(--interactive-surface-ghost-default);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4646,6 +4828,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-inverse)
 }
+
 [component-variant="icon-button-inverse-small-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-ghost-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4659,6 +4842,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-primary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -4678,6 +4862,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-primary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-default-small-primary-ghost"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -4692,6 +4877,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-primary-ghost"][disabled],
 [component-variant="icon-button-default-small-primary-ghost"]:disabled {
     --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -4706,6 +4892,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-default-small-primary-ghost"] {
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
     --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
@@ -4718,6 +4905,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-default-small-primary-ghost"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4731,6 +4919,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-primary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
@@ -4750,6 +4939,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-primary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="icon-button-inverse-small-primary-ghost"]:active:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-pressed);
@@ -4764,6 +4954,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant="icon-button-inverse-small-primary-ghost"][disabled],
 [component-variant="icon-button-inverse-small-primary-ghost"]:disabled {
     --icon-button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -4778,6 +4969,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-tertiary)
 }
+
 [component-variant="icon-button-inverse-small-primary-ghost"] {
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
     --icon-button-border-top-right-radius: var(--spacing-extra-extra-small);
@@ -4790,6 +4982,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-inverse)
 }
+
 [component-variant="icon-button-inverse-small-primary-ghost"]:hover:not(:disabled):not([disabled]) {
     --icon-button-background-color: var(--interactive-surface-secondary-hover);
     --icon-button-border-top-left-radius: var(--spacing-extra-extra-small);
@@ -4803,6 +4996,7 @@ span.flatpickr-weekday {
     --icon-button-column-gap: var(--spacing-none);
     --icon-button-color: var(--icon-primary)
 }
+
 [component-variant^="form-field-"] {
     --form-field-opacity: 1;
     --form-field-height: auto;
@@ -4842,6 +5036,7 @@ span.flatpickr-weekday {
     --form-field-paragraph-spacing: ;
     --form-field-paragraph-indent: 
 }
+
 [component-variant="form-field-default"] {
     --form-field-width: 100%;
     --form-field-border-top-left-radius: var(--corner-radius-none);
@@ -4860,6 +5055,7 @@ span.flatpickr-weekday {
     --form-field-paragraph-spacing: 0px;
     --form-field-paragraph-indent: 0px
 }
+
 [component-variant="form-field-error"] {
     --form-field-width: 100%;
     --form-field-border-top-left-radius: var(--corner-radius-none);
@@ -4878,6 +5074,7 @@ span.flatpickr-weekday {
     --form-field-paragraph-spacing: 0px;
     --form-field-paragraph-indent: 0px
 }
+
 [component-variant="form-field-default"] {
     --form-field-field-width: 100%;
     --form-field-field-row-gap: 4px;
@@ -4888,6 +5085,7 @@ span.flatpickr-weekday {
     --form-field-field-paragraph-spacing: 0px;
     --form-field-field-paragraph-indent: 0px
 }
+
 [component-variant="form-field-error"] {
     --form-field-field-width: 100%;
     --form-field-field-row-gap: 4px;
@@ -4898,6 +5096,7 @@ span.flatpickr-weekday {
     --form-field-field-paragraph-spacing: 0px;
     --form-field-field-paragraph-indent: 0px
 }
+
 [component-variant="form-field-default"] {
     --form-field-label-width: 100%;
     --form-field-label-row-gap: 4px;
@@ -4910,6 +5109,7 @@ span.flatpickr-weekday {
     --form-field-label-paragraph-spacing: 0px;
     --form-field-label-paragraph-indent: 0px
 }
+
 [component-variant="form-field-error"] {
     --form-field-label-width: 100%;
     --form-field-label-row-gap: 4px;
@@ -4922,6 +5122,7 @@ span.flatpickr-weekday {
     --form-field-label-paragraph-spacing: 0px;
     --form-field-label-paragraph-indent: 0px
 }
+
 [component-variant="form-field-default"] {
     --form-field-message-height: 16px;
     --form-field-message-width: 100%;
@@ -4939,6 +5140,7 @@ span.flatpickr-weekday {
     --form-field-message-paragraph-spacing: 0px;
     --form-field-message-paragraph-indent: 0px
 }
+
 [component-variant="form-field-error"] {
     --form-field-message-height: 16px;
     --form-field-message-width: 100%;
@@ -4956,12 +5158,15 @@ span.flatpickr-weekday {
     --form-field-message-paragraph-spacing: 0px;
     --form-field-message-paragraph-indent: 0px
 }
+
 [component-variant="form-field-default"] {
     --form-field-message-icon-color: var(--icon-secondary)
 }
+
 [component-variant="form-field-error"] {
     --form-field-message-icon-color: var(--icon-destructive)
 }
+
 [component-variant^="input-"] {
     --input-opacity: 1;
     --input-height: auto;
@@ -5001,6 +5206,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: ;
     --input-paragraph-indent: 
 }
+
 [component-variant="input-text"] {
     --input-height: 32px;
     --input-width: 284px;
@@ -5028,6 +5234,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-text"]:hover:not(:disabled):not([disabled]) {
     --input-height: 32px;
     --input-width: 284px;
@@ -5055,6 +5262,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-text"][active]:not(:disabled):not([disabled]),
 [component-variant="input-text"]:active:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5083,6 +5291,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-text"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="input-text"]:focus:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5111,6 +5320,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-text"][invalid]:not(:disabled):not([disabled]),
 [component-variant="input-text"]:invalid:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5139,6 +5349,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-text"][disabled],
 [component-variant="input-text"]:disabled {
     --input-height: 32px;
@@ -5167,6 +5378,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-email"] {
     --input-height: 32px;
     --input-width: 284px;
@@ -5194,6 +5406,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-email"]:hover:not(:disabled):not([disabled]) {
     --input-height: 32px;
     --input-width: 284px;
@@ -5221,6 +5434,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-email"][active]:not(:disabled):not([disabled]),
 [component-variant="input-email"]:active:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5249,6 +5463,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-email"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="input-email"]:focus:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5277,6 +5492,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-email"][invalid]:not(:disabled):not([disabled]),
 [component-variant="input-email"]:invalid:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5305,6 +5521,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-email"][disabled],
 [component-variant="input-email"]:disabled {
     --input-height: 32px;
@@ -5333,6 +5550,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-number"] {
     --input-height: 32px;
     --input-width: 284px;
@@ -5360,6 +5578,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-number"]:hover:not(:disabled):not([disabled]) {
     --input-height: 32px;
     --input-width: 284px;
@@ -5387,6 +5606,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-number"][active]:not(:disabled):not([disabled]),
 [component-variant="input-number"]:active:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5415,6 +5635,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-number"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="input-number"]:focus:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5442,6 +5663,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-number"][invalid]:not(:disabled):not([disabled]),
 [component-variant="input-number"]:invalid:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5470,6 +5692,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-number"][disabled],
 [component-variant="input-number"]:disabled {
     --input-height: 32px;
@@ -5498,6 +5721,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-date"] {
     --input-height: 32px;
     --input-width: 284px;
@@ -5525,6 +5749,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-date"]:hover:not(:disabled):not([disabled]) {
     --input-height: 32px;
     --input-width: 284px;
@@ -5552,6 +5777,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-date"][active]:not(:disabled):not([disabled]),
 [component-variant="input-date"]:active:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5580,6 +5806,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-date"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="input-date"]:focus:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5607,6 +5834,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-date"][invalid]:not(:disabled):not([disabled]),
 [component-variant="input-date"]:invalid:not(:disabled):not([disabled]) {
     --input-height: 32px;
@@ -5635,6 +5863,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-date"][disabled],
 [component-variant="input-date"]:disabled {
     --input-height: 32px;
@@ -5663,6 +5892,7 @@ span.flatpickr-weekday {
     --input-paragraph-spacing: 0px;
     --input-paragraph-indent: 0px
 }
+
 [component-variant="input-text"] {
     --input-placeholder-font-family: var(--font-family-body);
     --input-placeholder-font-size: var(--font-size-body-small);
@@ -5672,6 +5902,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-text"]:hover:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
     --input-placeholder-font-size: var(--font-size-body-small);
@@ -5681,6 +5912,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-text"][active]:not(:disabled):not([disabled]),
 [component-variant="input-text"]:active:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5691,6 +5923,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-text"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="input-text"]:focus:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5701,6 +5934,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-text"][invalid]:not(:disabled):not([disabled]),
 [component-variant="input-text"]:invalid:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5711,6 +5945,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-text"][disabled],
 [component-variant="input-text"]:disabled {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5721,6 +5956,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-email"] {
     --input-placeholder-font-family: var(--font-family-body);
     --input-placeholder-font-size: var(--font-size-body-small);
@@ -5730,6 +5966,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-email"]:hover:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
     --input-placeholder-font-size: var(--font-size-body-small);
@@ -5739,6 +5976,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-email"][active]:not(:disabled):not([disabled]),
 [component-variant="input-email"]:active:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5749,6 +5987,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-email"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="input-email"]:focus:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5759,6 +5998,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-email"][invalid]:not(:disabled):not([disabled]),
 [component-variant="input-email"]:invalid:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5769,6 +6009,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-email"][disabled],
 [component-variant="input-email"]:disabled {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5779,6 +6020,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-number"] {
     --input-placeholder-font-family: var(--font-family-body);
     --input-placeholder-font-size: var(--font-size-body-small);
@@ -5788,6 +6030,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-number"]:hover:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
     --input-placeholder-font-size: var(--font-size-body-small);
@@ -5797,6 +6040,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-number"][active]:not(:disabled):not([disabled]),
 [component-variant="input-number"]:active:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5807,6 +6051,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-number"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="input-number"]:focus:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5816,6 +6061,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-number"][invalid]:not(:disabled):not([disabled]),
 [component-variant="input-number"]:invalid:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5826,6 +6072,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-number"][disabled],
 [component-variant="input-number"]:disabled {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5836,6 +6083,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-date"] {
     --input-placeholder-font-family: var(--font-family-body);
     --input-placeholder-font-size: var(--font-size-body-small);
@@ -5845,6 +6093,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-date"]:hover:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
     --input-placeholder-font-size: var(--font-size-body-small);
@@ -5854,6 +6103,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-date"][active]:not(:disabled):not([disabled]),
 [component-variant="input-date"]:active:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5864,6 +6114,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-date"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="input-date"]:focus:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5873,6 +6124,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-date"][invalid]:not(:disabled):not([disabled]),
 [component-variant="input-date"]:invalid:not(:disabled):not([disabled]) {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5883,6 +6135,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="input-date"][disabled],
 [component-variant="input-date"]:disabled {
     --input-placeholder-font-family: var(--font-family-body);
@@ -5893,6 +6146,7 @@ span.flatpickr-weekday {
     --input-placeholder-paragraph-spacing: 0px;
     --input-placeholder-paragraph-indent: 0px
 }
+
 [component-variant^="password-"] {
     --password-opacity: 1;
     --password-height: auto;
@@ -5932,6 +6186,7 @@ span.flatpickr-weekday {
     --password-paragraph-spacing: ;
     --password-paragraph-indent: 
 }
+
 [component-variant="password-default"] {
     --password-height: 32px;
     --password-width: 284px;
@@ -5959,6 +6214,7 @@ span.flatpickr-weekday {
     --password-paragraph-spacing: 0px;
     --password-paragraph-indent: 0px
 }
+
 [component-variant="password-default"]:hover:not(:disabled):not([disabled]) {
     --password-height: 32px;
     --password-width: 284px;
@@ -5986,6 +6242,7 @@ span.flatpickr-weekday {
     --password-paragraph-spacing: 0px;
     --password-paragraph-indent: 0px
 }
+
 [component-variant="password-default"][active]:not(:disabled):not([disabled]),
 [component-variant="password-default"]:active:not(:disabled):not([disabled]) {
     --password-height: 32px;
@@ -6014,6 +6271,7 @@ span.flatpickr-weekday {
     --password-paragraph-spacing: 0px;
     --password-paragraph-indent: 0px
 }
+
 [component-variant="password-default"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="password-default"]:focus:not(:disabled):not([disabled]) {
     --password-height: 32px;
@@ -6042,6 +6300,7 @@ span.flatpickr-weekday {
     --password-paragraph-spacing: 0px;
     --password-paragraph-indent: 0px
 }
+
 [component-variant="password-default"][invalid]:not(:disabled):not([disabled]),
 [component-variant="password-default"]:invalid:not(:disabled):not([disabled]) {
     --password-height: 32px;
@@ -6070,6 +6329,7 @@ span.flatpickr-weekday {
     --password-paragraph-spacing: 0px;
     --password-paragraph-indent: 0px
 }
+
 [component-variant="password-default"][disabled],
 [component-variant="password-default"]:disabled {
     --password-height: 32px;
@@ -6098,6 +6358,7 @@ span.flatpickr-weekday {
     --password-paragraph-spacing: 0px;
     --password-paragraph-indent: 0px
 }
+
 [component-variant="password-default"] {
     --password-placeholder-font-family: var(--font-family-body);
     --password-placeholder-font-size: var(--font-size-body-small);
@@ -6107,6 +6368,7 @@ span.flatpickr-weekday {
     --password-placeholder-paragraph-spacing: 0px;
     --password-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="password-default"]:hover:not(:disabled):not([disabled]) {
     --password-placeholder-font-family: var(--font-family-body);
     --password-placeholder-font-size: var(--font-size-body-small);
@@ -6116,6 +6378,7 @@ span.flatpickr-weekday {
     --password-placeholder-paragraph-spacing: 0px;
     --password-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="password-default"][active]:not(:disabled):not([disabled]),
 [component-variant="password-default"]:active:not(:disabled):not([disabled]) {
     --password-placeholder-font-family: var(--font-family-body);
@@ -6126,6 +6389,7 @@ span.flatpickr-weekday {
     --password-placeholder-paragraph-spacing: 0px;
     --password-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="password-default"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="password-default"]:focus:not(:disabled):not([disabled]) {
     --password-placeholder-font-family: var(--font-family-body);
@@ -6136,6 +6400,7 @@ span.flatpickr-weekday {
     --password-placeholder-paragraph-spacing: 0px;
     --password-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="password-default"][invalid]:not(:disabled):not([disabled]),
 [component-variant="password-default"]:invalid:not(:disabled):not([disabled]) {
     --password-placeholder-font-family: var(--font-family-body);
@@ -6146,6 +6411,7 @@ span.flatpickr-weekday {
     --password-placeholder-paragraph-spacing: 0px;
     --password-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="password-default"][disabled],
 [component-variant="password-default"]:disabled {
     --password-placeholder-font-family: var(--font-family-body);
@@ -6156,6 +6422,7 @@ span.flatpickr-weekday {
     --password-placeholder-paragraph-spacing: 0px;
     --password-placeholder-paragraph-indent: 0px
 }
+
 [component-variant^="button-"] {
     --button-opacity: 1;
     --button-height: auto;
@@ -6195,6 +6462,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: ;
     --button-paragraph-indent: 
 }
+
 [component-variant="button-default-medium-destructive-filled"] {
     --button-background-color: var(--interactive-surface-destructive-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6215,6 +6483,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-destructive-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -6241,6 +6510,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6261,6 +6531,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-destructive-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -6282,6 +6553,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-filled"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6301,6 +6573,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-filled"][disabled],
 [component-variant="button-default-medium-destructive-filled"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -6322,6 +6595,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-filled"] {
     --button-background-color: var(--interactive-surface-destructive-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6342,6 +6616,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-destructive-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -6368,6 +6643,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6388,6 +6664,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-destructive-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -6409,6 +6686,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-filled"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6428,6 +6706,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-filled"][disabled],
 [component-variant="button-inverse-medium-destructive-filled"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -6449,6 +6728,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-filled"] {
     --button-background-color: var(--interactive-surface-destructive-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6469,6 +6749,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-small-destructive-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -6495,6 +6776,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6515,6 +6797,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-small-destructive-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -6536,6 +6819,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-filled"][disabled],
 [component-variant="button-default-small-destructive-filled"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -6557,6 +6841,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-filled"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6576,6 +6861,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-filled"] {
     --button-background-color: var(--interactive-surface-destructive-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6596,6 +6882,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-destructive-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -6622,6 +6909,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6642,6 +6930,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-destructive-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -6663,6 +6952,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-filled"][disabled],
 [component-variant="button-inverse-small-destructive-filled"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -6684,6 +6974,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-filled"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6703,6 +6994,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-filled"] {
     --button-background-color: var(--interactive-surface-secondary-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6728,6 +7020,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
@@ -6754,6 +7047,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6774,6 +7068,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-secondary-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -6795,6 +7090,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-filled"][disabled],
 [component-variant="button-default-medium-secondary-filled"]:disabled {
     --button-background-color: var(--interactive-surface-secondary-disabled);
@@ -6816,6 +7112,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-filled"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6835,6 +7132,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-filled"] {
     --button-background-color: var(--interactive-surface-secondary-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6860,6 +7158,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
@@ -6886,6 +7185,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6906,6 +7206,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-secondary-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -6927,6 +7228,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-filled"][disabled],
 [component-variant="button-inverse-medium-secondary-filled"]:disabled {
     --button-background-color: var(--interactive-surface-secondary-disabled);
@@ -6948,6 +7250,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-filled"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6967,6 +7270,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-filled"] {
     --button-background-color: var(--interactive-surface-secondary-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -6992,6 +7296,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
@@ -7018,6 +7323,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7038,6 +7344,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-small-secondary-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -7059,6 +7366,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-filled"][disabled],
 [component-variant="button-default-small-secondary-filled"]:disabled {
     --button-background-color: var(--interactive-surface-secondary-disabled);
@@ -7080,6 +7388,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-filled"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7099,6 +7408,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-filled"] {
     --button-background-color: var(--interactive-surface-secondary-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7124,6 +7434,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-secondary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
@@ -7150,6 +7461,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7170,6 +7482,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-secondary-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -7191,6 +7504,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-filled"][disabled],
 [component-variant="button-inverse-small-secondary-filled"]:disabled {
     --button-background-color: var(--interactive-surface-secondary-disabled);
@@ -7212,6 +7526,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-filled"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7231,6 +7546,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -7255,6 +7571,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
@@ -7281,6 +7598,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7301,6 +7619,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-secondary-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -7322,6 +7641,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-outlined"][disabled],
 [component-variant="button-default-medium-secondary-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-secondary-disabled);
@@ -7343,6 +7663,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-outlined"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7362,6 +7683,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -7386,6 +7708,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
@@ -7412,6 +7735,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7432,6 +7756,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-secondary-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -7453,6 +7778,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-outlined"][disabled],
 [component-variant="button-inverse-medium-secondary-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-secondary-disabled);
@@ -7474,6 +7800,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-outlined"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7493,6 +7820,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -7517,6 +7845,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
@@ -7543,6 +7872,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7563,6 +7893,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-small-secondary-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -7584,6 +7915,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-outlined"][disabled],
 [component-variant="button-default-small-secondary-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-secondary-disabled);
@@ -7605,6 +7937,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-outlined"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7624,6 +7957,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -7648,6 +7982,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-secondary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
@@ -7674,6 +8009,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7694,6 +8030,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-secondary-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -7715,6 +8052,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-outlined"][disabled],
 [component-variant="button-inverse-small-secondary-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-secondary-disabled);
@@ -7736,6 +8074,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-outlined"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7755,6 +8094,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-ghost"] {
     --button-background-color: var(--interactive-surface-ghost-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7775,6 +8115,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-pressed);
@@ -7801,6 +8142,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7821,6 +8163,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-secondary-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-pressed);
@@ -7842,6 +8185,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-ghost"][disabled],
 [component-variant="button-default-medium-secondary-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-ghost-disabled);
@@ -7863,6 +8207,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-secondary-ghost"][loading] {
     --button-background-color: var(--interactive-surface-ghost-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7882,6 +8227,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-ghost"] {
     --button-background-color: var(--interactive-surface-ghost-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7902,6 +8248,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-pressed);
@@ -7928,6 +8275,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -7948,6 +8296,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-secondary-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-pressed);
@@ -7969,6 +8318,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-ghost"][disabled],
 [component-variant="button-inverse-medium-secondary-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-ghost-disabled);
@@ -7990,6 +8340,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-secondary-ghost"][loading] {
     --button-background-color: var(--interactive-surface-ghost-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8009,6 +8360,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-ghost"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -8028,6 +8380,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -8054,6 +8407,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8074,6 +8428,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-primary-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -8095,6 +8450,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-ghost"][disabled],
 [component-variant="button-default-medium-primary-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -8116,6 +8472,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-ghost"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8135,6 +8492,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-ghost"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -8154,6 +8512,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -8180,6 +8539,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8200,6 +8560,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-primary-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -8221,6 +8582,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-ghost"][disabled],
 [component-variant="button-inverse-medium-primary-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -8242,6 +8604,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-ghost"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8261,6 +8624,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-ghost"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -8280,6 +8644,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-small-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -8306,6 +8671,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8326,6 +8692,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-small-destructive-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -8347,6 +8714,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-ghost"][disabled],
 [component-variant="button-default-small-destructive-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -8368,6 +8736,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-ghost"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8387,6 +8756,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-ghost"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -8406,6 +8776,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -8432,6 +8803,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8452,6 +8824,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-destructive-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -8473,6 +8846,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-ghost"][disabled],
 [component-variant="button-inverse-small-destructive-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -8494,6 +8868,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-ghost"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8513,6 +8888,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-ghost"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -8532,6 +8908,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -8558,6 +8935,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8578,6 +8956,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-destructive-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -8599,6 +8978,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-ghost"][disabled],
 [component-variant="button-default-medium-destructive-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -8620,6 +9000,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-ghost"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8639,6 +9020,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-ghost"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -8658,6 +9040,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-destructive-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -8684,6 +9067,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8704,6 +9088,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-destructive-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -8725,6 +9110,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-ghost"][disabled],
 [component-variant="button-inverse-medium-destructive-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -8746,6 +9132,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-ghost"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8765,6 +9152,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-ghost"] {
     --button-background-color: var(--interactive-surface-ghost-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8785,6 +9173,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-pressed);
@@ -8811,6 +9200,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8831,6 +9221,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-small-secondary-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-pressed);
@@ -8852,6 +9243,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-ghost"][disabled],
 [component-variant="button-default-small-secondary-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-ghost-disabled);
@@ -8873,6 +9265,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-secondary-ghost"][loading] {
     --button-background-color: var(--interactive-surface-ghost-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8892,6 +9285,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-ghost"] {
     --button-background-color: var(--interactive-surface-ghost-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8912,6 +9306,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-secondary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-pressed);
@@ -8938,6 +9333,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -8958,6 +9354,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-secondary-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-ghost-pressed);
@@ -8979,6 +9376,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-ghost"][disabled],
 [component-variant="button-inverse-small-secondary-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-ghost-disabled);
@@ -9000,6 +9398,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-secondary-ghost"][loading] {
     --button-background-color: var(--interactive-surface-ghost-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9019,6 +9418,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-ghost"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -9038,6 +9438,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -9064,6 +9465,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9084,6 +9486,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-small-primary-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -9105,6 +9508,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-ghost"][disabled],
 [component-variant="button-default-small-primary-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -9126,6 +9530,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-ghost"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9145,6 +9550,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-ghost"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -9164,6 +9570,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-ghost"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-primary-ghost"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -9190,6 +9597,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-ghost"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9210,6 +9618,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-ghost"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-primary-ghost"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-secondary-pressed);
@@ -9231,6 +9640,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-ghost"][disabled],
 [component-variant="button-inverse-small-primary-ghost"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -9252,6 +9662,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-ghost"][loading] {
     --button-background-color: var(--interactive-surface-secondary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9271,6 +9682,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -9295,6 +9707,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
@@ -9321,6 +9734,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9341,6 +9755,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-primary-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-pressed);
@@ -9362,6 +9777,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-outlined"][disabled],
 [component-variant="button-default-medium-primary-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -9383,6 +9799,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-outlined"][loading] {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9402,6 +9819,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -9426,6 +9844,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
@@ -9452,6 +9871,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9472,6 +9892,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-primary-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-pressed);
@@ -9493,6 +9914,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-outlined"][disabled],
 [component-variant="button-inverse-medium-primary-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -9514,6 +9936,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-outlined"][loading] {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9533,6 +9956,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -9557,6 +9981,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-pressed);
@@ -9583,6 +10008,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9603,6 +10029,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-small-primary-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-pressed);
@@ -9624,6 +10051,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-outlined"][disabled],
 [component-variant="button-default-small-primary-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -9645,6 +10073,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-outlined"][loading] {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9664,6 +10093,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -9688,6 +10118,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-primary-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-pressed);
@@ -9714,6 +10145,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9734,6 +10166,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-primary-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-pressed);
@@ -9755,6 +10188,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-outlined"][disabled],
 [component-variant="button-inverse-small-primary-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -9776,6 +10210,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-outlined"][loading] {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9795,6 +10230,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-outlined"][disabled],
 [component-variant="button-default-medium-destructive-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -9816,6 +10252,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-outlined"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9835,6 +10272,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -9859,6 +10297,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9879,6 +10318,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-destructive-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -9900,6 +10340,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-destructive-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -9926,6 +10367,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-outlined"][disabled],
 [component-variant="button-inverse-medium-destructive-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -9947,6 +10389,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-outlined"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -9966,6 +10409,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -9990,6 +10434,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10010,6 +10455,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-destructive-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -10031,6 +10477,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-destructive-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -10057,6 +10504,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-outlined"][disabled],
 [component-variant="button-default-small-destructive-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -10078,6 +10526,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-outlined"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10097,6 +10546,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -10121,6 +10571,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10141,6 +10592,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-small-destructive-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -10162,6 +10614,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-destructive-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-small-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -10188,6 +10641,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-outlined"][disabled],
 [component-variant="button-inverse-small-destructive-outlined"]:disabled {
     --button-background-color: var(--interactive-surface-destructive-disabled);
@@ -10209,6 +10663,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-outlined"][loading] {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10228,6 +10683,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-outlined"] {
     --button-border-top-left-radius: var(--corner-radius-extra-small);
     --button-border-top-right-radius: var(--corner-radius-extra-small);
@@ -10252,6 +10708,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-outlined"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10272,6 +10729,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-outlined"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-destructive-outlined"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-pressed);
@@ -10293,6 +10751,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-destructive-outlined"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-destructive-outlined"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-destructive-hover);
@@ -10319,6 +10778,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-filled"] {
     --button-background-color: var(--interactive-surface-primary-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10339,6 +10799,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
@@ -10365,6 +10826,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10385,6 +10847,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-medium-primary-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-pressed);
@@ -10406,6 +10869,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-filled"][disabled],
 [component-variant="button-default-medium-primary-filled"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -10427,6 +10891,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-medium-primary-filled"][loading] {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10446,6 +10911,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-filled"] {
     --button-background-color: var(--interactive-surface-primary-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10466,6 +10932,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
@@ -10492,6 +10959,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10512,6 +10980,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-medium-primary-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-pressed);
@@ -10533,6 +11002,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-filled"][disabled],
 [component-variant="button-inverse-medium-primary-filled"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -10554,6 +11024,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-medium-primary-filled"][loading] {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10573,6 +11044,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-filled"] {
     --button-background-color: var(--interactive-surface-primary-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10593,6 +11065,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-default-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
@@ -10619,6 +11092,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10639,6 +11113,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-default-small-primary-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-pressed);
@@ -10660,6 +11135,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-filled"][disabled],
 [component-variant="button-default-small-primary-filled"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -10681,6 +11157,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-default-small-primary-filled"][loading] {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10700,6 +11177,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-filled"] {
     --button-background-color: var(--interactive-surface-primary-default);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10720,6 +11198,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-filled"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-primary-filled"]:focus-visible:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
@@ -10746,6 +11225,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-filled"]:hover:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10766,6 +11246,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-filled"][active]:not(:disabled):not([disabled]),
 [component-variant="button-inverse-small-primary-filled"]:active:not(:disabled):not([disabled]) {
     --button-background-color: var(--interactive-surface-primary-pressed);
@@ -10787,6 +11268,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-filled"][disabled],
 [component-variant="button-inverse-small-primary-filled"]:disabled {
     --button-background-color: var(--interactive-surface-primary-disabled-1);
@@ -10808,6 +11290,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant="button-inverse-small-primary-filled"][loading] {
     --button-background-color: var(--interactive-surface-primary-hover);
     --button-border-top-left-radius: var(--corner-radius-extra-small);
@@ -10827,6 +11310,7 @@ span.flatpickr-weekday {
     --button-paragraph-spacing: 0px;
     --button-paragraph-indent: 0px
 }
+
 [component-variant^="modal-"] {
     --modal-opacity: 1;
     --modal-height: auto;
@@ -10866,6 +11350,7 @@ span.flatpickr-weekday {
     --modal-paragraph-spacing: ;
     --modal-paragraph-indent: 
 }
+
 [component-variant="modal-small"] {
     --modal-width: 280px;
     --modal-background-color: var(--surface-background-2);
@@ -10881,6 +11366,7 @@ span.flatpickr-weekday {
     --modal-padding-bottom: var(--spacing-none);
     --modal-column-gap: var(--spacing-none)
 }
+
 [component-variant="modal-medium"] {
     --modal-width: 472px;
     --modal-background-color: var(--surface-background-2);
@@ -10896,6 +11382,7 @@ span.flatpickr-weekday {
     --modal-padding-bottom: var(--spacing-none);
     --modal-column-gap: var(--spacing-none)
 }
+
 [component-variant="modal-large"] {
     --modal-width: 720px;
     --modal-background-color: var(--surface-background-2);
@@ -10911,6 +11398,7 @@ span.flatpickr-weekday {
     --modal-padding-bottom: var(--spacing-none);
     --modal-column-gap: var(--spacing-none)
 }
+
 [component-variant^="popover-"] {
     --popover-opacity: 1;
     --popover-height: auto;
@@ -10950,6 +11438,7 @@ span.flatpickr-weekday {
     --popover-paragraph-spacing: ;
     --popover-paragraph-indent: 
 }
+
 [component-variant="popover-down"] {
     --popover-padding-left: var(--spacing-none);
     --popover-padding-right: var(--spacing-none);
@@ -10958,6 +11447,7 @@ span.flatpickr-weekday {
     --popover-row-gap: 4px;
     --popover-column-gap: var(--spacing-extra-small)
 }
+
 [component-variant="popover-up"] {
     --popover-padding-left: var(--spacing-none);
     --popover-padding-right: var(--spacing-none);
@@ -10966,6 +11456,7 @@ span.flatpickr-weekday {
     --popover-row-gap: 4px;
     --popover-column-gap: var(--spacing-extra-small)
 }
+
 [component-variant="popover-right"] {
     --popover-padding-left: var(--spacing-none);
     --popover-padding-right: var(--spacing-none);
@@ -10974,6 +11465,7 @@ span.flatpickr-weekday {
     --popover-row-gap: 4px;
     --popover-column-gap: var(--spacing-extra-small)
 }
+
 [component-variant="popover-left"] {
     --popover-padding-left: var(--spacing-none);
     --popover-padding-right: var(--spacing-none);
@@ -10982,6 +11474,7 @@ span.flatpickr-weekday {
     --popover-row-gap: 4px;
     --popover-column-gap: var(--spacing-extra-small)
 }
+
 [component-variant^="list-"] {
     --list-opacity: 1;
     --list-height: auto;
@@ -11021,16 +11514,19 @@ span.flatpickr-weekday {
     --list-paragraph-spacing: ;
     --list-paragraph-indent: 
 }
+
 [component-variant="list-vertical"] {
     --list-width: 135px;
     --list-row-gap: 4px;
     --list-column-gap: var(--spacing-extra-small)
 }
+
 [component-variant="list-horizontal"] {
     --list-width: 691px;
     --list-row-gap: 4px;
     --list-column-gap: var(--spacing-extra-small)
 }
+
 [component-variant^="list-item-"] {
     --list-item-opacity: 1;
     --list-item-height: auto;
@@ -11070,6 +11566,7 @@ span.flatpickr-weekday {
     --list-item-paragraph-spacing: ;
     --list-item-paragraph-indent: 
 }
+
 [component-variant="list-item-default"] {
     --list-item-width: 100%;
     --list-item-background-color: rgb(34, 36, 47);
@@ -11089,6 +11586,7 @@ span.flatpickr-weekday {
     --list-item-paragraph-spacing: 0px;
     --list-item-paragraph-indent: 0px
 }
+
 [component-variant="list-item-default"]:hover:not(:disabled):not([disabled]) {
     --list-item-width: 100%;
     --list-item-background-color: rgb(56, 58, 68);
@@ -11108,6 +11606,7 @@ span.flatpickr-weekday {
     --list-item-paragraph-spacing: 0px;
     --list-item-paragraph-indent: 0px
 }
+
 [component-variant="list-item-default"][active]:not(:disabled):not([disabled]),
 [component-variant="list-item-default"]:active:not(:disabled):not([disabled]) {
     --list-item-width: 100%;
@@ -11128,6 +11627,7 @@ span.flatpickr-weekday {
     --list-item-paragraph-spacing: 0px;
     --list-item-paragraph-indent: 0px
 }
+
 [component-variant="list-item-default"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="list-item-default"]:focus-visible:not(:disabled):not([disabled]) {
     --list-item-width: 100%;
@@ -11153,6 +11653,7 @@ span.flatpickr-weekday {
     --list-item-paragraph-spacing: 0px;
     --list-item-paragraph-indent: 0px
 }
+
 [component-variant="list-item-default"][disabled],
 [component-variant="list-item-default"]:disabled {
     --list-item-width: 100%;
@@ -11173,6 +11674,7 @@ span.flatpickr-weekday {
     --list-item-paragraph-spacing: 0px;
     --list-item-paragraph-indent: 0px
 }
+
 [component-variant="list-item-default"]:checked:not(:disabled):not([disabled]) {
     --list-item-width: 100%;
     --list-item-background-color: rgb(34, 36, 47);
@@ -11192,6 +11694,7 @@ span.flatpickr-weekday {
     --list-item-paragraph-spacing: 0px;
     --list-item-paragraph-indent: 0px
 }
+
 [component-variant^="select-"] {
     --select-opacity: 1;
     --select-height: auto;
@@ -11231,6 +11734,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: ;
     --select-paragraph-indent: 
 }
+
 [component-variant="select-single-select"] {
     --select-width: 100%;
     --select-row-gap: 2px;
@@ -11241,6 +11745,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"]:hover:not(:disabled):not([disabled]) {
     --select-width: 100%;
     --select-row-gap: 2px;
@@ -11251,6 +11756,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"][active]:not(:disabled):not([disabled]),
 [component-variant="select-single-select"]:active:not(:disabled):not([disabled]) {
     --select-width: 100%;
@@ -11262,6 +11768,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-single-select"]:focus:not(:disabled):not([disabled]) {
     --select-width: 100%;
@@ -11273,6 +11780,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-single-select"]:focus-visible:not(:disabled):not([disabled]) {
     --select-width: 100%;
@@ -11284,6 +11792,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"][disabled],
 [component-variant="select-single-select"]:disabled {
     --select-width: 100%;
@@ -11295,6 +11804,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"] {
     --select-width: 100%;
     --select-row-gap: 2px;
@@ -11305,6 +11815,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"]:hover:not(:disabled):not([disabled]) {
     --select-width: 100%;
     --select-row-gap: 2px;
@@ -11315,6 +11826,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"][active]:not(:disabled):not([disabled]),
 [component-variant="select-multi-select"]:active:not(:disabled):not([disabled]) {
     --select-width: 100%;
@@ -11326,6 +11838,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-multi-select"]:focus:not(:disabled):not([disabled]) {
     --select-width: 100%;
@@ -11337,6 +11850,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-multi-select"]:focus-visible:not(:disabled):not([disabled]) {
     --select-width: 100%;
@@ -11348,6 +11862,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"][disabled],
 [component-variant="select-multi-select"]:disabled {
     --select-width: 100%;
@@ -11359,6 +11874,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-default"] {
     --select-column-gap: undefinedpx;
     --select-font-family: sans-sarif;
@@ -11367,6 +11883,7 @@ span.flatpickr-weekday {
     --select-paragraph-spacing: 0px;
     --select-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"] {
     --select-trigger-height: 32px;
     --select-trigger-width: 100%;
@@ -11394,6 +11911,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"]:hover:not(:disabled):not([disabled]) {
     --select-trigger-height: 32px;
     --select-trigger-width: 100%;
@@ -11421,6 +11939,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"][active]:not(:disabled):not([disabled]),
 [component-variant="select-single-select"]:active:not(:disabled):not([disabled]) {
     --select-trigger-height: 32px;
@@ -11449,6 +11968,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-single-select"]:focus:not(:disabled):not([disabled]) {
     --select-trigger-height: 32px;
@@ -11477,6 +11997,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-single-select"]:focus-visible:not(:disabled):not([disabled]) {
     --select-trigger-height: 32px;
@@ -11505,6 +12026,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"][disabled],
 [component-variant="select-single-select"]:disabled {
     --select-trigger-height: 32px;
@@ -11533,6 +12055,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"] {
     --select-trigger-height: 32px;
     --select-trigger-width: 100%;
@@ -11560,6 +12083,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"]:hover:not(:disabled):not([disabled]) {
     --select-trigger-height: 32px;
     --select-trigger-width: 100%;
@@ -11587,6 +12111,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"][active]:not(:disabled):not([disabled]),
 [component-variant="select-multi-select"]:active:not(:disabled):not([disabled]) {
     --select-trigger-height: 32px;
@@ -11615,6 +12140,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-multi-select"]:focus:not(:disabled):not([disabled]) {
     --select-trigger-height: 32px;
@@ -11643,6 +12169,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-multi-select"]:focus-visible:not(:disabled):not([disabled]) {
     --select-trigger-height: 32px;
@@ -11671,6 +12198,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"][disabled],
 [component-variant="select-multi-select"]:disabled {
     --select-trigger-height: 32px;
@@ -11699,6 +12227,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-default"] {
     --select-trigger-column-gap: undefinedpx;
     --select-trigger-font-family: sans-sarif;
@@ -11707,6 +12236,7 @@ span.flatpickr-weekday {
     --select-trigger-paragraph-spacing: 0px;
     --select-trigger-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"] {
     --select-options-width: 100%;
     --select-options-background-color: var(--surface-background-4);
@@ -11731,6 +12261,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"]:hover:not(:disabled):not([disabled]) {
     --select-options-width: 100%;
     --select-options-background-color: var(--surface-background-4);
@@ -11755,6 +12286,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"][active]:not(:disabled):not([disabled]),
 [component-variant="select-single-select"]:active:not(:disabled):not([disabled]) {
     --select-options-width: 100%;
@@ -11780,6 +12312,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-single-select"]:focus:not(:disabled):not([disabled]) {
     --select-options-width: 100%;
@@ -11805,6 +12338,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-single-select"]:focus-visible:not(:disabled):not([disabled]) {
     --select-options-width: 100%;
@@ -11830,6 +12364,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-single-select"][disabled],
 [component-variant="select-single-select"]:disabled {
     --select-options-width: 100%;
@@ -11841,6 +12376,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"] {
     --select-options-width: 100%;
     --select-options-background-color: var(--surface-background-4);
@@ -11865,6 +12401,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"]:hover:not(:disabled):not([disabled]) {
     --select-options-width: 100%;
     --select-options-background-color: var(--surface-background-4);
@@ -11889,6 +12426,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"][active]:not(:disabled):not([disabled]),
 [component-variant="select-multi-select"]:active:not(:disabled):not([disabled]) {
     --select-options-width: 100%;
@@ -11914,6 +12452,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-multi-select"]:focus:not(:disabled):not([disabled]) {
     --select-options-width: 100%;
@@ -11939,6 +12478,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-multi-select"]:focus-visible:not(:disabled):not([disabled]) {
     --select-options-width: 100%;
@@ -11964,6 +12504,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-multi-select"][disabled],
 [component-variant="select-multi-select"]:disabled {
     --select-options-width: 100%;
@@ -11975,6 +12516,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant="select-default"] {
     --select-options-column-gap: undefinedpx;
     --select-options-font-family: sans-sarif;
@@ -11983,6 +12525,7 @@ span.flatpickr-weekday {
     --select-options-paragraph-spacing: 0px;
     --select-options-paragraph-indent: 0px
 }
+
 [component-variant^="select-list-item-"] {
     --select-list-item-opacity: 1;
     --select-list-item-height: auto;
@@ -12022,6 +12565,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: ;
     --select-list-item-paragraph-indent: 
 }
+
 [component-variant="select-list-item-unselected"] {
     --select-list-item-width: 100%;
     --select-list-item-background-color: var(--interactive-surface-secondary-default);
@@ -12043,6 +12587,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-unselected"]:hover:not(:disabled):not([disabled]) {
     --select-list-item-width: 100%;
     --select-list-item-background-color: var(--interactive-surface-secondary-hover);
@@ -12064,6 +12609,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-unselected"][active]:not(:disabled):not([disabled]),
 [component-variant="select-list-item-unselected"]:active:not(:disabled):not([disabled]) {
     --select-list-item-width: 100%;
@@ -12086,6 +12632,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-unselected"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-list-item-unselected"]:focus-visible:not(:disabled):not([disabled]) {
     --select-list-item-width: 100%;
@@ -12113,6 +12660,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-unselected"][disabled],
 [component-variant="select-list-item-unselected"]:disabled {
     --select-list-item-width: 100%;
@@ -12135,6 +12683,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-selected"] {
     --select-list-item-width: 100%;
     --select-list-item-background-color: var(--interactive-surface-secondary-default);
@@ -12156,6 +12705,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-selected"]:hover:not(:disabled):not([disabled]) {
     --select-list-item-width: 100%;
     --select-list-item-background-color: var(--interactive-surface-secondary-hover);
@@ -12177,6 +12727,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-selected"][active]:not(:disabled):not([disabled]),
 [component-variant="select-list-item-selected"]:active:not(:disabled):not([disabled]) {
     --select-list-item-width: 100%;
@@ -12199,6 +12750,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-selected"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-list-item-selected"]:focus-visible:not(:disabled):not([disabled]) {
     --select-list-item-width: 100%;
@@ -12226,6 +12778,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-selected"][disabled],
 [component-variant="select-list-item-selected"]:disabled {
     --select-list-item-width: 100%;
@@ -12248,6 +12801,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-default"] {
     --select-list-item-width: 100%;
     --select-list-item-background-color: rgb(34, 36, 47);
@@ -12268,6 +12822,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-default"]:hover:not(:disabled):not([disabled]) {
     --select-list-item-width: 100%;
     --select-list-item-background-color: rgb(56, 58, 68);
@@ -12288,6 +12843,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-default"][active]:not(:disabled):not([disabled]),
 [component-variant="select-list-item-default"]:active:not(:disabled):not([disabled]) {
     --select-list-item-width: 100%;
@@ -12309,6 +12865,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-default"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="select-list-item-default"]:focus-visible:not(:disabled):not([disabled]) {
     --select-list-item-width: 100%;
@@ -12335,6 +12892,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-default"][disabled],
 [component-variant="select-list-item-default"]:disabled {
     --select-list-item-width: 100%;
@@ -12356,6 +12914,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant="select-list-item-default"]:checked:not(:disabled):not([disabled]) {
     --select-list-item-width: 100%;
     --select-list-item-background-color: rgb(34, 36, 47);
@@ -12376,6 +12935,7 @@ span.flatpickr-weekday {
     --select-list-item-paragraph-spacing: 0px;
     --select-list-item-paragraph-indent: 0px
 }
+
 [component-variant^="text-area-"] {
     --text-area-opacity: 1;
     --text-area-height: auto;
@@ -12415,6 +12975,7 @@ span.flatpickr-weekday {
     --text-area-paragraph-spacing: ;
     --text-area-paragraph-indent: 
 }
+
 [component-variant="text-area-default"] {
     --text-area-height: 64px;
     --text-area-width: 284px;
@@ -12442,6 +13003,7 @@ span.flatpickr-weekday {
     --text-area-paragraph-spacing: 0px;
     --text-area-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"]:hover:not(:disabled):not([disabled]) {
     --text-area-height: 64px;
     --text-area-width: 284px;
@@ -12469,6 +13031,7 @@ span.flatpickr-weekday {
     --text-area-paragraph-spacing: 0px;
     --text-area-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"][active]:not(:disabled):not([disabled]),
 [component-variant="text-area-default"]:active:not(:disabled):not([disabled]) {
     --text-area-height: 64px;
@@ -12497,6 +13060,7 @@ span.flatpickr-weekday {
     --text-area-paragraph-spacing: 0px;
     --text-area-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="text-area-default"]:focus:not(:disabled):not([disabled]) {
     --text-area-height: 64px;
@@ -12525,6 +13089,7 @@ span.flatpickr-weekday {
     --text-area-paragraph-spacing: 0px;
     --text-area-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"][invalid]:not(:disabled):not([disabled]),
 [component-variant="text-area-default"]:invalid:not(:disabled):not([disabled]) {
     --text-area-height: 64px;
@@ -12553,6 +13118,7 @@ span.flatpickr-weekday {
     --text-area-paragraph-spacing: 0px;
     --text-area-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"][disabled],
 [component-variant="text-area-default"]:disabled {
     --text-area-height: 64px;
@@ -12581,6 +13147,7 @@ span.flatpickr-weekday {
     --text-area-paragraph-spacing: 0px;
     --text-area-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"] {
     --text-area-placeholder-font-family: var(--font-family-body);
     --text-area-placeholder-font-size: var(--font-size-body-small);
@@ -12590,6 +13157,7 @@ span.flatpickr-weekday {
     --text-area-placeholder-paragraph-spacing: 0px;
     --text-area-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"]:hover:not(:disabled):not([disabled]) {
     --text-area-placeholder-font-family: var(--font-family-body);
     --text-area-placeholder-font-size: var(--font-size-body-small);
@@ -12599,6 +13167,7 @@ span.flatpickr-weekday {
     --text-area-placeholder-paragraph-spacing: 0px;
     --text-area-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"][active]:not(:disabled):not([disabled]),
 [component-variant="text-area-default"]:active:not(:disabled):not([disabled]) {
     --text-area-placeholder-font-family: var(--font-family-body);
@@ -12609,6 +13178,7 @@ span.flatpickr-weekday {
     --text-area-placeholder-paragraph-spacing: 0px;
     --text-area-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="text-area-default"]:focus:not(:disabled):not([disabled]) {
     --text-area-placeholder-font-family: var(--font-family-body);
@@ -12619,6 +13189,7 @@ span.flatpickr-weekday {
     --text-area-placeholder-paragraph-spacing: 0px;
     --text-area-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"][invalid]:not(:disabled):not([disabled]),
 [component-variant="text-area-default"]:invalid:not(:disabled):not([disabled]) {
     --text-area-placeholder-font-family: var(--font-family-body);
@@ -12629,6 +13200,7 @@ span.flatpickr-weekday {
     --text-area-placeholder-paragraph-spacing: 0px;
     --text-area-placeholder-paragraph-indent: 0px
 }
+
 [component-variant="text-area-default"][disabled],
 [component-variant="text-area-default"]:disabled {
     --text-area-placeholder-font-family: var(--font-family-body);
@@ -12639,6 +13211,7 @@ span.flatpickr-weekday {
     --text-area-placeholder-paragraph-spacing: 0px;
     --text-area-placeholder-paragraph-indent: 0px
 }
+
 [component-variant^="action-card-"] {
     --action-card-opacity: 1;
     --action-card-height: auto;
@@ -12678,6 +13251,7 @@ span.flatpickr-weekday {
     --action-card-paragraph-spacing: ;
     --action-card-paragraph-indent: 
 }
+
 [component-variant="action-card-default"] {
     --action-card-height: 172px;
     --action-card-width: 315.75px;
@@ -12698,6 +13272,7 @@ span.flatpickr-weekday {
     --action-card-row-gap: 8px;
     --action-card-column-gap: 8px
 }
+
 [component-variant="action-card-default"]:hover:not(:disabled):not([disabled]) {
     --action-card-height: 172px;
     --action-card-width: 315.75px;
@@ -12718,6 +13293,7 @@ span.flatpickr-weekday {
     --action-card-row-gap: 8px;
     --action-card-column-gap: 8px
 }
+
 [component-variant="action-card-default"][active]:not(:disabled):not([disabled]),
 [component-variant="action-card-default"]:active:not(:disabled):not([disabled]) {
     --action-card-height: 172px;
@@ -12739,6 +13315,7 @@ span.flatpickr-weekday {
     --action-card-row-gap: 8px;
     --action-card-column-gap: 8px
 }
+
 [component-variant="action-card-default"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="action-card-default"]:focus-visible:not(:disabled):not([disabled]) {
     --action-card-height: 172px;
@@ -12760,6 +13337,7 @@ span.flatpickr-weekday {
     --action-card-row-gap: 8px;
     --action-card-column-gap: 8px
 }
+
 [component-variant="action-card-default"][disabled],
 [component-variant="action-card-default"]:disabled {
     --action-card-height: 172px;
@@ -12781,6 +13359,7 @@ span.flatpickr-weekday {
     --action-card-row-gap: 8px;
     --action-card-column-gap: 8px
 }
+
 [component-variant^="tab-item-"] {
     --tab-item-opacity: 1;
     --tab-item-height: auto;
@@ -12820,6 +13399,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: ;
     --tab-item-paragraph-indent: 
 }
+
 [component-variant="tab-item-unselected"] {
     --tab-item-height: 39px;
     --tab-item-width: 153px;
@@ -12842,6 +13422,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-unselected"]:hover:not(:disabled):not([disabled]) {
     --tab-item-height: 39px;
     --tab-item-width: 153px;
@@ -12864,6 +13445,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-unselected"][active]:not(:disabled):not([disabled]),
 [component-variant="tab-item-unselected"]:active:not(:disabled):not([disabled]) {
     --tab-item-height: 39px;
@@ -12887,6 +13469,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-unselected"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="tab-item-unselected"]:focus-visible:not(:disabled):not([disabled]) {
     --tab-item-height: 39px;
@@ -12913,6 +13496,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-selected"] {
     --tab-item-height: 39px;
     --tab-item-width: 153px;
@@ -12937,6 +13521,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-selected"]:hover:not(:disabled):not([disabled]) {
     --tab-item-height: 39px;
     --tab-item-width: 153px;
@@ -12961,6 +13546,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-selected"][active]:not(:disabled):not([disabled]),
 [component-variant="tab-item-selected"]:active:not(:disabled):not([disabled]) {
     --tab-item-height: 39px;
@@ -12986,6 +13572,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-selected"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="tab-item-selected"]:focus-visible:not(:disabled):not([disabled]) {
     --tab-item-height: 39px;
@@ -13012,6 +13599,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-filled-selected"] {
     --tab-item-background-color: var(--interactive-surface-secondary-hover);
     --tab-item-color: var(--icon-primary);
@@ -13032,6 +13620,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-filled-selected"]:hover:not(:disabled):not([disabled]) {
     --tab-item-background-color: var(--interactive-surface-secondary-hover);
     --tab-item-color: var(--icon-primary);
@@ -13052,6 +13641,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-filled-selected"][active]:not(:disabled):not([disabled]),
 [component-variant="tab-item-filled-selected"]:active:not(:disabled):not([disabled]) {
     --tab-item-background-color: var(--interactive-surface-secondary-hover);
@@ -13073,6 +13663,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-filled-selected"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="tab-item-filled-selected"]:focus-visible:not(:disabled):not([disabled]) {
     --tab-item-background-color: var(--interactive-surface-secondary-hover);
@@ -13099,6 +13690,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-filled-unselected"] {
     --tab-item-background-color: var(--colours-grey-900);
     --tab-item-color: var(--icon-primary);
@@ -13119,6 +13711,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-filled-unselected"]:hover:not(:disabled):not([disabled]) {
     --tab-item-background-color: var(--colours-grey-700);
     --tab-item-color: var(--icon-primary);
@@ -13139,6 +13732,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-filled-unselected"][active]:not(:disabled):not([disabled]),
 [component-variant="tab-item-filled-unselected"]:active:not(:disabled):not([disabled]) {
     --tab-item-background-color: var(--colours-grey-700);
@@ -13160,6 +13754,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-filled-unselected"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="tab-item-filled-unselected"]:focus-visible:not(:disabled):not([disabled]) {
     --tab-item-background-color: var(--colours-grey-700);
@@ -13186,6 +13781,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-underlined-selected"] {
     --tab-item-height: 34px;
     --tab-item-color: var(--icon-primary);
@@ -13200,6 +13796,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-underlined-selected"]:hover:not(:disabled):not([disabled]) {
     --tab-item-height: 34px;
     --tab-item-color: var(--icon-primary);
@@ -13214,6 +13811,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-underlined-selected"][active]:not(:disabled):not([disabled]),
 [component-variant="tab-item-underlined-selected"]:active:not(:disabled):not([disabled]) {
     --tab-item-height: 34px;
@@ -13229,6 +13827,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-underlined-selected"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="tab-item-underlined-selected"]:focus-visible:not(:disabled):not([disabled]) {
     --tab-item-height: 34px;
@@ -13247,6 +13846,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-underlined-unselected"] {
     --tab-item-height: 34px;
     --tab-item-color: var(--icon-primary);
@@ -13259,6 +13859,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-underlined-unselected"]:hover:not(:disabled):not([disabled]) {
     --tab-item-height: 34px;
     --tab-item-color: var(--icon-primary);
@@ -13271,6 +13872,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-underlined-unselected"][active]:not(:disabled):not([disabled]),
 [component-variant="tab-item-underlined-unselected"]:active:not(:disabled):not([disabled]) {
     --tab-item-height: 34px;
@@ -13284,6 +13886,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant="tab-item-underlined-unselected"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="tab-item-underlined-unselected"]:focus-visible:not(:disabled):not([disabled]) {
     --tab-item-height: 34px;
@@ -13302,6 +13905,7 @@ span.flatpickr-weekday {
     --tab-item-paragraph-spacing: 0px;
     --tab-item-paragraph-indent: 0px
 }
+
 [component-variant^="button-group-"] {
     --button-group-opacity: 1;
     --button-group-height: auto;
@@ -13341,6 +13945,7 @@ span.flatpickr-weekday {
     --button-group-paragraph-spacing: ;
     --button-group-paragraph-indent: 
 }
+
 [component-variant="button-group-horizontal-outlined"] {
     --button-group-background-color: rgb(56, 58, 68);
     --button-group-border-top-left-radius: var(--corner-radius-extra-small);
@@ -13356,6 +13961,7 @@ span.flatpickr-weekday {
     --button-group-row-gap: 1px;
     --button-group-column-gap: 1px
 }
+
 [component-variant="button-group-horizontal-ghost"] {
     --button-group-border-top-left-radius: var(--corner-radius-extra-small);
     --button-group-border-top-right-radius: var(--corner-radius-extra-small);
@@ -13368,6 +13974,7 @@ span.flatpickr-weekday {
     --button-group-row-gap: 1px;
     --button-group-column-gap: 1px
 }
+
 [component-variant="button-group-vertical-outlined"] {
     --button-group-background-color: rgb(56, 58, 68);
     --button-group-border-top-left-radius: var(--corner-radius-extra-small);
@@ -13383,6 +13990,7 @@ span.flatpickr-weekday {
     --button-group-row-gap: 1px;
     --button-group-column-gap: 1px
 }
+
 [component-variant="button-group-vertical-ghost"] {
     --button-group-border-top-left-radius: var(--corner-radius-extra-small);
     --button-group-border-top-right-radius: var(--corner-radius-extra-small);
@@ -13395,6 +14003,7 @@ span.flatpickr-weekday {
     --button-group-row-gap: 1px;
     --button-group-column-gap: 1px
 }
+
 [component-variant="button-group-default"] {
     --button-group-background-color: rgb(56, 58, 68);
     --button-group-border-top-left-radius: var(--corner-radius-extra-small);
@@ -13410,6 +14019,7 @@ span.flatpickr-weekday {
     --button-group-padding-top: var(--spacing-none);
     --button-group-padding-bottom: var(--spacing-none)
 }
+
 [component-variant^="tabs-"] {
     --tabs-opacity: 1;
     --tabs-height: auto;
@@ -13449,6 +14059,7 @@ span.flatpickr-weekday {
     --tabs-paragraph-spacing: ;
     --tabs-paragraph-indent: 
 }
+
 [component-variant="tabs-filled-horizontal"] {
     --tabs-padding-left: var(--spacing-none);
     --tabs-padding-right: var(--spacing-none);
@@ -13461,6 +14072,7 @@ span.flatpickr-weekday {
     --tabs-paragraph-spacing: 0px;
     --tabs-paragraph-indent: 0px
 }
+
 [component-variant="tabs-underlined-horizontal"] {
     --tabs-padding-left: var(--spacing-none);
     --tabs-padding-right: var(--spacing-none);
@@ -13473,6 +14085,7 @@ span.flatpickr-weekday {
     --tabs-paragraph-spacing: 0px;
     --tabs-paragraph-indent: 0px
 }
+
 [component-variant="tabs-underlined-vertical"] {
     --tabs-width: 346px;
     --tabs-padding-left: var(--spacing-none);
@@ -13486,6 +14099,7 @@ span.flatpickr-weekday {
     --tabs-paragraph-spacing: 0px;
     --tabs-paragraph-indent: 0px
 }
+
 [component-variant="tabs-filled-vertical"] {
     --tabs-width: 435px;
     --tabs-padding-left: var(--spacing-none);
@@ -13499,6 +14113,7 @@ span.flatpickr-weekday {
     --tabs-paragraph-spacing: 0px;
     --tabs-paragraph-indent: 0px
 }
+
 [component-variant="tabs-filled-horizontal"] {
     --tabs-header-width: 100%;
     --tabs-header-background-color: var(--surface-background-1);
@@ -13522,6 +14137,7 @@ span.flatpickr-weekday {
     --tabs-header-paragraph-spacing: 0px;
     --tabs-header-paragraph-indent: 0px
 }
+
 [component-variant="tabs-underlined-horizontal"] {
     --tabs-header-width: 100%;
     --tabs-header-border-top-left-radius: 6px;
@@ -13539,6 +14155,7 @@ span.flatpickr-weekday {
     --tabs-header-paragraph-spacing: 0px;
     --tabs-header-paragraph-indent: 0px
 }
+
 [component-variant="tabs-underlined-vertical"] {
     --tabs-header-border-top-left-radius: 6px;
     --tabs-header-border-top-right-radius: 6px;
@@ -13555,6 +14172,7 @@ span.flatpickr-weekday {
     --tabs-header-paragraph-spacing: 0px;
     --tabs-header-paragraph-indent: 0px
 }
+
 [component-variant="tabs-filled-vertical"] {
     --tabs-header-background-color: var(--surface-background-1);
     --tabs-header-border-top-left-radius: 6px;
@@ -13577,6 +14195,7 @@ span.flatpickr-weekday {
     --tabs-header-paragraph-spacing: 0px;
     --tabs-header-paragraph-indent: 0px
 }
+
 [component-variant^="form-"] {
     --form-opacity: 1;
     --form-height: auto;
@@ -13616,6 +14235,7 @@ span.flatpickr-weekday {
     --form-paragraph-spacing: ;
     --form-paragraph-indent: 
 }
+
 [component-variant="form-default"] {
     --form-padding-left: var(--spacing-none);
     --form-padding-right: var(--spacing-none);
@@ -13623,6 +14243,7 @@ span.flatpickr-weekday {
     --form-padding-bottom: var(--spacing-none);
     --form-column-gap: var(--spacing-none)
 }
+
 [component-variant^="date-picker-"] {
     --date-picker-opacity: 1;
     --date-picker-height: auto;
@@ -13662,6 +14283,7 @@ span.flatpickr-weekday {
     --date-picker-paragraph-spacing: ;
     --date-picker-paragraph-indent: 
 }
+
 [component-variant="date-picker-default"] {
     --date-picker-background-color: var(--surface-background-2);
     --date-picker-border-top-left-radius: var(--corner-radius-extra-small);
@@ -13685,6 +14307,7 @@ span.flatpickr-weekday {
     --date-picker-paragraph-spacing: 0px;
     --date-picker-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-default"] {
     --date-picker-months-width: 250px;
     --date-picker-months-padding-left: var(--spacing-none);
@@ -13697,6 +14320,7 @@ span.flatpickr-weekday {
     --date-picker-months-paragraph-spacing: 0px;
     --date-picker-months-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-default"] {
     --date-picker-months-button-background-color: var(--interactive-surface-ghost-default);
     --date-picker-months-button-color: var(--icon-primary);
@@ -13714,6 +14338,7 @@ span.flatpickr-weekday {
     --date-picker-months-button-paragraph-spacing: 0px;
     --date-picker-months-button-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-default"] {
     --date-picker-months-trigger-height: 100%;
     --date-picker-months-trigger-background-color: var(--interactive-surface-ghost-default);
@@ -13734,6 +14359,7 @@ span.flatpickr-weekday {
     --date-picker-months-trigger-paragraph-spacing: 0px;
     --date-picker-months-trigger-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-default"] {
     --date-picker-inner-container-font-family: sans-sarif;
     --date-picker-inner-container-font-size: initial;
@@ -13741,6 +14367,7 @@ span.flatpickr-weekday {
     --date-picker-inner-container-paragraph-spacing: 0px;
     --date-picker-inner-container-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-default"] {
     --date-picker-weekdays-container-width: 250px;
     --date-picker-weekdays-container-font-family: sans-sarif;
@@ -13749,6 +14376,7 @@ span.flatpickr-weekday {
     --date-picker-weekdays-container-paragraph-spacing: 0px;
     --date-picker-weekdays-container-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-default"] {
     --date-picker-weekday-width: 100%;
     --date-picker-weekday-color: var(--text-primary);
@@ -13763,6 +14391,7 @@ span.flatpickr-weekday {
     --date-picker-weekday-paragraph-spacing: 0px;
     --date-picker-weekday-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-default"] {
     --date-picker-days-container-width: 250px;
     --date-picker-days-container-padding-left: var(--spacing-none);
@@ -13775,6 +14404,7 @@ span.flatpickr-weekday {
     --date-picker-days-container-paragraph-spacing: 0px;
     --date-picker-days-container-paragraph-indent: 0px
 }
+
 [component-variant^="date-picker-day-"] {
     --date-picker-day-opacity: 1;
     --date-picker-day-height: auto;
@@ -13814,6 +14444,7 @@ span.flatpickr-weekday {
     --date-picker-day-paragraph-spacing: ;
     --date-picker-day-paragraph-indent: 
 }
+
 [component-variant="date-picker-day-default"] {
     --date-picker-day-height: 30px;
     --date-picker-day-width: 30px;
@@ -13834,6 +14465,7 @@ span.flatpickr-weekday {
     --date-picker-day-paragraph-spacing: 0px;
     --date-picker-day-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-day-default"]:hover:not(:disabled):not([disabled]) {
     --date-picker-day-height: 30px;
     --date-picker-day-width: 30px;
@@ -13855,6 +14487,7 @@ span.flatpickr-weekday {
     --date-picker-day-paragraph-spacing: 0px;
     --date-picker-day-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-day-default"]:focus-within:not(:disabled):not([disabled]),
 [component-variant="date-picker-day-default"]:focus-visible:not(:disabled):not([disabled]) {
     --date-picker-day-height: 30px;
@@ -13882,6 +14515,7 @@ span.flatpickr-weekday {
     --date-picker-day-paragraph-spacing: 0px;
     --date-picker-day-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-day-default"][active]:not(:disabled):not([disabled]),
 [component-variant="date-picker-day-default"]:active:not(:disabled):not([disabled]) {
     --date-picker-day-height: 30px;
@@ -13904,6 +14538,7 @@ span.flatpickr-weekday {
     --date-picker-day-paragraph-spacing: 0px;
     --date-picker-day-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-day-default"][disabled],
 [component-variant="date-picker-day-default"]:disabled {
     --date-picker-day-height: 30px;
@@ -13925,6 +14560,7 @@ span.flatpickr-weekday {
     --date-picker-day-paragraph-spacing: 0px;
     --date-picker-day-paragraph-indent: 0px
 }
+
 [component-variant="date-picker-day-default"]:blank:not(:disabled):not([disabled]) {
     --date-picker-day-height: 30px;
     --date-picker-day-width: 30px;
@@ -13943,6 +14579,7 @@ span.flatpickr-weekday {
     --date-picker-day-paragraph-spacing: 0px;
     --date-picker-day-paragraph-indent: 0px
 }
+
 [component-variant^="table-"] {
     --table-opacity: 1;
     --table-height: auto;
@@ -13982,11 +14619,14 @@ span.flatpickr-weekday {
     --table-paragraph-spacing: ;
     --table-paragraph-indent: 
 }
+
 [component-variant="table-default"] {
     --table-width: 100%;
     --table-column-gap: var(--spacing-none)
 }
+
 /* override the theme variables here */
+
 :root {
     /* Primitive [Colours and Numbers]] */
     --colours-grey-0: rgb(255, 255, 255);