@umami/react-zen 0.2.0 → 0.3.0

package/dist/styles.css

@@ -1,2 +1,1882 @@
-.zen-icon-icon-NGY5Z{fill:currentColor;display:inline-block}.zen-icon-xs-MzNlM{height:12px;width:12px}.zen-icon-sm-YTdjO{height:16px;width:16px}.zen-icon-md-ZjE0Y{height:24px;width:24px}.zen-icon-lg-NzViZ{height:32px;width:32px}.zen-icon-xl-YTRhZ{height:48px;width:48px}.zen-accordion-accordion-NzdiY{background-color:var(--background-color);width:100%}.zen-accordion-item-NDA1M{border-bottom:var(--border);overflow:hidden;padding-bottom:var(--spacing-5)}.zen-accordion-item-NDA1M[data-state=closed]{padding:0}.zen-accordion-header-YTNlO{align-items:center;display:flex;font-size:var(--font-size-lg)}.zen-accordion-trigger-MmY1Z{align-items:center;background:transparent;border:0;color:var(--font-color);cursor:pointer;display:flex;flex:1;font-size:inherit;font-weight:700;justify-content:space-between;padding:0}.zen-accordion-content-NDJiM{overflow:hidden}.zen-accordion-content-NDJiM[data-state=open]{animation:zen-accordion-accordion-slide-down-MzM1Y .2s ease-out}.zen-accordion-content-NDJiM[data-state=closed]{animation:zen-accordion-accordion-slide-up-OTZhM .2s ease-out}.zen-accordion-icon-MGNkZ{transform:rotate(90deg)}.zen-accordion-trigger-MmY1Z[data-state=open]>.zen-accordion-icon-MGNkZ{transform:rotate(-90deg)}@keyframes zen-accordion-accordion-slide-down-MzM1Y{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes zen-accordion-accordion-slide-up-OTZhM{0%{height:var(--radix-accordion-content-height)}to{height:0}}.zen-alert_banner-banner-ZjExO{align-items:center;background:var(--background-color);border:var(--border);border-radius:var(--border-radius);color:var(--font-color);display:flex;font-size:var(--font-size);gap:var(--spacing-3);overflow:hidden;padding:var(--padding);width:100%}.zen-alert_banner-message-MmE2Y{display:flex;flex:1;flex-direction:column}.zen-alert_banner-title-YzExN{font-weight:700}.zen-alert_banner-close-ZTRjM{color:var(--font-muted-color)}.zen-alert_banner-close-ZTRjM:hover{color:var(--font-color);cursor:pointer}.zen-alert_banner-error-ZGZmY{background-color:var(--danger-bg-color);border:0;color:var(--light-color)}.zen-alert_banner-error-ZGZmY .zen-alert_banner-close-ZTRjM{color:var(--light-color)}.zen-alert_banner-info-NDAwY{background-color:var(--primary-bg-color);border:0}.zen-alert_banner-info-NDAwY,.zen-alert_banner-info-NDAwY .zen-alert_banner-close-ZTRjM{color:var(--primary-fg-color)}.zen-dialog-dialog-OTU3Y{background:var(--background-color);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-4);padding:var(--spacing-6);position:relative}.zen-dialog-title-YmJhN{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-3)}.zen-flexbox-flexbox-ODg0O{display:flex}.zen-flexbox-row-OTM0O{flex-direction:row}.zen-flexbox-row-reverse-ZTBmM{flex-direction:row-reverse}.zen-flexbox-column-M2E4N{flex-direction:column}.zen-flexbox-column-reverse-NmYwN{flex-direction:column-reverse}.zen-flexbox-wrap-ZjcyY{flex-wrap:wrap}.zen-flexbox-nowrap-ZmI0O{flex-wrap:nowrap}.zen-flexbox-wrap-reverse-OWRiM{flex-wrap:wrap-reverse}.zen-flexbox-justify-content-center-NjAxN{justify-content:center}.zen-flexbox-justify-content-start-NjE4O{justify-content:start}.zen-flexbox-justify-content-end-NWVkY{justify-content:end}.zen-flexbox-justify-content-flex-start-YWIzY{justify-content:flex-start}.zen-flexbox-justify-content-flex-end-MmJiO{justify-content:flex-end}.zen-flexbox-justify-content-left-MTI2Y{justify-content:left}.zen-flexbox-justify-content-right-ODA0Z{justify-content:right}.zen-flexbox-justify-content-space-between-MDJmM{justify-content:space-between}.zen-flexbox-justify-content-space-around-OTQ2N{justify-content:space-around}.zen-flexbox-justify-content-space-evenly-MWZhY{justify-content:space-evenly}.zen-flexbox-justify-content-stretch-MTA5M{justify-content:stretch}.zen-flexbox-justify-content-safe-center-ZGVjZ{justify-content:safe center}.zen-flexbox-justify-content-unsafe-center-ZTFkY{justify-content:unsafe center}.zen-flexbox-justify-items-stretch-ODUwM{justify-items:stretch}.zen-flexbox-justify-items-center-YzljO{justify-items:center}.zen-flexbox-justify-items-start-OGYyY{justify-items:start}.zen-flexbox-justify-items-end-YzllO{justify-items:end}.zen-flexbox-justify-items-flex-start-MjliM{justify-items:flex-start}.zen-flexbox-justify-items-flex-end-MGZiN{justify-items:flex-end}.zen-flexbox-justify-items-self-start-OTU1Y{justify-items:self-start}.zen-flexbox-justify-items-self-end-YjY4N{justify-items:self-end}.zen-flexbox-justify-items-left-MjEyY{justify-items:left}.zen-flexbox-justify-items-right-MDYwY{justify-items:right}.zen-flexbox-justify-items-baseline-MzBjN{justify-items:baseline}.zen-flexbox-justify-items-first-baseline-MmI3O{justify-items:first baseline}.zen-flexbox-justify-items-last-baseline-MmI2M{justify-items:last baseline}.zen-flexbox-justify-items-safe-center-ZTAwN{justify-items:safe center}.zen-flexbox-justify-items-unsafe-center-N2Q4M{justify-items:unsafe center}.zen-flexbox-align-content-center-NTliY{align-content:center}.zen-flexbox-align-content-start-ZTlhM{align-content:start}.zen-flexbox-align-content-end-YTUzN{align-content:end}.zen-flexbox-align-content-flex-start-Y2ViN{align-content:flex-start}.zen-flexbox-align-content-flex-end-ZTc1O{align-content:flex-end}.zen-flexbox-align-content-baseline-MjA0Z{align-content:baseline}.zen-flexbox-align-content-first-baseline-NDEzZ{align-content:first baseline}.zen-flexbox-align-content-last-baseline-ODkwM{align-content:last baseline}.zen-flexbox-align-content-space-between-OWE0Y{align-content:space-between}.zen-flexbox-align-content-space-around-NGE3Z{align-content:space-around}.zen-flexbox-align-content-space-evenly-MTMwZ{align-content:space-evenly}.zen-flexbox-align-content-stretch-YmQ3Z{align-content:stretch}.zen-flexbox-align-content-safe-center-YjNkN{align-content:safe center}.zen-flexbox-align-content-unsafe-center-ZjFiN{align-content:unsafe center}.zen-flexbox-align-items-center-YWRhN{align-items:center}.zen-flexbox-align-items-start-NDY0Z{align-items:start}.zen-flexbox-align-items-end-N2E0N{align-items:end}.zen-flexbox-align-items-flex-start-MmE2M{align-items:flex-start}.zen-flexbox-align-items-flex-end-MWZmN{align-items:flex-end}.zen-flexbox-align-items-self-start-ZDVjY{align-items:self-start}.zen-flexbox-align-items-self-end-ZjNmO{align-items:self-end}.zen-flexbox-align-items-stretch-YjcxN{align-items:stretch}.zen-flexbox-align-items-baseline-OWE1N{align-items:baseline}.zen-flexbox-align-items-first-baseline-NTJjZ{align-items:first baseline}.zen-flexbox-align-items-last-baseline-MjE5Y{align-items:last baseline}.zen-flexbox-align-items-safe-center-NTE1O{align-items:safe center}.zen-flexbox-align-items-unsafe-center-NmY1M{align-items:unsafe center}.zen-flexbox-align-self-center-MTI3N{align-self:center}.zen-flexbox-align-self-start-NWQ5Z{align-self:start}.zen-flexbox-align-self-end-NTk4O{align-self:end}.zen-flexbox-align-self-self-start-YTc2N{align-self:self-start}.zen-flexbox-align-self-self-end-YTBjO{align-self:self-end}.zen-flexbox-align-self-flex-start-Mjg3Y{align-self:flex-start}.zen-flexbox-align-self-flex-end-YTE3M{align-self:flex-end}.zen-flexbox-align-self-baseline-OTI4Y{align-self:baseline}.zen-flexbox-align-self-first-baseline-NTE3N{align-self:first baseline}.zen-flexbox-align-self-last-baseline-NzIzY{align-self:last baseline}.zen-flexbox-align-self-stretch-NjBlN{align-self:stretch}.zen-flexbox-align-self-safe-center-OTdmO{align-self:safe center}.zen-flexbox-align-self-unsafe-center-ODAzY{align-self:unsafe center}.zen-flexbox-inline-MTcyM{display:inline-flex}.zen-flexbox-spacing1-NjU0N{gap:var(--spacing-1)}.zen-flexbox-spacing2-YTJkZ{gap:var(--spacing-2)}.zen-flexbox-spacing3-YmQ4N{gap:var(--spacing-3)}.zen-flexbox-spacing4-NDMwM{gap:var(--spacing-4)}.zen-flexbox-spacing5-YWNmY{gap:var(--spacing-5)}.zen-flexbox-spacing6-YWI1N{gap:var(--spacing-6)}.zen-flexbox-spacing7-MGM3M{gap:var(--spacing-7)}.zen-flexbox-spacing8-OGY5O{gap:var(--spacing-8)}.zen-flexbox-spacing9-MzMwM{gap:var(--spacing-9)}.zen-flexbox-spacing10-ODkxN{gap:var(--spacing-10)}.zen-flexbox-spacing11-ZWI4Z{gap:var(--spacing-11)}.zen-flexbox-spacing12-NDU1Y{gap:var(--spacing-12)}.zen-button-button-MWY5Y{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);color:var(--font-color);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size);font-weight:500;gap:var(--gap);justify-content:center;padding:var(--padding);position:relative;white-space:nowrap}.zen-button-button-MWY5Y:disabled{color:var(--font-muted-color);pointer-events:none}.zen-button-button-MWY5Y.zen-button-primary-NTA1Y{background:var(--primary-bg-color);color:var(--primary-fg-color)}.zen-button-button-MWY5Y.zen-button-primary-NTA1Y:hover{background:color-mix(in srgb,var(--primary-bg-color),10% var(--background-color))}.zen-button-button-MWY5Y.zen-button-primary-NTA1Y:active{background:color-mix(in srgb,var(--primary-bg-color),20% var(--background-color))}.zen-button-button-MWY5Y.zen-button-primary-NTA1Y:disabled{background:var(--base-color-500);color:var(--primary-fg-color)}.zen-button-button-MWY5Y.zen-button-secondary-NmNiZ{background:var(--secondary-bg-color);color:var(--secondary-fg-color)}.zen-button-button-MWY5Y.zen-button-secondary-NmNiZ:hover{background:color-mix(in srgb,var(--secondary-bg-color),5% var(--font-color))}.zen-button-button-MWY5Y.zen-button-secondary-NmNiZ:active{background:color-mix(in srgb,var(--secondary-bg-color),10% var(--font-color))}.zen-button-button-MWY5Y.zen-button-secondary-NmNiZ:disabled{color:var(--font-faded-color)}.zen-button-button-MWY5Y.zen-button-outline-MTI5Z{background:transparent;border:var(--border);box-shadow:var(--box-shadow-1)}.zen-button-button-MWY5Y.zen-button-outline-MTI5Z:hover{background:var(--secondary-bg-color)}.zen-button-button-MWY5Y.zen-button-outline-MTI5Z:active{background:color-mix(in srgb,var(--secondary-bg-color),5% var(--font-color))}.zen-button-button-MWY5Y.zen-button-quiet-YzZmM{background:transparent}.zen-button-button-MWY5Y.zen-button-quiet-YzZmM:hover{background:var(--secondary-bg-color)}.zen-button-button-MWY5Y.zen-button-quiet-YzZmM:active{background:color-mix(in srgb,var(--secondary-bg-color),5% var(--font-color))}.zen-button-button-MWY5Y.zen-button-danger-YWUyM{background:var(--danger-bg-color);color:var(--light-color)}.zen-button-button-MWY5Y.zen-button-danger-YWUyM:hover{background:color-mix(in srgb,var(--danger-bg-color),6% #000)}.zen-button-button-MWY5Y.zen-button-danger-YWUyM:active{background:color-mix(in srgb,var(--danger-bg-color),12% #000)}.zen-button-button-MWY5Y.zen-button-danger-YWUyM:disabled{background:var(--base-color-500);color:var(--primary-fg-color)}.zen-button-button-MWY5Y.zen-button-xs-MzVmZ{font-size:.8rem;padding:.5rem .75rem}.zen-button-button-MWY5Y.zen-button-sm-ZDhmO{font-size:.9rem;padding:.5rem .75rem}.zen-button-button-MWY5Y.zen-button-md-YTZkZ{font-size:1rem;padding:.75rem 1rem}.zen-button-button-MWY5Y.zen-button-lg-ZjJlY{font-size:1.1rem;padding:1rem 1.25rem}.zen-button-button-MWY5Y a{color:inherit}.zen-alert_dialog-dialog-MDQxN{display:grid}.zen-alert_dialog-title-YmY5N{font-weight:700}.zen-breadcrumbs-breadcrumb-Mzk1N,.zen-breadcrumbs-breadcrumbs-Y2M2N{align-items:center;display:flex;gap:var(--gap)}.zen-breadcrumbs-breadcrumb-Mzk1N{font-size:var(--font-size2);list-style:none}.zen-breadcrumbs-breadcrumb-Mzk1N a{color:var(--font-muted-color)}.zen-breadcrumbs-breadcrumb-Mzk1N a:hover{color:var(--font-color)}.zen-breadcrumbs-icon-NDU3M{color:var(--font-muted-color)}.zen-breadcrumbs-breadcrumb-Mzk1N:last-child{font-weight:var(--font-weight4)}.zen-breadcrumbs-breadcrumb-Mzk1N:last-child .zen-breadcrumbs-icon-NDU3M{display:none}.zen-calendar-calendar-NDViZ{max-width:100%;width:fit-content}.zen-calendar-header-NTIwY{align-items:center;display:flex;margin-bottom:var(--spacing-4)}.zen-calendar-heading-ZTIyM{flex:1;font-size:var(--font-size);font-weight:700;margin:0;text-align:center}.zen-calendar-button-ZjcwY{align-items:center;background:transparent;border:0;display:flex;justify-content:center}.zen-calendar-headerCell-NjgyY{font-size:var(--font-size);font-weight:700}.zen-calendar-cell-Yjg3Y{border-radius:var(--border-radius);cursor:pointer;forced-color-adjust:none;line-height:3rem;margin:1px;outline:none;text-align:center;width:3rem}.zen-calendar-cell-Yjg3Y:hover{background:var(--highlight-bg-color);color:var(--highlight-fg-color)}.zen-calendar-cell-Yjg3Y[data-outside-month]{display:none}.zen-calendar-cell-Yjg3Y[data-focus-visible]{outline:2px solid var(--font-color);outline-offset:2px}.zen-calendar-cell-Yjg3Y[data-selected]{background:var(--primary-bg-color);border-color:var(--primary-bg-color);color:var(--primary-fg-color)}.zen-checkbox-checkbox-YTRkO{align-items:center;color:var(--font-color);display:flex;flex-direction:row;gap:var(--spacing-3)}.zen-checkbox-box-YTg5O{align-items:center;background:transparent;border:var(--border);border-radius:var(--border-radius);cursor:pointer;display:flex;height:23px;justify-content:center;transition:all .2s;width:23px}.zen-checkbox-icon-NjQ0M{display:none}.zen-checkbox-checkbox-YTRkO[data-selected] .zen-checkbox-box-YTg5O{background:var(--primary-bg-color);color:var(--primary-fg-color)}.zen-checkbox-checkbox-YTRkO[data-indeterminate] .zen-checkbox-icon-NjQ0M,.zen-checkbox-checkbox-YTRkO[data-selected] .zen-checkbox-icon-NjQ0M{display:block}.zen-checkbox-checkbox-YTRkO[data-indeterminate] .zen-checkbox-box-YTg5O{background:var(--background-color);color:var(--font-color)}.zen-checkbox-checkbox-YTRkO[data-disabled]{color:var(--font-muted-color)}.zen-checkbox-checkbox-YTRkO[data-disabled] .zen-checkbox-box-YTg5O{background:var(--input-disabled-color);pointer-events:none}.zen-list_item-item-Y2Y3M{align-items:center;background:var(--background-color);color:var(--font-color);cursor:pointer;display:flex;gap:var(--gap);justify-content:space-between;min-width:120px;padding:var(--padding)}.zen-list_item-item-Y2Y3M:hover{background:var(--highlight-bg-color)}.zen-list_item-item-Y2Y3M[data-selected]{font-weight:700}.zen-list_item-item-Y2Y3M[data-selected] .zen-list_item-check-MTI4Z{display:block}.zen-list_item-check-MTI4Z{display:none}.zen-list-list-OWRiN{border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-);min-width:100px;overflow:hidden}.zen-list-separator-ZDU2O{border-bottom:var(--border)}.zen-popover-popover-OTkzN[data-placement=top]{--origin:translateY(8px)}.zen-popover-popover-OTkzN[data-placement=bottom]{--origin:translateY(-8px)}.zen-popover-popover-OTkzN[data-placement=right]{--origin:translateX(-8px)}.zen-popover-popover-OTkzN[data-placement=left]{--origin:translateX(8px)}.zen-popover-popover-OTkzN[data-entering]{animation:zen-popover-popover-slide-YmE5Y .2s}.zen-popover-popover-OTkzN[data-exiting]{animation:zen-popover-popover-slide-YmE5Y .2s ease-in reverse}@keyframes zen-popover-popover-slide-YmE5Y{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)}}.zen-combobox-combobox-OGVhO,.zen-combobox-field-YjA3Z{align-items:center;display:flex;flex-wrap:nowrap}.zen-combobox-field-YjA3Z{border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-);color:var(--font-color)}.zen-combobox-input-ZmY0Z{background:none;border:none;color:var(--font-color);padding:var(--padding)}.zen-combobox-button-YzMyY{align-items:center;background:transparent;border:0;color:var(--font-faded-color);display:flex;justify-content:center}.zen-combobox-list-OGIzY{box-shadow:var(--box-shadow-3)}.zen-combobox-icon-NDAwM{color:var(--font-muted-color);margin-right:var(--spacing-2)}.zen-combobox-icon-NDAwM:hover{color:var(--font-color);cursor:pointer}.zen-copy_button-icon-MWNiO{animation:zen-copy_button-copy-button-YzE2Y .2s}@keyframes zen-copy_button-copy-button-YzE2Y{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.zen-field-field-M2VmN{align-items:center;background:var(--background-color);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-);display:flex;position:relative}.zen-field-field-M2VmN[data-disabled],.zen-field-field-M2VmN[data-readonly]{background:var(--input-disabled-color)}.zen-field-input-OWQwZ{background:transparent;border:0;color:var(--font-color);flex:1;line-height:1.5rem;padding:var(--padding)}.zen-field-input-OWQwZ::placeholder{color:var(--font-muted-color)}.zen-field-input-OWQwZ:disabled{color:var(--font-muted-color)}.zen-field-input-OWQwZ::-webkit-search-cancel-button,.zen-field-input-OWQwZ::-webkit-search-decoration{-webkit-appearance:none}.zen-field-icon-OGZmM,.zen-text_field-copy-MmZkM{color:var(--font-muted-color)}.zen-text_field-copy-MmZkM{background:var(--background-color);position:absolute;right:9px;top:9px}.zen-text_field-copy-MmZkM:hover{color:var(--font-color);cursor:pointer}.zen-text_field-textarea-YTIzN{min-height:60px;min-width:140px}.zen-text-text-ZGMxN{color:currentColor;line-height:1.2em}.zen-text-xs-MjI2M{font-size:var(--font-size-xs)}.zen-text-sm-ODk2Z{font-size:var(--font-size-sm)}.zen-text-md-ZGE3M{font-size:var(--font-size-md)}.zen-text-lg-ZmFhM{font-size:var(--font-size-lg)}.zen-text-xl-MjY4Y{font-size:var(--font-size-xl)}.zen-text-muted-M2RlY{color:var(--font-muted-color)}.zen-text-faded-YzE2M{color:var(--font-faded-color)}.zen-text-lighter-NzY5N{font-weight:200}.zen-text-light-NGRkM{font-weight:300}.zen-text-bold-NGY4N{font-weight:700}.zen-text-bolder-M2JhZ{font-weight:900}.zen-text-tighter-MzMyO{letter-spacing:-.05em}.zen-text-tight-OWUzN{letter-spacing:-.025em}.zen-text-wide-MTBjO{letter-spacing:.025em}.zen-text-wider-ODkzN{letter-spacing:.05em}.zen-confirmation_dialog-dialog-Njc2O{position:relative}.zen-confirmation_dialog-value-MDA3N{font-size:var(--font-size-lg);font-weight:700}.zen-table-table-NmMyM{border-collapse:collapse;position:relative;width:100%}.zen-table-table-NmMyM td,.zen-table-table-NmMyM th{min-width:0}.zen-table-body-Y2U3M,.zen-table-header-MmY3Z{display:contents}.zen-table-header-MmY3Z tr{border-bottom:1px solid var(--border-color);display:flex}.zen-table-row-YWE5Y{border-bottom:1px solid color-mix(in srgb,var(--border-color),50% transparent);display:flex}.zen-table-header-MmY3Z .zen-table-column-ZDdiM:first-child,.zen-table-row-YWE5Y .zen-table-cell-NmU4M:first-child{padding-left:0}.zen-table-header-MmY3Z .zen-table-column-ZDdiM:last-child,.zen-table-row-YWE5Y .zen-table-cell-NmU4M:last-child{padding-right:0}.zen-table-column-ZDdiM{display:flex;flex:1;font-weight:700;padding:var(--padding);text-align:left}.zen-table-cell-NmU4M{display:flex;flex:1;overflow:hidden;padding:var(--padding)}.zen-table-start-NjEwY{justify-content:flex-start}.zen-table-center-NmVjO{justify-content:center}.zen-table-end-ZjJhN{justify-content:flex-end}.zen-data_table-datatable-YmYyZ{position:relative}.zen-data_table-cell-NzI0M{align-items:center}.zen-dots-dots-NWMyN{align-items:center;display:inline-flex;gap:8px;justify-content:center;min-height:50px;position:relative}.zen-dots-dot-MWVhN{animation:zen-dots-dots-blink-OGE1N 1.2s infinite;animation-fill-mode:both;background:color-mix(in srgb,var(--font-color),50% transparent);border-radius:100%;height:10px;width:10px}.zen-dots-dot-MWVhN:nth-child(2){animation-delay:.2s}.zen-dots-dot-MWVhN:nth-child(3){animation-delay:.4s}@keyframes zen-dots-dots-blink-OGE1N{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.zen-heading-heading-ZGMyM{color:var(--font-color);font-weight:700;margin-top:0}.zen-heading-size1-MTAxY{font-size:.75rem}.zen-heading-size2-NTM5M{font-size:1rem}.zen-heading-size3-MWU4Z{font-size:1.25rem}.zen-heading-size4-ZDI1N{font-size:1.5rem}.zen-heading-size5-N2U4N{font-size:1.75rem}.zen-heading-size6-Y2I1N{font-size:2rem}.zen-heading-size7-ZGI0Y{font-size:2.5rem}.zen-heading-size8-ZDBhZ{font-size:3.5rem}.zen-heading-size9-NDExM{font-size:5rem}.zen-inline_edit_field-edit-MjBiN{align-items:center;cursor:pointer;display:flex;position:relative}.zen-inline_edit_field-edit-MjBiN:hover .zen-inline_edit_field-icon-ZTEwY{display:block}.zen-inline_edit_field-icon-ZTEwY{display:none;position:absolute;right:calc(var(--spacing-5)*-1)}.zen-label-label-YjY2Y{font-weight:700}.zen-spinner-spinner-MDYyZ{align-items:center;display:inline-flex;justify-content:center;position:relative}.zen-spinner-spinner-MDYyZ svg{fill:none;stroke-width:.15em;animation:zen-spinner-spinner-rotate-YTM0N 1.6s linear infinite;font-size:16px;transform-origin:center center}.zen-spinner-track-YzYzZ{stroke:var(--input-bg-color)}.zen-spinner-fill-ZDJhM{stroke:var(--primary-bg-color);stroke-linecap:square;stroke-dasharray:1,200;stroke-dashoffset:0;animation:zen-spinner-spinner-dash-OTUzZ 1.2s ease-in-out infinite}.zen-spinner-size-sm-Yzc1O svg{height:16px;width:16px}.zen-spinner-size-md-ZjAxZ svg{height:24px;width:24px}.zen-spinner-size-lg-OGQzM svg{height:32px;width:32px}.zen-spinner-size-xl-MjQ0N svg{height:64px;width:64px}.zen-spinner-quiet-ZmU0Y .zen-spinner-track-YzYzZ{display:none}@keyframes zen-spinner-spinner-rotate-YTM0N{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes zen-spinner-spinner-dash-OTUzZ{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}.zen-loading-loading-YjVhZ{align-items:center;display:flex;flex:1;justify-content:center;pointer-events:none;position:relative}.zen-loading-page-M2Q0N{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.zen-loading-center-YWQ5M{margin:auto}.zen-loading-inline-NTNkM{display:inline-flex}.zen-menu_item-item-ZWY3Z{align-items:center;background:var(--background-color);border-radius:var(--border-radius);color:var(--font-color);cursor:pointer;display:flex;gap:var(--gap);justify-content:space-between;padding:var(--padding)}.zen-menu_item-item-ZWY3Z:hover{background:var(--highlight-bg-color)}.zen-menu_item-item-ZWY3Z[data-selected]{font-weight:700}.zen-menu_item-item-ZWY3Z[data-selected] .zen-menu_item-check-MmQzM{display:block}.zen-menu_item-check-MmQzM{display:none}.zen-menu-menu-OTI2M{background:var(--background-color);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-);min-width:200px;overflow:hidden;padding:var(--spacing-2)}.zen-menu-separator-N2E3O{border-bottom:var(--border)}.zen-modal-overlay-ZjVkM{align-items:center;background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.zen-modal-overlay-ZjVkM[data-entering]{animation:zen-modal-modal-fade-YWViZ .2s}.zen-modal-overlay-ZjVkM[data-exiting]{animation:zen-modal-modal-fade-YWViZ .15s ease-in reverse}.zen-modal-modal-NGE4M{position:relative}.zen-modal-modal-NGE4M[data-entering]{animation:zen-modal-modal-zoom-ODU3Y .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes zen-modal-modal-fade-YWViZ{0%{opacity:0}to{opacity:1}}@keyframes zen-modal-modal-zoom-ODU3Y{0%{transform:scale(.8)}to{transform:scale(1)}}.zen-password_field-field-ZGExN{align-items:center;border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-);display:flex;gap:var(--spacing-2);position:relative}.zen-password_field-field-ZGExN,.zen-password_field-field-ZGExN[data-disabled],.zen-password_field-field-ZGExN[data-readonly]{background:var(--background-color)}.zen-password_field-input-ZmExO{background:transparent;border:0;color:var(--font-color);line-height:1.5rem;padding:var(--padding)}.zen-password_field-input-ZmExO::placeholder{color:var(--font-muted-color)}.zen-password_field-input-ZmExO:disabled{color:var(--font-muted-color)}.zen-password_field-icon-Nzg0Y{color:var(--font-muted-color);margin:0 var(--spacing-3)}.zen-page-page-NjgzM{background:var(--background-color);color:var(--font-color);display:grid;min-height:100vh}.zen-progress_bar-progressbar-ZDIyY{align-items:center;display:flex;gap:var(--spacing-3);justify-content:space-between}.zen-progress_bar-track-Y2ZjN{background:var(--input-bg-color);border-radius:var(--border-radius);flex-basis:100%;height:10px;min-width:100px;overflow:hidden;width:fit-content}.zen-progress_bar-fill-Y2EyZ{background:var(--primary-bg-color);height:10px}.zen-progress_bar-value-NzA1N{font-weight:700}.zen-progress_circle-progresscircle-NjhkM{align-items:center;display:flex;justify-content:center;position:relative}.zen-progress_circle-progresscircle-NjhkM svg{fill:none;stroke-width:8px;font-size:var(--font-size-md);height:96px;transform:rotate(-90deg);width:96px}.zen-progress_circle-track-ZTQwZ{stroke:var(--input-bg-color)}.zen-progress_circle-fill-YTZhZ{stroke:var(--primary-bg-color)}.zen-progress_circle-value-YWU0Y{font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.zen-radio_group-radiogroup-OGI1M{color:var(--font-color);display:flex;flex-direction:column;gap:var(--spacing-4)}.zen-radio_group-radiogroup-OGI1M[data-orientation=vertical]{flex-direction:column}.zen-radio_group-radiogroup-OGI1M[data-orientation=horizontal]{flex-direction:row}.zen-radio_group-radio-NDU5Y{align-items:center;color:var(--font-color);display:flex;font-size:var(--font-size);forced-color-adjust:none;gap:var(--spacing-3)}.zen-radio_group-radio-NDU5Y:before{background:var(--background-color);border:var(--border);border-radius:20px;box-shadow:var(--box-shadow-);box-sizing:border-box;content:"";display:block;height:20px;transition:all .2s;width:20px}.zen-radio_group-radio-NDU5Y[data-pressed]:before{border-color:var(--border-color)}.zen-radio_group-radio-NDU5Y[data-selected]:before{border-color:var(--primary-bg-color);border-width:7px}.zen-radio_group-radio-NDU5Y[data-selected][data-pressed]:before{border-color:var(--primary-bg-color)}.zen-radio_group-radio-NDU5Y[data-disabled]{color:var(--font-muted-color)}.zen-radio_group-radio-NDU5Y[data-disabled]:before{background-color:var(--input-disabled-color)}.zen-search_field-icon-ZjM3M{margin-left:var(--spacing-2)}.zen-search_field-button-NjE5M{align-items:center;background:none;border:none;border-radius:var(--border-radius-full);color:var(--font-muted-color);cursor:pointer;display:flex;justify-content:center;margin:0 var(--spacing-2);padding:0}.zen-search_field-button-NjE5M:hover{color:var(--font-color)}.zen-select-select-ODVmO{box-shadow:var(--box-shadow-)}.zen-select-button-ZTRjZ,.zen-select-select-ODVmO{align-items:center;background:var(--background-color);color:var(--font-color);display:flex}.zen-select-button-ZTRjZ{border:var(--border);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size);gap:var(--gap);padding:var(--padding)}.zen-select-list-MDA4Z{box-shadow:var(--box-shadow-3);min-width:200px}.zen-select-icon-NjMwM{color:var(--font-faded-color)}.zen-select-icon-NjMwM:hover{color:var(--font-color);cursor:pointer}.zen-slider-slider-MzdkM{color:var(--font-color);display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto}.zen-slider-label-MjNmM{grid-area:label}.zen-slider-output-ZDdhO{grid-area:output}.zen-slider-track-YWU1Z{grid-area:track;position:relative}.zen-slider-track-YWU1Z:before{background:var(--border-color);content:"";display:block;position:absolute}.zen-slider-fill-NTVjM{background-color:var(--primary-bg-color);content:"";display:block;height:3px;position:absolute;top:50%;transform:translateY(-50%)}.zen-slider-thumb-N2IxM{background:var(--background-color);border:2px solid var(--primary-bg-color);border-radius:100%;forced-color-adjust:none;height:20px;width:20px}.zen-slider-thumb-N2IxM[data-dragging]{background:var(--highlight-bg-color)}.zen-slider-thumb-N2IxM[data-focus-visible]{outline:2px solid var(--font-color)}.zen-slider-slider-MzdkM[data-orientation=horizontal]{flex-direction:column;width:100%}.zen-slider-slider-MzdkM[data-orientation=horizontal] .zen-slider-track-YWU1Z{height:30px;width:100%}.zen-slider-slider-MzdkM[data-orientation=horizontal] .zen-slider-track-YWU1Z:before{height:3px;top:50%;transform:translateY(-50%);width:100%}.zen-slider-slider-MzdkM[data-orientation=horizontal] .zen-slider-thumb-N2IxM{top:50%}.zen-slider-slider-MzdkM[data-orientation=vertical]{display:block;height:150px}.zen-slider-slider-MzdkM[data-orientation=vertical] .zen-slider-fill-NTVjM{background-color:var(--border-color);content:"";display:block;left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.zen-slider-slider-MzdkM[data-orientation=vertical] .zen-slider-label-MjNmM,.zen-slider-slider-MzdkM[data-orientation=vertical] .zen-slider-output-ZDdhO{display:none}.zen-slider-slider-MzdkM[data-orientation=vertical] .zen-slider-track-YWU1Z{height:100%;width:30px}.zen-slider-slider-MzdkM[data-orientation=vertical] .zen-slider-track-YWU1Z:before{background-color:var(--primary-bg-color);height:100%;left:50%;transform:translateX(-50%);width:3px}.zen-slider-slider-MzdkM[data-orientation=vertical] .zen-slider-thumb-N2IxM{left:50%}.zen-status_light-statuslight-ZWU0N{align-items:center;display:inline-flex;gap:12px}.zen-status_light-bg-ZjUyZ,.zen-status_light-status-NzAwN{background:#fff;border-radius:100%;height:10px;position:relative;width:10px}.zen-status_light-status-NzAwN.zen-status_light-success-YmI0N{background:var(--success-bg-color)}.zen-status_light-status-NzAwN.zen-status_light-warning-N2VlN{background:var(--warning-bg-color)}.zen-status_light-status-NzAwN.zen-status_light-error-ODRkY{background:var(--danger-bg-color)}.zen-status_light-status-NzAwN.zen-status_light-active-ODM0N{background:var(--active-bg-color)}.zen-status_light-status-NzAwN.zen-status_light-inactive-NjZkY{background:var(--inactive-bg-color)}.zen-switch-switch-OTkxM{--knob-size:16px;--knob-border-size:3px;color:var(--font-color);gap:var(--gap)}.zen-switch-switch-OTkxM,.zen-switch-track-ZjBkY{align-items:center;display:flex;position:relative}.zen-switch-track-ZjBkY{background:var(--input-bg-color);border:var(--knob-border-size) solid transparent;border-radius:calc(var(--knob-size) + var(--knob-border-size)*2);cursor:pointer;height:calc(var(--knob-size) + var(--knob-border-size)*2);transition:background-color .2s;width:calc((var(--knob-size) + var(--knob-border-size))*2)}.zen-switch-knob-YmNkO{background:var(--background-color);border-radius:100%;box-shadow:var(--box-shadow-2);height:var(--knob-size);transition:all .2s;width:var(--knob-size)}.zen-switch-switch-OTkxM[data-selected] .zen-switch-track-ZjBkY{background:var(--primary-bg-color);border-color:var(--primary-bg-color)}.zen-switch-switch-OTkxM[data-selected] .zen-switch-knob-YmNkO{border-color:var(--primary-bg-color);margin-left:var(--knob-size)}.zen-switch-switch-OTkxM[data-disabled]{color:var(--font-faded-color);pointer-events:none}.zen-switch-switch-OTkxM[data-disabled] .zen-switch-track-ZjBkY{background:var(--input-disabled-color);border-color:var(--input-disabled-color)}.zen-switch-switch-OTkxM[data-disabled] .zen-switch-knob-YmNkO{border-color:var(--input-disabled-color)}.zen-tabs-tabs-NWE0O{position:relative;width:100%}.zen-tabs-list-ZGRiO{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:var(--gap);margin-bottom:var(--spacing-6)}.zen-tabs-list-ZGRiO.zen-tabs-quiet-NDA4Z{border:0}.zen-tabs-tab-MzlmO{align-items:center;border-bottom:2px solid transparent;color:var(--font-muted-color);cursor:pointer;display:flex;justify-content:center;margin:0 0 -2px;min-height:3rem;user-select:none}.zen-tabs-tab-MzlmO:hover{color:var(--font-color)}.zen-tabs-tab-MzlmO[data-selected]{border-bottom:2px solid var(--primary-bg-color);color:var(--font-color)}.zen-tabs-tab-MzlmO[data-disabled]{color:var(--font-faded-color);cursor:default}.zen-text_overflow-wrapper-NzQ1O{flex-basis:100%;min-width:0}.zen-text_overflow-overflow-NzM3N{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zen-text_area-none-ZTczN{resize:none}.zen-text_area-horizontal-MDNiM{resize:horizontal}.zen-text_area-vertical-NTMyZ{resize:vertical}.zen-toast-viewport-MGJjY{--viewport-padding:25px;bottom:0;display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;max-width:100vw;outline:none;padding:var(--viewport-padding);position:fixed;right:0;width:460px;z-index:2147483647}.zen-toast-toast-Y2VmZ{align-items:center;background-color:var(--background-color);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-3);display:grid;grid-auto-columns:auto;grid-template-areas:"icon title action" "icon description action";grid-template-columns:auto 1fr auto;padding:1.25rem 1.5rem;position:relative}.zen-toast-toast-Y2VmZ[data-state=open]{animation:zen-toast-slide-in-MTVkN .15s cubic-bezier(.16,1,.3,1)}.zen-toast-toast-Y2VmZ[data-state=closed]{animation:zen-toast-hide-YWFjN .1s ease-in}.zen-toast-toast-Y2VmZ[data-swipe=move]{transform:translateX(0)}.zen-toast-toast-Y2VmZ[data-swipe=cancel]{transform:translateX(0);transition:transform .2s ease-out}.zen-toast-toast-Y2VmZ[data-swipe=end]{animation:zen-toast-swipe-out-ZDg2M .1s ease-out}.zen-toast-toast-Y2VmZ:has(.zen-toast-icon-MWFjZ){column-gap:var(--gap);grid-template-columns:auto 1fr auto}.zen-toast-icon-MWFjZ{grid-area:icon}.zen-toast-icon-MWFjZ:empty{display:none}.zen-toast-title-YjQwN{color:var(--font-color);font-weight:700;grid-area:title}.zen-toast-description-N2Y4Z{grid-area:description}.zen-toast-action-YzE0M{background:transparent;border:0;grid-area:action}.zen-toast-close-N2Q2N{background:transparent;border:0;color:currentColor;display:none;position:absolute;right:10px;top:10px}.zen-toast-toast-Y2VmZ:hover .zen-toast-close-N2Q2N{cursor:pointer;display:block}.zen-toast-toast-Y2VmZ.zen-toast-info-MGRjO{background:var(--primary-bg-color);border:0;color:var(--primary-fg-color)}.zen-toast-toast-Y2VmZ.zen-toast-error-ZDJjZ{background:var(--danger-bg-color);border:0;color:var(--danger-fg-color)}@keyframes zen-toast-hide-YWFjN{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@keyframes zen-toast-slide-in-MTVkN{0%{transform:translateX(calc(100% + var(--viewport-padding)))}to{transform:translateX(0)}}@keyframes zen-toast-swipe-out-ZDg2M{0%{transform:translateX(0)}to{transform:translateX(calc(100% + var(--viewport-padding)))}}.zen-toggle-toggle-MWQzN{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);color:var(--font-color);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size);font-weight:500;gap:var(--gap);justify-content:center;padding:var(--padding);position:relative;white-space:nowrap}.zen-toggle-toggle-MWQzN:hover{background:var(--highlight-bg-color)}.zen-toggle-toggle-MWQzN[data-selected]{background:var(--primary-bg-color);color:var(--primary-fg-color)}.zen-toggle_group-group-YTRhY{background-color:var(--background-color);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-);display:inline-flex;overflow:hidden}.zen-toggle_group-item-MDAwO{align-items:center;background-color:var(--background-color);border:0;color:var(--font-color);cursor:pointer;display:flex;justify-content:center;padding:var(--padding)}.zen-toggle_group-item-MDAwO:not(:first-child){border-left:var(--border)}.zen-toggle_group-item-MDAwO:hover{background-color:var(--highlight-bg-color)}.zen-toggle_group-item-MDAwO[data-state=on]{background-color:var(--highlight-bg-color);font-size-adjust:.5;font-weight:700}.zen-toggle_group-item-MDAwO:focus{position:relative}.zen-tooltip-tooltip-ZDcwM{background:rgba(0,0,0,.8);border-radius:var(--border-radius);color:var(--light-color);font-size:var(--font-size-sm);forced-color-adjust:none;max-width:150px;outline:none;padding:var(--padding);transform:translateZ(0)}.zen-tooltip-tooltip-ZDcwM[data-placement=top]{--origin:translateY(4px);margin-bottom:8px}.zen-tooltip-tooltip-ZDcwM[data-placement=bottom]{--origin:translateY(-4px);margin-top:8px}.zen-tooltip-tooltip-ZDcwM[data-placement=bottom] .zen-tooltip-arrow-M2I2N svg{transform:rotate(180deg)}.zen-tooltip-tooltip-ZDcwM[data-placement=right]{--origin:translateX(-4px);margin-left:8px}.zen-tooltip-tooltip-ZDcwM[data-placement=right] .zen-tooltip-arrow-M2I2N svg{transform:rotate(90deg)}.zen-tooltip-tooltip-ZDcwM[data-placement=left]{--origin:translateX(4px);margin-right:8px}.zen-tooltip-tooltip-ZDcwM[data-placement=left] .zen-tooltip-arrow-M2I2N svg{transform:rotate(-90deg)}.zen-tooltip-tooltip-ZDcwM .zen-tooltip-arrow-M2I2N svg{fill:rgba(0,0,0,.8);display:block}.zen-tooltip-tooltip-ZDcwM[data-entering]{animation:zen-tooltip-slide-ZGJmY .2s}.zen-tooltip-tooltip-ZDcwM[data-exiting]{animation:zen-tooltip-slide-ZGJmY .2s ease-in reverse}@keyframes zen-tooltip-slide-ZGJmY{0%{opacity:0;transform:var(--origin)}to{opacity:1;transform:translateY(0)}}
-/*# sourceMappingURL=styles.css.map */
+/* src/components/Icon.module.css */
+.Icon_icon {
+  display: inline-block;
+  fill: currentColor;
+}
+.Icon_xs {
+  width: 12px;
+  height: 12px;
+}
+.Icon_sm {
+  width: 16px;
+  height: 16px;
+}
+.Icon_md {
+  width: 24px;
+  height: 24px;
+}
+.Icon_lg {
+  width: 32px;
+  height: 32px;
+}
+.Icon_xl {
+  width: 48px;
+  height: 48px;
+}
+
+/* src/components/Accordion.module.css */
+.Accordion_accordion {
+  width: 100%;
+  background-color: var(--background-color);
+}
+.Accordion_item {
+  overflow: hidden;
+  border-bottom: var(--border);
+  padding-bottom: var(--spacing-5);
+}
+.Accordion_item[data-state=closed] {
+  padding: 0;
+}
+.Accordion_header {
+  display: flex;
+  align-items: center;
+  font-size: var(--font-size-lg);
+}
+.Accordion_trigger {
+  font-size: inherit;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: var(--font-color);
+  flex: 1;
+  border: 0;
+  background: transparent;
+  padding: 0;
+  cursor: pointer;
+}
+.Accordion_content {
+  overflow: hidden;
+}
+.Accordion_content[data-state=open] {
+  animation: Accordion_accordion-slide-down 200ms ease-out;
+}
+.Accordion_content[data-state=closed] {
+  animation: Accordion_accordion-slide-up 200ms ease-out;
+}
+.Accordion_icon {
+  transform: rotate(90deg);
+}
+.Accordion_trigger[data-state=open] > .Accordion_icon {
+  transform: rotate(-90deg);
+}
+@keyframes Accordion_accordion-slide-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+@keyframes Accordion_accordion-slide-up {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+
+/* src/components/AlertBanner.module.css */
+.AlertBanner_banner {
+  display: flex;
+  align-items: center;
+  font-size: var(--font-size);
+  padding: var(--padding);
+  border: var(--border);
+  border-radius: var(--border-radius);
+  color: var(--font-color);
+  background: var(--background-color);
+  width: 100%;
+  overflow: hidden;
+  gap: var(--spacing-3);
+}
+.AlertBanner_message {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+.AlertBanner_title {
+  font-weight: 700;
+}
+.AlertBanner_close {
+  color: var(--font-muted-color);
+}
+.AlertBanner_close:hover {
+  color: var(--font-color);
+  cursor: pointer;
+}
+.AlertBanner_error {
+  color: var(--light-color);
+  background-color: var(--danger-bg-color);
+  border: 0;
+}
+.AlertBanner_error .AlertBanner_close {
+  color: var(--light-color);
+}
+.AlertBanner_info {
+  color: var(--primary-fg-color);
+  background-color: var(--primary-bg-color);
+  border: 0;
+}
+.AlertBanner_info .AlertBanner_close {
+  color: var(--primary-fg-color);
+}
+
+/* src/components/Dialog.module.css */
+.Dialog_dialog {
+  position: relative;
+  padding: var(--spacing-6);
+  box-shadow: var(--box-shadow-4);
+  background: var(--background-color);
+  border: var(--border);
+  border-radius: var(--border-radius);
+}
+.Dialog_title {
+  font-size: var(--font-size-lg);
+  font-weight: 700;
+  margin-bottom: var(--spacing-3);
+}
+
+/* src/components/Flexbox.module.css */
+.Flexbox_flexbox {
+  display: flex;
+}
+.Flexbox_row {
+  flex-direction: row;
+}
+.Flexbox_row-reverse {
+  flex-direction: row-reverse;
+}
+.Flexbox_column {
+  flex-direction: column;
+}
+.Flexbox_column-reverse {
+  flex-direction: column-reverse;
+}
+.Flexbox_wrap {
+  flex-wrap: wrap;
+}
+.Flexbox_nowrap {
+  flex-wrap: nowrap;
+}
+.Flexbox_wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+.Flexbox_justify-content-center {
+  justify-content: center;
+}
+.Flexbox_justify-content-start {
+  justify-content: start;
+}
+.Flexbox_justify-content-end {
+  justify-content: end;
+}
+.Flexbox_justify-content-flex-start {
+  justify-content: flex-start;
+}
+.Flexbox_justify-content-flex-end {
+  justify-content: flex-end;
+}
+.Flexbox_justify-content-left {
+  justify-content: left;
+}
+.Flexbox_justify-content-right {
+  justify-content: right;
+}
+.Flexbox_justify-content-space-between {
+  justify-content: space-between;
+}
+.Flexbox_justify-content-space-around {
+  justify-content: space-around;
+}
+.Flexbox_justify-content-space-evenly {
+  justify-content: space-evenly;
+}
+.Flexbox_justify-content-stretch {
+  justify-content: stretch;
+}
+.Flexbox_justify-content-safe-center {
+  justify-content: safe center;
+}
+.Flexbox_justify-content-unsafe-center {
+  justify-content: unsafe center;
+}
+.Flexbox_justify-items-stretch {
+  justify-items: stretch;
+}
+.Flexbox_justify-items-center {
+  justify-items: center;
+}
+.Flexbox_justify-items-start {
+  justify-items: start;
+}
+.Flexbox_justify-items-end {
+  justify-items: end;
+}
+.Flexbox_justify-items-flex-start {
+  justify-items: flex-start;
+}
+.Flexbox_justify-items-flex-end {
+  justify-items: flex-end;
+}
+.Flexbox_justify-items-self-start {
+  justify-items: self-start;
+}
+.Flexbox_justify-items-self-end {
+  justify-items: self-end;
+}
+.Flexbox_justify-items-left {
+  justify-items: left;
+}
+.Flexbox_justify-items-right {
+  justify-items: right;
+}
+.Flexbox_justify-items-baseline {
+  justify-items: baseline;
+}
+.Flexbox_justify-items-first-baseline {
+  justify-items: first baseline;
+}
+.Flexbox_justify-items-last-baseline {
+  justify-items: last baseline;
+}
+.Flexbox_justify-items-safe-center {
+  justify-items: safe center;
+}
+.Flexbox_justify-items-unsafe-center {
+  justify-items: unsafe center;
+}
+.Flexbox_align-content-center {
+  align-content: center;
+}
+.Flexbox_align-content-start {
+  align-content: start;
+}
+.Flexbox_align-content-end {
+  align-content: end;
+}
+.Flexbox_align-content-flex-start {
+  align-content: flex-start;
+}
+.Flexbox_align-content-flex-end {
+  align-content: flex-end;
+}
+.Flexbox_align-content-baseline {
+  align-content: baseline;
+}
+.Flexbox_align-content-first-baseline {
+  align-content: first baseline;
+}
+.Flexbox_align-content-last-baseline {
+  align-content: last baseline;
+}
+.Flexbox_align-content-space-between {
+  align-content: space-between;
+}
+.Flexbox_align-content-space-around {
+  align-content: space-around;
+}
+.Flexbox_align-content-space-evenly {
+  align-content: space-evenly;
+}
+.Flexbox_align-content-stretch {
+  align-content: stretch;
+}
+.Flexbox_align-content-safe-center {
+  align-content: safe center;
+}
+.Flexbox_align-content-unsafe-center {
+  align-content: unsafe center;
+}
+.Flexbox_align-items-center {
+  align-items: center;
+}
+.Flexbox_align-items-start {
+  align-items: start;
+}
+.Flexbox_align-items-end {
+  align-items: end;
+}
+.Flexbox_align-items-flex-start {
+  align-items: flex-start;
+}
+.Flexbox_align-items-flex-end {
+  align-items: flex-end;
+}
+.Flexbox_align-items-self-start {
+  align-items: self-start;
+}
+.Flexbox_align-items-self-end {
+  align-items: self-end;
+}
+.Flexbox_align-items-stretch {
+  align-items: stretch;
+}
+.Flexbox_align-items-baseline {
+  align-items: baseline;
+}
+.Flexbox_align-items-first-baseline {
+  align-items: first baseline;
+}
+.Flexbox_align-items-last-baseline {
+  align-items: last baseline;
+}
+.Flexbox_align-items-safe-center {
+  align-items: safe center;
+}
+.Flexbox_align-items-unsafe-center {
+  align-items: unsafe center;
+}
+.Flexbox_align-self-center {
+  align-self: center;
+}
+.Flexbox_align-self-start {
+  align-self: start;
+}
+.Flexbox_align-self-end {
+  align-self: end;
+}
+.Flexbox_align-self-self-start {
+  align-self: self-start;
+}
+.Flexbox_align-self-self-end {
+  align-self: self-end;
+}
+.Flexbox_align-self-flex-start {
+  align-self: flex-start;
+}
+.Flexbox_align-self-flex-end {
+  align-self: flex-end;
+}
+.Flexbox_align-self-baseline {
+  align-self: baseline;
+}
+.Flexbox_align-self-first-baseline {
+  align-self: first baseline;
+}
+.Flexbox_align-self-last-baseline {
+  align-self: last baseline;
+}
+.Flexbox_align-self-stretch {
+  align-self: stretch;
+}
+.Flexbox_align-self-safe-center {
+  align-self: safe center;
+}
+.Flexbox_align-self-unsafe-center {
+  align-self: unsafe center;
+}
+.Flexbox_inline {
+  display: inline-flex;
+}
+.Flexbox_spacing1 {
+  gap: var(--spacing-1);
+}
+.Flexbox_spacing2 {
+  gap: var(--spacing-2);
+}
+.Flexbox_spacing3 {
+  gap: var(--spacing-3);
+}
+.Flexbox_spacing4 {
+  gap: var(--spacing-4);
+}
+.Flexbox_spacing5 {
+  gap: var(--spacing-5);
+}
+.Flexbox_spacing6 {
+  gap: var(--spacing-6);
+}
+.Flexbox_spacing7 {
+  gap: var(--spacing-7);
+}
+.Flexbox_spacing8 {
+  gap: var(--spacing-8);
+}
+.Flexbox_spacing9 {
+  gap: var(--spacing-9);
+}
+.Flexbox_spacing10 {
+  gap: var(--spacing-10);
+}
+.Flexbox_spacing11 {
+  gap: var(--spacing-11);
+}
+.Flexbox_spacing12 {
+  gap: var(--spacing-12);
+}
+
+/* src/components/Button.module.css */
+.Button_button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  gap: var(--gap);
+  font-size: var(--font-size);
+  font-family: inherit;
+  font-weight: 500;
+  color: var(--font-color);
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: var(--border-radius);
+  padding: var(--padding);
+  position: relative;
+  cursor: pointer;
+}
+.Button_button:disabled {
+  color: var(--font-muted-color);
+  pointer-events: none;
+}
+.Button_button.Button_primary {
+  color: var(--primary-fg-color);
+  background: var(--primary-bg-color);
+}
+.Button_button.Button_primary:hover {
+  background: color-mix(in srgb, var(--primary-bg-color), 10% var(--background-color));
+}
+.Button_button.Button_primary:active {
+  background: color-mix(in srgb, var(--primary-bg-color), 20% var(--background-color));
+}
+.Button_button.Button_primary:disabled {
+  color: var(--primary-fg-color);
+  background: var(--base-color-500);
+}
+.Button_button.Button_secondary {
+  color: var(--secondary-fg-color);
+  background: var(--secondary-bg-color);
+}
+.Button_button.Button_secondary:hover {
+  background: color-mix(in srgb, var(--secondary-bg-color), 5% var(--font-color));
+}
+.Button_button.Button_secondary:active {
+  background: color-mix(in srgb, var(--secondary-bg-color), 10% var(--font-color));
+}
+.Button_button.Button_secondary:disabled {
+  color: var(--font-faded-color);
+}
+.Button_button.Button_outline {
+  background: transparent;
+  border: var(--border);
+  box-shadow: var(--box-shadow-1);
+}
+.Button_button.Button_outline:hover {
+  background: var(--secondary-bg-color);
+}
+.Button_button.Button_outline:active {
+  background: color-mix(in srgb, var(--secondary-bg-color), 5% var(--font-color));
+}
+.Button_button.Button_quiet {
+  background: transparent;
+}
+.Button_button.Button_quiet:hover {
+  background: var(--secondary-bg-color);
+}
+.Button_button.Button_quiet:active {
+  background: color-mix(in srgb, var(--secondary-bg-color), 5% var(--font-color));
+}
+.Button_button.Button_danger {
+  color: var(--light-color);
+  background: var(--danger-bg-color);
+}
+.Button_button.Button_danger:hover {
+  background: color-mix(in srgb, var(--danger-bg-color), 6% black);
+}
+.Button_button.Button_danger:active {
+  background: color-mix(in srgb, var(--danger-bg-color), 12% black);
+}
+.Button_button.Button_danger:disabled {
+  color: var(--primary-fg-color);
+  background: var(--base-color-500);
+}
+.Button_button.Button_xs {
+  font-size: .8rem;
+  padding: 0.5rem 0.75rem;
+}
+.Button_button.Button_sm {
+  font-size: .9rem;
+  padding: 0.5rem 0.75rem;
+}
+.Button_button.Button_md {
+  font-size: 1rem;
+  padding: 0.75rem 1rem;
+}
+.Button_button.Button_lg {
+  font-size: 1.1rem;
+  padding: 1rem 1.25rem;
+}
+.Button_button a {
+  color: inherit;
+}
+
+/* src/components/AlertDialog.module.css */
+.AlertDialog_dialog {
+  display: grid;
+}
+.AlertDialog_title {
+  font-weight: 700;
+}
+
+/* src/components/Breadcrumbs.module.css */
+.Breadcrumbs_breadcrumbs {
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+}
+.Breadcrumbs_breadcrumb {
+  display: flex;
+  align-items: center;
+  font-size: var(--font-size2);
+  gap: var(--gap);
+  list-style: none;
+}
+.Breadcrumbs_breadcrumb a {
+  color: var(--font-muted-color);
+}
+.Breadcrumbs_breadcrumb a:hover {
+  color: var(--font-color);
+}
+.Breadcrumbs_icon {
+  color: var(--font-muted-color);
+}
+.Breadcrumbs_breadcrumb:last-child {
+  font-weight: var(--font-weight4);
+}
+.Breadcrumbs_breadcrumb:last-child .Breadcrumbs_icon {
+  display: none;
+}
+
+/* src/components/Calendar.module.css */
+.Calendar_calendar {
+  width: fit-content;
+  max-width: 100%;
+}
+.Calendar_header {
+  display: flex;
+  align-items: center;
+  margin-bottom: var(--spacing-4);
+}
+.Calendar_heading {
+  flex: 1;
+  margin: 0;
+  text-align: center;
+  font-size: var(--font-size);
+  font-weight: 700;
+}
+.Calendar_button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  background: transparent;
+}
+.Calendar_headerCell {
+  font-size: var(--font-size);
+  font-weight: 700;
+}
+.Calendar_cell {
+  width: 3rem;
+  line-height: 3rem;
+  text-align: center;
+  border-radius: var(--border-radius);
+  cursor: pointer;
+  outline: none;
+  margin: 1px;
+  forced-color-adjust: none;
+}
+.Calendar_cell:hover {
+  color: var(--highlight-fg-color);
+  background: var(--highlight-bg-color);
+}
+.Calendar_cell[data-outside-month] {
+  display: none;
+}
+.Calendar_cell[data-focus-visible] {
+  outline: 2px solid var(--font-color);
+  outline-offset: 2px;
+}
+.Calendar_cell[data-selected] {
+  color: var(--primary-fg-color);
+  border-color: var(--primary-bg-color);
+  background: var(--primary-bg-color);
+}
+
+/* src/components/Checkbox.module.css */
+.Checkbox_checkbox {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--spacing-3);
+  color: var(--font-color);
+}
+.Checkbox_box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: var(--border);
+  border-radius: var(--border-radius);
+  height: 23px;
+  width: 23px;
+  transition: all 0.2s;
+  cursor: pointer;
+}
+.Checkbox_icon {
+  display: none;
+}
+.Checkbox_checkbox[data-selected] .Checkbox_box {
+  color: var(--primary-fg-color);
+  background: var(--primary-bg-color);
+}
+.Checkbox_checkbox[data-selected] .Checkbox_icon,
+.Checkbox_checkbox[data-indeterminate] .Checkbox_icon {
+  display: block;
+}
+.Checkbox_checkbox[data-indeterminate] .Checkbox_box {
+  color: var(--font-color);
+  background: var(--background-color);
+}
+.Checkbox_checkbox[data-disabled] {
+  color: var(--font-muted-color);
+}
+.Checkbox_checkbox[data-disabled] .Checkbox_box {
+  background: var(--input-disabled-color);
+  pointer-events: none;
+}
+
+/* src/components/ListItem.module.css */
+.ListItem_item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: var(--font-color);
+  background: var(--background-color);
+  padding: var(--padding);
+  gap: var(--gap);
+  min-width: 120px;
+  cursor: pointer;
+}
+.ListItem_item:hover {
+  background: var(--highlight-bg-color);
+}
+.ListItem_item[data-selected] {
+  font-weight: bold;
+}
+.ListItem_item[data-selected] .ListItem_check {
+  display: block;
+}
+.ListItem_check {
+  display: none;
+}
+
+/* src/components/List.module.css */
+.List_list {
+  overflow: hidden;
+  min-width: 100px;
+  border: var(--border);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow-);
+}
+.List_separator {
+  border-bottom: var(--border);
+}
+
+/* src/components/Popover.module.css */
+.Popover_popover[data-placement=top] {
+  --origin: translateY(8px);
+}
+.Popover_popover[data-placement=bottom] {
+  --origin: translateY(-8px);
+}
+.Popover_popover[data-placement=right] {
+  --origin: translateX(-8px);
+}
+.Popover_popover[data-placement=left] {
+  --origin: translateX(8px);
+}
+.Popover_popover[data-entering] {
+  animation: Popover_popover-slide 200ms;
+}
+.Popover_popover[data-exiting] {
+  animation: Popover_popover-slide 200ms reverse ease-in;
+}
+@keyframes Popover_popover-slide {
+  from {
+    transform: var(--origin);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+/* src/components/Combobox.module.css */
+.Combobox_combobox {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.Combobox_field {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  color: var(--font-color);
+  border: var(--border);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow-);
+}
+.Combobox_input {
+  background: none;
+  border: none;
+  color: var(--font-color);
+  padding: var(--padding);
+}
+.Combobox_button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  background: transparent;
+  color: var(--font-faded-color);
+}
+.Combobox_list {
+  box-shadow: var(--box-shadow-3);
+}
+.Combobox_icon {
+  color: var(--font-muted-color);
+  margin-right: var(--spacing-2);
+}
+.Combobox_icon:hover {
+  color: var(--font-color);
+  cursor: pointer;
+}
+
+/* src/components/CopyButton.module.css */
+.CopyButton_icon {
+  animation: CopyButton_copy-button 200ms;
+}
+@keyframes CopyButton_copy-button {
+  from {
+    scale: 0.5;
+    opacity: 0;
+  }
+  to {
+    scale: 1;
+    opacity: 1;
+  }
+}
+
+/* src/components/Field.module.css */
+.Field_field {
+  display: flex;
+  align-items: center;
+  border: var(--border);
+  border-radius: var(--border-radius);
+  background: var(--background-color);
+  box-shadow: var(--box-shadow-);
+  position: relative;
+}
+.Field_field[data-readonly],
+.Field_field[data-disabled] {
+  background: var(--input-disabled-color);
+}
+.Field_input {
+  color: var(--font-color);
+  border: 0;
+  background: transparent;
+  padding: var(--padding);
+  line-height: 1.5rem;
+  flex: 1;
+}
+.Field_input::placeholder {
+  color: var(--font-muted-color);
+}
+.Field_input:disabled {
+  color: var(--font-muted-color);
+}
+.Field_input::-webkit-search-cancel-button,
+.Field_input::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+.Field_icon {
+  color: var(--font-muted-color);
+}
+
+/* src/components/TextField.module.css */
+.TextField_copy {
+  position: absolute;
+  top: 9px;
+  right: 9px;
+  color: var(--font-muted-color);
+  background: var(--background-color);
+}
+.TextField_copy:hover {
+  color: var(--font-color);
+  cursor: pointer;
+}
+.TextField_textarea {
+  min-height: 60px;
+  min-width: 140px;
+}
+
+/* src/components/Text.module.css */
+.Text_text {
+  color: currentColor;
+  line-height: 1.2em;
+}
+.Text_xs {
+  font-size: var(--font-size-xs);
+}
+.Text_sm {
+  font-size: var(--font-size-sm);
+}
+.Text_md {
+  font-size: var(--font-size-md);
+}
+.Text_lg {
+  font-size: var(--font-size-lg);
+}
+.Text_xl {
+  font-size: var(--font-size-xl);
+}
+.Text_muted {
+  color: var(--font-muted-color);
+}
+.Text_faded {
+  color: var(--font-faded-color);
+}
+.Text_lighter {
+  font-weight: 200;
+}
+.Text_light {
+  font-weight: 300;
+}
+.Text_bold {
+  font-weight: 700;
+}
+.Text_bolder {
+  font-weight: 900;
+}
+.Text_tighter {
+  letter-spacing: -0.05em;
+}
+.Text_tight {
+  letter-spacing: -0.025em;
+}
+.Text_wide {
+  letter-spacing: 0.025em;
+}
+.Text_wider {
+  letter-spacing: 0.05em;
+}
+
+/* src/components/ConfirmationDialog.module.css */
+.ConfirmationDialog_dialog {
+  position: relative;
+}
+.ConfirmationDialog_value {
+  font-size: var(--font-size-lg);
+  font-weight: 700;
+}
+
+/* src/components/Table.module.css */
+.Table_table {
+  border-collapse: collapse;
+  width: 100%;
+  position: relative;
+}
+.Table_table th,
+.Table_table td {
+  min-width: 0;
+}
+.Table_header,
+.Table_body {
+  display: contents;
+}
+.Table_header tr {
+  display: flex;
+  border-bottom: 1px solid var(--border-color);
+}
+.Table_row {
+  display: flex;
+  border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
+}
+.Table_header .Table_column:first-child,
+.Table_row .Table_cell:first-child {
+  padding-left: 0;
+}
+.Table_header .Table_column:last-child,
+.Table_row .Table_cell:last-child {
+  padding-right: 0;
+}
+.Table_column {
+  display: flex;
+  padding: var(--padding);
+  text-align: left;
+  font-weight: 700;
+  flex: 1;
+}
+.Table_cell {
+  display: flex;
+  padding: var(--padding);
+  overflow: hidden;
+  flex: 1;
+}
+.Table_start {
+  justify-content: flex-start;
+}
+.Table_center {
+  justify-content: center;
+}
+.Table_end {
+  justify-content: flex-end;
+}
+
+/* src/components/DataTable.module.css */
+.DataTable_datatable {
+  position: relative;
+}
+.DataTable_cell {
+  align-items: center;
+}
+
+/* src/components/Dots.module.css */
+.Dots_dots {
+  position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 50px;
+  gap: 8px;
+}
+.Dots_dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 100%;
+  background: color-mix(in srgb, var(--font-color), 50% transparent);
+  animation: Dots_dots-blink 1.2s infinite;
+  animation-fill-mode: both;
+}
+.Dots_dot:nth-child(2) {
+  animation-delay: 0.2s;
+}
+.Dots_dot:nth-child(3) {
+  animation-delay: 0.4s;
+}
+@keyframes Dots_dots-blink {
+  0% {
+    opacity: 0.2;
+  }
+  20% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.2;
+  }
+}
+
+/* src/components/Heading.module.css */
+.Heading_heading {
+  color: var(--font-color);
+  font-weight: 700;
+  margin-top: 0;
+}
+.Heading_size1 {
+  font-size: 0.75rem;
+}
+.Heading_size2 {
+  font-size: 1rem;
+}
+.Heading_size3 {
+  font-size: 1.25rem;
+}
+.Heading_size4 {
+  font-size: 1.5rem;
+}
+.Heading_size5 {
+  font-size: 1.75rem;
+}
+.Heading_size6 {
+  font-size: 2rem;
+}
+.Heading_size7 {
+  font-size: 2.5rem;
+}
+.Heading_size8 {
+  font-size: 3.5rem;
+}
+.Heading_size9 {
+  font-size: 5rem;
+}
+
+/* src/components/InlineEditField.module.css */
+.InlineEditField_edit {
+  display: flex;
+  align-items: center;
+  position: relative;
+  cursor: pointer;
+}
+.InlineEditField_edit:hover .InlineEditField_icon {
+  display: block;
+}
+.InlineEditField_icon {
+  display: none;
+  right: calc(-1 * var(--spacing-5));
+  position: absolute;
+}
+
+/* src/components/Label.module.css */
+.Label_label {
+  font-weight: 700;
+}
+
+/* src/components/Spinner.module.css */
+.Spinner_spinner {
+  position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+.Spinner_spinner svg {
+  fill: none;
+  font-size: 16px;
+  stroke-width: 0.15em;
+  transform-origin: center center;
+  animation: Spinner_spinner-rotate 1.6s linear infinite;
+}
+.Spinner_track {
+  stroke: var(--input-bg-color);
+}
+.Spinner_fill {
+  stroke: var(--primary-bg-color);
+  stroke-linecap: square;
+  stroke-dasharray: 1, 200;
+  stroke-dashoffset: 0;
+  animation: Spinner_spinner-dash 1.2s ease-in-out infinite;
+}
+.Spinner_size-sm svg {
+  width: 16px;
+  height: 16px;
+}
+.Spinner_size-md svg {
+  width: 24px;
+  height: 24px;
+}
+.Spinner_size-lg svg {
+  width: 32px;
+  height: 32px;
+}
+.Spinner_size-xl svg {
+  width: 64px;
+  height: 64px;
+}
+.Spinner_quiet .Spinner_track {
+  display: none;
+}
+@keyframes Spinner_spinner-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes Spinner_spinner-dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124;
+  }
+}
+
+/* src/components/Loading.module.css */
+.Loading_loading {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  pointer-events: none;
+}
+.Loading_page {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+}
+.Loading_center {
+  margin: auto;
+}
+.Loading_inline {
+  display: inline-flex;
+}
+
+/* src/components/MenuItem.module.css */
+.MenuItem_item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: var(--font-color);
+  background: var(--background-color);
+  padding: var(--padding);
+  border-radius: var(--border-radius);
+  gap: var(--gap);
+  cursor: pointer;
+}
+.MenuItem_item:hover {
+  background: var(--highlight-bg-color);
+}
+.MenuItem_item[data-selected] {
+  font-weight: bold;
+}
+.MenuItem_item[data-selected] .MenuItem_check {
+  display: block;
+}
+.MenuItem_check {
+  display: none;
+}
+
+/* src/components/Menu.module.css */
+.Menu_menu {
+  overflow: hidden;
+  min-width: 200px;
+  border: var(--border);
+  border-radius: var(--border-radius);
+  padding: var(--spacing-2);
+  box-shadow: var(--box-shadow-);
+  background: var(--background-color);
+}
+.Menu_separator {
+  border-bottom: var(--border);
+}
+
+/* src/components/Modal.module.css */
+.Modal_overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.Modal_overlay[data-entering] {
+  animation: Modal_modal-fade 200ms;
+}
+.Modal_overlay[data-exiting] {
+  animation: Modal_modal-fade 150ms reverse ease-in;
+}
+.Modal_modal {
+  position: relative;
+}
+.Modal_modal[data-entering] {
+  animation: Modal_modal-zoom 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
+}
+@keyframes Modal_modal-fade {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes Modal_modal-zoom {
+  from {
+    transform: scale(0.8);
+  }
+  to {
+    transform: scale(1);
+  }
+}
+
+/* src/components/PasswordField.module.css */
+.PasswordField_field {
+  display: flex;
+  align-items: center;
+  border: var(--border);
+  border-radius: var(--border-radius);
+  background: var(--background-color);
+  box-shadow: var(--box-shadow-);
+  gap: var(--spacing-2);
+  position: relative;
+}
+.PasswordField_field[data-readonly],
+.PasswordField_field[data-disabled] {
+  background: var(--background-color);
+}
+.PasswordField_input {
+  color: var(--font-color);
+  border: 0;
+  background: transparent;
+  padding: var(--padding);
+  line-height: 1.5rem;
+}
+.PasswordField_input::placeholder {
+  color: var(--font-muted-color);
+}
+.PasswordField_input:disabled {
+  color: var(--font-muted-color);
+}
+.PasswordField_icon {
+  color: var(--font-muted-color);
+  margin: 0 var(--spacing-3);
+}
+
+/* src/components/Page.module.css */
+.Page_page {
+  display: grid;
+  min-height: 100vh;
+  color: var(--font-color);
+  background: var(--background-color);
+}
+
+/* src/components/ProgressBar.module.css */
+.ProgressBar_progressbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-3);
+}
+.ProgressBar_track {
+  height: 10px;
+  background: var(--input-bg-color);
+  flex-basis: 100%;
+  width: fit-content;
+  border-radius: var(--border-radius);
+  overflow: hidden;
+  min-width: 100px;
+}
+.ProgressBar_fill {
+  background: var(--primary-bg-color);
+  height: 10px;
+}
+.ProgressBar_value {
+  font-weight: 700;
+}
+
+/* src/components/ProgressCircle.module.css */
+.ProgressCircle_progresscircle {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ProgressCircle_progresscircle svg {
+  fill: none;
+  stroke-width: 8px;
+  transform: rotate(-90deg);
+  font-size: var(--font-size-md);
+  width: 96px;
+  height: 96px;
+}
+.ProgressCircle_track {
+  stroke: var(--input-bg-color);
+}
+.ProgressCircle_fill {
+  stroke: var(--primary-bg-color);
+}
+.ProgressCircle_value {
+  font-weight: 700;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+/* src/components/RadioGroup.module.css */
+.RadioGroup_radiogroup {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  color: var(--font-color);
+}
+.RadioGroup_radiogroup[data-orientation=vertical] {
+  flex-direction: column;
+}
+.RadioGroup_radiogroup[data-orientation=horizontal] {
+  flex-direction: row;
+}
+.RadioGroup_radio {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3);
+  font-size: var(--font-size);
+  color: var(--font-color);
+  forced-color-adjust: none;
+}
+.RadioGroup_radio:before {
+  content: "";
+  display: block;
+  width: 20px;
+  height: 20px;
+  box-sizing: border-box;
+  border: var(--border);
+  background: var(--background-color);
+  border-radius: 20px;
+  transition: all 200ms;
+  box-shadow: var(--box-shadow-);
+}
+.RadioGroup_radio[data-pressed]:before {
+  border-color: var(--border-color);
+}
+.RadioGroup_radio[data-selected]:before {
+  border-color: var(--primary-bg-color);
+  border-width: 7px;
+}
+.RadioGroup_radio[data-selected][data-pressed]:before {
+  border-color: var(--primary-bg-color);
+}
+.RadioGroup_radio[data-disabled] {
+  color: var(--font-muted-color);
+}
+.RadioGroup_radio[data-disabled]:before {
+  background-color: var(--input-disabled-color);
+}
+
+/* src/components/SearchField.module.css */
+.SearchField_icon {
+  margin-left: var(--spacing-2);
+}
+.SearchField_button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--font-muted-color);
+  border: none;
+  background: none;
+  cursor: pointer;
+  border-radius: var(--border-radius-full);
+  padding: 0;
+  margin: 0 var(--spacing-2);
+}
+.SearchField_button:hover {
+  color: var(--font-color);
+}
+
+/* src/components/Select.module.css */
+.Select_select {
+  display: flex;
+  align-items: center;
+  color: var(--font-color);
+  background: var(--background-color);
+  box-shadow: var(--box-shadow-);
+}
+.Select_button {
+  display: flex;
+  align-items: center;
+  color: var(--font-color);
+  font-size: var(--font-size);
+  gap: var(--gap);
+  border: var(--border);
+  padding: var(--padding);
+  border-radius: var(--border-radius);
+  background: var(--background-color);
+  cursor: pointer;
+}
+.Select_list {
+  min-width: 200px;
+  box-shadow: var(--box-shadow-3);
+}
+.Select_icon {
+  color: var(--font-faded-color);
+}
+.Select_icon:hover {
+  color: var(--font-color);
+  cursor: pointer;
+}
+
+/* src/components/Slider.module.css */
+.Slider_slider {
+  display: grid;
+  grid-template-areas: "label output" "track track";
+  grid-template-columns: 1fr auto;
+  color: var(--font-color);
+}
+.Slider_label {
+  grid-area: label;
+}
+.Slider_output {
+  grid-area: output;
+}
+.Slider_track {
+  grid-area: track;
+  position: relative;
+}
+.Slider_track:before {
+  content: "";
+  display: block;
+  position: absolute;
+  background: var(--border-color);
+}
+.Slider_fill {
+  content: "";
+  display: block;
+  position: absolute;
+  height: 3px;
+  background-color: var(--primary-bg-color);
+  top: 50%;
+  transform: translateY(-50%);
+}
+.Slider_thumb {
+  width: 20px;
+  height: 20px;
+  border-radius: 100%;
+  background: var(--background-color);
+  border: 2px solid var(--primary-bg-color);
+  forced-color-adjust: none;
+}
+.Slider_thumb[data-dragging] {
+  background: var(--highlight-bg-color);
+}
+.Slider_thumb[data-focus-visible] {
+  outline: 2px solid var(--font-color);
+}
+.Slider_slider[data-orientation=horizontal] {
+  flex-direction: column;
+  width: 100%;
+}
+.Slider_slider[data-orientation=horizontal] .Slider_track {
+  height: 30px;
+  width: 100%;
+}
+.Slider_slider[data-orientation=horizontal] .Slider_track:before {
+  height: 3px;
+  width: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.Slider_slider[data-orientation=horizontal] .Slider_thumb {
+  top: 50%;
+}
+.Slider_slider[data-orientation=vertical] {
+  height: 150px;
+  display: block;
+}
+.Slider_slider[data-orientation=vertical] .Slider_fill {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 3px;
+  background-color: var(--border-color);
+  left: 50%;
+  transform: translateX(-50%);
+  top: 0;
+}
+.Slider_slider[data-orientation=vertical] .Slider_label,
+.Slider_slider[data-orientation=vertical] .Slider_output {
+  display: none;
+}
+.Slider_slider[data-orientation=vertical] .Slider_track {
+  width: 30px;
+  height: 100%;
+}
+.Slider_slider[data-orientation=vertical] .Slider_track:before {
+  width: 3px;
+  height: 100%;
+  background-color: var(--primary-bg-color);
+  left: 50%;
+  transform: translateX(-50%);
+}
+.Slider_slider[data-orientation=vertical] .Slider_thumb {
+  left: 50%;
+}
+
+/* src/components/StatusLight.module.css */
+.StatusLight_statuslight {
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+}
+.StatusLight_status,
+.StatusLight_bg {
+  width: 10px;
+  height: 10px;
+  border-radius: 100%;
+  background: #fff;
+  position: relative;
+}
+.StatusLight_status.StatusLight_success {
+  background: var(--success-bg-color);
+}
+.StatusLight_status.StatusLight_warning {
+  background: var(--warning-bg-color);
+}
+.StatusLight_status.StatusLight_error {
+  background: var(--danger-bg-color);
+}
+.StatusLight_status.StatusLight_active {
+  background: var(--active-bg-color);
+}
+.StatusLight_status.StatusLight_inactive {
+  background: var(--inactive-bg-color);
+}
+
+/* src/components/Switch.module.css */
+.Switch_switch {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+  color: var(--font-color);
+  --knob-size: 16px;
+  --knob-border-size: 3px;
+}
+.Switch_track {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: calc((var(--knob-size) + var(--knob-border-size)) * 2);
+  height: calc(var(--knob-size) + var(--knob-border-size) * 2);
+  border: var(--knob-border-size) solid transparent;
+  border-radius: calc(var(--knob-size) + var(--knob-border-size) * 2);
+  background: var(--input-bg-color);
+  transition: background-color 0.2s;
+  cursor: pointer;
+}
+.Switch_knob {
+  width: var(--knob-size);
+  height: var(--knob-size);
+  border-radius: 100%;
+  background: var(--background-color);
+  transition: all 0.2s;
+  box-shadow: var(--box-shadow-2);
+}
+.Switch_switch[data-selected] .Switch_track {
+  border-color: var(--primary-bg-color);
+  background: var(--primary-bg-color);
+}
+.Switch_switch[data-selected] .Switch_knob {
+  margin-left: var(--knob-size);
+  border-color: var(--primary-bg-color);
+}
+.Switch_switch[data-disabled] {
+  color: var(--font-faded-color);
+  pointer-events: none;
+}
+.Switch_switch[data-disabled] .Switch_track {
+  border-color: var(--input-disabled-color);
+  background: var(--input-disabled-color);
+}
+.Switch_switch[data-disabled] .Switch_knob {
+  border-color: var(--input-disabled-color);
+}
+
+/* src/components/Tabs.module.css */
+.Tabs_tabs {
+  position: relative;
+  width: 100%;
+}
+.Tabs_list {
+  display: flex;
+  align-items: center;
+  border-bottom: 2px solid var(--border-color);
+  gap: var(--gap);
+  margin-bottom: var(--spacing-6);
+}
+.Tabs_list.Tabs_quiet {
+  border: 0;
+}
+.Tabs_tab {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--font-muted-color);
+  min-height: 3rem;
+  border-bottom: 2px solid transparent;
+  user-select: none;
+  margin: 0 0 -2px 0;
+  cursor: pointer;
+}
+.Tabs_tab:hover {
+  color: var(--font-color);
+}
+.Tabs_tab[data-selected] {
+  color: var(--font-color);
+  border-bottom: 2px solid var(--primary-bg-color);
+}
+.Tabs_tab[data-disabled] {
+  color: var(--font-faded-color);
+  cursor: default;
+}
+
+/* src/components/TextOverflow.module.css */
+.TextOverflow_wrapper {
+  flex-basis: 100%;
+  min-width: 0;
+}
+.TextOverflow_overflow {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+/* src/components/TextArea.module.css */
+.TextArea_none {
+  resize: none;
+}
+.TextArea_horizontal {
+  resize: horizontal;
+}
+.TextArea_vertical {
+  resize: vertical;
+}
+
+/* src/components/Toast.module.css */
+.Toast_viewport {
+  --viewport-padding: 25px;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  padding: var(--viewport-padding);
+  gap: 10px;
+  width: 460px;
+  max-width: 100vw;
+  margin: 0;
+  list-style: none;
+  z-index: 2147483647;
+  outline: none;
+}
+.Toast_toast {
+  display: grid;
+  grid-template-areas: "icon title action" "icon description action";
+  grid-template-columns: auto 1fr auto;
+  grid-auto-columns: auto;
+  align-items: center;
+  background-color: var(--background-color);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow-3);
+  padding: 1.25rem 1.5rem;
+  border: var(--border);
+  position: relative;
+}
+.Toast_toast[data-state=open] {
+  animation: Toast_slide-in 150ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+.Toast_toast[data-state=closed] {
+  animation: Toast_hide 100ms ease-in;
+}
+.Toast_toast[data-swipe=move] {
+  transform: translateX(0);
+}
+.Toast_toast[data-swipe=cancel] {
+  transform: translateX(0);
+  transition: transform 200ms ease-out;
+}
+.Toast_toast[data-swipe=end] {
+  animation: Toast_swipe-out 100ms ease-out;
+}
+.Toast_toast:has(.Toast_icon) {
+  grid-template-columns: auto 1fr auto;
+  column-gap: var(--gap);
+}
+.Toast_icon {
+  grid-area: icon;
+}
+.Toast_icon:empty {
+  display: none;
+}
+.Toast_title {
+  grid-area: title;
+  color: var(--font-color);
+  font-weight: 700;
+}
+.Toast_description {
+  grid-area: description;
+}
+.Toast_action {
+  grid-area: action;
+  border: 0;
+  background: transparent;
+}
+.Toast_close {
+  color: currentColor;
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  display: none;
+  border: 0;
+  background: transparent;
+}
+.Toast_toast:hover .Toast_close {
+  display: block;
+  cursor: pointer;
+}
+.Toast_toast.Toast_info {
+  color: var(--primary-fg-color);
+  background: var(--primary-bg-color);
+  border: 0;
+}
+.Toast_toast.Toast_error {
+  color: var(--danger-fg-color);
+  background: var(--danger-bg-color);
+  border: 0;
+}
+@keyframes Toast_hide {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(50px);
+  }
+}
+@keyframes Toast_slide-in {
+  from {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes Toast_swipe-out {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(calc(100% + var(--viewport-padding)));
+  }
+}
+
+/* src/components/Toggle.module.css */
+.Toggle_toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  gap: var(--gap);
+  font-size: var(--font-size);
+  font-family: inherit;
+  font-weight: 500;
+  color: var(--font-color);
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: var(--border-radius);
+  padding: var(--padding);
+  position: relative;
+  cursor: pointer;
+}
+.Toggle_toggle:hover {
+  background: var(--highlight-bg-color);
+}
+.Toggle_toggle[data-selected] {
+  color: var(--primary-fg-color);
+  background: var(--primary-bg-color);
+}
+
+/* src/components/ToggleGroup.module.css */
+.ToggleGroup_group {
+  display: inline-flex;
+  background-color: var(--background-color);
+  box-shadow: var(--box-shadow-);
+  border: var(--border);
+  border-radius: var(--border-radius);
+  overflow: hidden;
+}
+.ToggleGroup_item {
+  color: var(--font-color);
+  background-color: var(--background-color);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--padding);
+  border: 0;
+  cursor: pointer;
+}
+.ToggleGroup_item:not(:first-child) {
+  border-left: var(--border);
+}
+.ToggleGroup_item:hover {
+  background-color: var(--highlight-bg-color);
+}
+.ToggleGroup_item[data-state=on] {
+  font-weight: 700;
+  background-color: var(--highlight-bg-color);
+  font-size-adjust: 0.5;
+}
+.ToggleGroup_item:focus {
+  position: relative;
+}
+
+/* src/components/Tooltip.module.css */
+.Tooltip_tooltip {
+  font-size: var(--font-size-sm);
+  background: rgba(0, 0, 0, 0.8);
+  color: var(--light-color);
+  forced-color-adjust: none;
+  outline: none;
+  padding: var(--padding);
+  border-radius: var(--border-radius);
+  max-width: 150px;
+  transform: translate3d(0, 0, 0);
+}
+.Tooltip_tooltip[data-placement=top] {
+  margin-bottom: 8px;
+  --origin: translateY(4px);
+}
+.Tooltip_tooltip[data-placement=bottom] {
+  margin-top: 8px;
+  --origin: translateY(-4px);
+}
+.Tooltip_tooltip[data-placement=bottom] .Tooltip_arrow svg {
+  transform: rotate(180deg);
+}
+.Tooltip_tooltip[data-placement=right] {
+  margin-left: 8px;
+  --origin: translateX(-4px);
+}
+.Tooltip_tooltip[data-placement=right] .Tooltip_arrow svg {
+  transform: rotate(90deg);
+}
+.Tooltip_tooltip[data-placement=left] {
+  margin-right: 8px;
+  --origin: translateX(4px);
+}
+.Tooltip_tooltip[data-placement=left] .Tooltip_arrow svg {
+  transform: rotate(-90deg);
+}
+.Tooltip_tooltip .Tooltip_arrow svg {
+  display: block;
+  fill: rgba(0, 0, 0, 0.8);
+}
+.Tooltip_tooltip[data-entering] {
+  animation: Tooltip_slide 200ms;
+}
+.Tooltip_tooltip[data-exiting] {
+  animation: Tooltip_slide 200ms reverse ease-in;
+}
+@keyframes Tooltip_slide {
+  from {
+    transform: var(--origin);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}