@balikjs/mobile 0.0.1

package/dist/styles.css

@@ -0,0 +1 @@
+._base_1wdx8_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background-color var(--b-transition-fast),border-color var(--b-transition-fast),opacity var(--b-transition-fast);--_current-intent: var(--base-edge)}._base_1wdx8_1:disabled{background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-fg);cursor:not-allowed}._loadingOverlay_1wdx8_26{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;display:flex;align-items:center;justify-content:center;background-color:color-mix(in oklch,var(--base-bg) 50%,transparent);border-radius:inherit;pointer-events:none}._loadingButton_1wdx8_37{pointer-events:none}._outline_1wdx8_41{background-color:var(--base-bg);border-color:var(--_current-intent);color:var(--base-fg);--_spinner-color: var(--_current-intent)}._outline_1wdx8_41:active:not(:disabled){background-color:oklch(from var(--_current-intent) .96 .03 h);border-color:oklch(from var(--_current-intent) calc(l - .08) c h)}._primary_1wdx8_53{background-color:var(--_current-intent);border-color:var(--_current-intent);color:var(--base-bg);--_spinner-color: var(--_current-intent)}._primary_1wdx8_53:active:not(:disabled){background-color:oklch(from var(--_current-intent) calc(l + .08) calc(c - .02) h);border-color:oklch(from var(--_current-intent) calc(l + .08) calc(c - .02) h)}._intentDefault_1wdx8_65{--_current-intent: var(--base-edge)}._intentDanger_1wdx8_69{--_current-intent: var(--color-danger)}._sizeXs_1wdx8_73{height:var(--b-comp-height-xs);line-height:var(--b-comp-line-height-xs);padding:var(--b-comp-padding-y-xs) var(--b-comp-padding-x-xs);font-size:var(--b-comp-font-size-xs);border-radius:var(--b-radius-l1-xs)}._sizeSm_1wdx8_81{height:var(--b-comp-height-sm);line-height:var(--b-comp-line-height-sm);padding:var(--b-comp-padding-y-sm) var(--b-comp-padding-x-sm);font-size:var(--b-comp-font-size-sm);border-radius:var(--b-radius-l1-sm)}._sizeMd_1wdx8_89{height:var(--b-comp-height-md);line-height:var(--b-comp-line-height-md);padding:var(--b-comp-padding-y-md) var(--b-comp-padding-x-md);font-size:var(--b-comp-font-size-md);border-radius:var(--b-radius-l1-md)}._sizeLg_1wdx8_97{height:var(--b-comp-height-lg);line-height:var(--b-comp-line-height-lg);padding:var(--b-comp-padding-y-lg) var(--b-comp-padding-x-lg);font-size:var(--b-comp-font-size-lg);border-radius:var(--b-radius-l1-lg)}._sizeXl_1wdx8_105{height:var(--b-comp-height-xl);line-height:var(--b-comp-line-height-xl);padding:var(--b-comp-padding-y-xl) var(--b-comp-padding-x-xl);font-size:var(--b-comp-font-size-xl);border-radius:var(--b-radius-l1-xl)}._spinner_1wdx8_113{width:1em;height:1em;color:var(--_spinner-color);animation:_balik-button-spin_1wdx8_1 .6s linear infinite}@keyframes _balik-button-spin_1wdx8_1{to{transform:rotate(360deg)}}._base_15isk_1{display:block;width:100%;border:1px solid transparent;border-radius:var(--_border-radius);font-family:inherit;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;transition:background-color var(--b-transition-fast),border-color var(--b-transition-fast),color var(--b-transition-fast);--_current-intent: var(--base-edge)}._base_15isk_1::placeholder{color:var(--color-disabled-fg)}._base_15isk_1:disabled{background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-fg)}._solid_15isk_28{background-color:color-mix(in oklch,var(--base-fg) 2%,var(--base-bg));border-color:transparent}._solid_15isk_28:focus{background-color:var(--color-focus-bg)}._outline_15isk_37{background-color:var(--base-bg);border-color:var(--_current-intent)}._outline_15isk_37:focus{background-color:var(--color-focus-bg);border-color:var(--color-focus-border)}._singleline_15isk_47{background-color:transparent;border-color:transparent;border-bottom-color:var(--_current-intent);border-radius:0}._singleline_15isk_47:focus{background-color:var(--color-focus-bg);border-bottom-color:var(--color-focus-border)}._sizeXs_15isk_59{height:var(--b-comp-height-xs);line-height:var(--b-comp-line-height-xs);padding:var(--b-comp-padding-y-xs) var(--b-comp-padding-x-xs);font-size:var(--b-comp-font-size-xs);--_border-radius: var(--b-radius-l1-xs)}._sizeSm_15isk_67{height:var(--b-comp-height-sm);line-height:var(--b-comp-line-height-sm);padding:var(--b-comp-padding-y-sm) var(--b-comp-padding-x-sm);font-size:var(--b-comp-font-size-sm);--_border-radius: var(--b-radius-l1-sm)}._sizeMd_15isk_75{height:var(--b-comp-height-md);line-height:var(--b-comp-line-height-md);padding:var(--b-comp-padding-y-md) var(--b-comp-padding-x-md);font-size:var(--b-comp-font-size-md);--_border-radius: var(--b-radius-l1-md)}._sizeLg_15isk_83{height:var(--b-comp-height-lg);line-height:var(--b-comp-line-height-lg);padding:var(--b-comp-padding-y-lg) var(--b-comp-padding-x-lg);font-size:var(--b-comp-font-size-lg);--_border-radius: var(--b-radius-l1-lg)}._sizeXl_15isk_91{height:var(--b-comp-height-xl);line-height:var(--b-comp-line-height-xl);padding:var(--b-comp-padding-y-xl) var(--b-comp-padding-x-xl);font-size:var(--b-comp-font-size-xl);--_border-radius: var(--b-radius-l1-xl)}._base_1lyc2_1{display:block;width:100%;min-height:var(--_min-height);border-width:1px;border-style:solid;border-color:var(--_border-color, transparent);border-radius:var(--_border-radius);font-family:inherit;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;transition:background-color var(--b-transition-fast),border-color var(--b-transition-fast),color var(--b-transition-fast);resize:vertical;--_current-intent: var(--base-edge)}._base_1lyc2_1::placeholder{color:var(--color-disabled-fg)}._base_1lyc2_1:disabled{background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-fg)}._solid_1lyc2_32{--_border-color: transparent;background-color:color-mix(in oklch,var(--base-fg) 2%,var(--base-bg))}._solid_1lyc2_32:focus{background-color:var(--color-focus-bg)}._outline_1lyc2_41{--_border-color: var(--_current-intent);background-color:var(--base-bg)}._outline_1lyc2_41:focus{background-color:var(--color-focus-bg);border-color:var(--color-focus-border)}._sizeXs_1lyc2_51{--_min-height: 72px;padding:var(--b-comp-padding-y-xs) var(--b-comp-padding-x-xs);font-size:var(--b-comp-font-size-xs);line-height:var(--b-comp-line-height-xs);--_border-radius: var(--b-radius-l1-xs)}._sizeSm_1lyc2_59{--_min-height: 80px;padding:var(--b-comp-padding-y-sm) var(--b-comp-padding-x-sm);font-size:var(--b-comp-font-size-sm);line-height:var(--b-comp-line-height-sm);--_border-radius: var(--b-radius-l1-sm)}._sizeMd_1lyc2_67{--_min-height: 88px;padding:var(--b-comp-padding-y-md) var(--b-comp-padding-x-md);font-size:var(--b-comp-font-size-md);line-height:var(--b-comp-line-height-md);--_border-radius: var(--b-radius-l1-md)}._sizeLg_1lyc2_75{--_min-height: 96px;padding:var(--b-comp-padding-y-lg) var(--b-comp-padding-x-lg);font-size:var(--b-comp-font-size-lg);line-height:var(--b-comp-line-height-lg);--_border-radius: var(--b-radius-l1-lg)}._sizeXl_1lyc2_83{--_min-height: 112px;padding:var(--b-comp-padding-y-xl) var(--b-comp-padding-x-xl);font-size:var(--b-comp-font-size-xl);line-height:var(--b-comp-line-height-xl);--_border-radius: var(--b-radius-l1-xl)}._root_4f6nf_1{width:100%}._triggerBase_4f6nf_5{display:flex;align-items:center;gap:8px;width:100%;border-width:1px;border-style:solid;border-color:var(--_trigger-border-color);border-radius:var(--_border-radius);font-family:inherit;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;transition:background-color var(--b-transition-fast),border-color var(--b-transition-fast),color var(--b-transition-fast);cursor:pointer;text-align:start;color:var(--base-fg);--_current-intent: var(--base-edge);--_trigger-border-color: var(--_current-intent)}._triggerBase_4f6nf_5[data-placeholder-shown]{color:var(--color-disabled-fg)}._triggerBase_4f6nf_5:disabled{background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-fg)}._triggerSizeXs_4f6nf_40{height:var(--b-comp-height-xs);line-height:var(--b-comp-line-height-xs);padding:var(--b-comp-padding-y-xs) var(--b-comp-padding-x-xs);font-size:var(--b-comp-font-size-xs);--_border-radius: var(--b-radius-l2-xs)}._triggerSizeSm_4f6nf_48{height:var(--b-comp-height-sm);line-height:var(--b-comp-line-height-sm);padding:var(--b-comp-padding-y-sm) var(--b-comp-padding-x-sm);font-size:var(--b-comp-font-size-sm);--_border-radius: var(--b-radius-l2-sm)}._triggerSizeMd_4f6nf_56{height:var(--b-comp-height-md);line-height:var(--b-comp-line-height-md);padding:var(--b-comp-padding-y-md) var(--b-comp-padding-x-md);font-size:var(--b-comp-font-size-md);--_border-radius: var(--b-radius-l2-md)}._triggerSizeLg_4f6nf_64{height:var(--b-comp-height-lg);line-height:var(--b-comp-line-height-lg);padding:var(--b-comp-padding-y-lg) var(--b-comp-padding-x-lg);font-size:var(--b-comp-font-size-lg);--_border-radius: var(--b-radius-l2-lg)}._triggerSizeXl_4f6nf_72{height:var(--b-comp-height-xl);line-height:var(--b-comp-line-height-xl);padding:var(--b-comp-padding-y-xl) var(--b-comp-padding-x-xl);font-size:var(--b-comp-font-size-xl);--_border-radius: var(--b-radius-l2-xl)}._indicator_4f6nf_80{margin-inline-start:auto;display:flex;align-items:center;transition:transform var(--b-transition-fast);color:var(--base-fg)}._backdrop_4f6nf_88{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--b-z-index-modal);background-color:#00000059;opacity:0;pointer-events:none;transition:opacity .3s ease}._backdrop_4f6nf_88[data-open]{opacity:1;pointer-events:auto}._sheet_4f6nf_103{position:fixed;inset-inline:0;bottom:0;z-index:var(--b-z-index-modal);background-color:var(--base-bg);border-radius:16px 16px 0 0;max-height:70vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s ease}._sheet_4f6nf_103[data-open]{transform:translateY(0)}._header_4f6nf_121{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid color-mix(in oklch,var(--base-fg) 6%,var(--base-bg));flex-shrink:0}._title_4f6nf_130{font-size:var(--b-comp-font-size-lg);font-weight:600}._cancelBtn_4f6nf_135{font-size:var(--b-comp-font-size-md);color:var(--base-edge);background:none;border:none;padding:0;cursor:pointer;touch-action:manipulation}._list_4f6nf_145{overflow-y:auto;padding:8px 0;flex:1;-webkit-overflow-scrolling:touch}._item_4f6nf_152{display:flex;align-items:center;padding:14px 20px;font-size:var(--b-comp-font-size-lg);cursor:pointer;color:var(--base-fg);transition:background-color .1s ease}._item_4f6nf_152:active{background-color:color-mix(in oklch,var(--base-fg) 4%,var(--base-bg))}._item_4f6nf_152[data-selected]{color:var(--base-edge);font-weight:600}._item_4f6nf_152[data-disabled]{color:var(--color-disabled-fg);pointer-events:none}._triggerBase_19e4n_1{display:flex;align-items:center;gap:8px;width:100%;border-width:1px;border-style:solid;border-color:var(--_trigger-border-color, transparent);border-radius:var(--_border-radius);font-family:inherit;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;transition:background-color var(--b-transition-fast),border-color var(--b-transition-fast),color var(--b-transition-fast);cursor:pointer;text-align:start;color:var(--base-fg);--_current-intent: var(--base-edge)}._triggerBase_19e4n_1[data-placeholder-shown]{color:var(--color-disabled-fg)}._triggerBase_19e4n_1:disabled{background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-fg)}._triggerVariantOutline_19e4n_35{--_trigger-border-color: var(--_current-intent);background-color:var(--base-bg)}._triggerVariantOutline_19e4n_35:focus-visible{background-color:var(--color-focus-bg);border-color:var(--color-focus-border)}._triggerSizeXs_19e4n_45{height:var(--b-comp-height-xs);line-height:var(--b-comp-line-height-xs);padding:var(--b-comp-padding-y-xs) var(--b-comp-padding-x-xs);font-size:var(--b-comp-font-size-xs);--_border-radius: var(--b-radius-l2-xs)}._triggerSizeSm_19e4n_53{height:var(--b-comp-height-sm);line-height:var(--b-comp-line-height-sm);padding:var(--b-comp-padding-y-sm) var(--b-comp-padding-x-sm);font-size:var(--b-comp-font-size-sm);--_border-radius: var(--b-radius-l2-sm)}._triggerSizeMd_19e4n_61{height:var(--b-comp-height-md);line-height:var(--b-comp-line-height-md);padding:var(--b-comp-padding-y-md) var(--b-comp-padding-x-md);font-size:var(--b-comp-font-size-md);--_border-radius: var(--b-radius-l2-md)}._triggerSizeLg_19e4n_69{height:var(--b-comp-height-lg);line-height:var(--b-comp-line-height-lg);padding:var(--b-comp-padding-y-lg) var(--b-comp-padding-x-lg);font-size:var(--b-comp-font-size-lg);--_border-radius: var(--b-radius-l2-lg)}._triggerSizeXl_19e4n_77{height:var(--b-comp-height-xl);line-height:var(--b-comp-line-height-xl);padding:var(--b-comp-padding-y-xl) var(--b-comp-padding-x-xl);font-size:var(--b-comp-font-size-xl);--_border-radius: var(--b-radius-l2-xl)}._indicator_19e4n_85{margin-inline-start:auto;display:flex;align-items:center;transition:transform var(--b-transition-fast);color:var(--base-fg)}[data-state=open] ._indicator_19e4n_85{transform:rotate(180deg)}._content_19e4n_97{background-color:var(--base-bg);border:1px solid color-mix(in oklch,var(--base-fg) 10%,var(--base-bg));border-radius:var(--_border-radius);box-shadow:var(--b-shadow-md);max-height:256px;overflow-y:auto;padding:4px;z-index:var(--b-z-index-dropdown)}._item_19e4n_108{display:flex;align-items:center;padding:10px var(--b-comp-padding-x-md);font-size:var(--b-comp-font-size-md);line-height:var(--b-comp-line-height-md);border-radius:var(--b-radius-l1-md);cursor:pointer;color:var(--base-fg);transition:background-color .1s ease}._item_19e4n_108[data-highlighted]{background-color:color-mix(in oklch,var(--base-edge) 8%,var(--base-bg))}._item_19e4n_108[data-selected]{color:var(--base-edge);font-weight:600}._item_19e4n_108[data-disabled]{color:var(--color-disabled-fg);cursor:not-allowed}._root_u0ur7_1{display:inline-flex;align-items:center;gap:var(--_ctrl-gap, 10px);min-height:var(--_ctrl-min-height, var(--b-comp-height-md));cursor:pointer;font-family:inherit;-webkit-user-select:none;user-select:none;touch-action:manipulation}._root_u0ur7_1[data-disabled]{cursor:not-allowed}._control_u0ur7_16{width:var(--_ctrl-size, var(--b-comp-secondary-height-md));height:var(--_ctrl-size, var(--b-comp-secondary-height-md));display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--_ctrl-radius, var(--b-radius-l1-md));border:1px solid var(--base-edge);background-color:var(--base-bg);color:transparent;transition:background-color var(--b-transition-fast),border-color var(--b-transition-fast),color var(--b-transition-fast)}._control_u0ur7_16[data-state=checked],._control_u0ur7_16[data-state=indeterminate]{background-color:var(--base-edge);border-color:var(--base-edge);color:var(--base-bg)}._root_u0ur7_1[data-disabled] ._control_u0ur7_16{background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--base-bg)}._root_u0ur7_1[data-disabled] ._control_u0ur7_16[data-state=checked],._root_u0ur7_1[data-disabled] ._control_u0ur7_16[data-state=indeterminate]{color:var(--color-disabled-fg)}._root_u0ur7_1[data-invalid] ._control_u0ur7_16{border-color:var(--color-danger)}._root_u0ur7_1[data-invalid] ._control_u0ur7_16[data-state=checked],._root_u0ur7_1[data-invalid] ._control_u0ur7_16[data-state=indeterminate]{background-color:var(--color-danger);border-color:var(--color-danger)}._control_u0ur7_16:active:not([data-disabled]){transform:scale(.88)}._indicator_u0ur7_64{display:flex;align-items:center;justify-content:center;font-size:var(--_ctrl-icon-size, 12px)}._indicator_u0ur7_64 svg{width:1em;height:1em}._label_u0ur7_76{font-size:var(--_ctrl-font-size, var(--b-comp-font-size-md));line-height:var(--_ctrl-line-height, var(--b-comp-line-height-md));color:var(--base-fg)}._root_u0ur7_1[data-disabled] ._label_u0ur7_76{color:var(--color-disabled-fg)}._sizeXs_u0ur7_88{--_ctrl-size: var(--b-comp-secondary-height-xs);--_ctrl-radius: var(--b-radius-l1-xs);--_ctrl-gap: 8px;--_ctrl-min-height: var(--b-comp-height-xs);--_ctrl-font-size: var(--b-comp-font-size-xs);--_ctrl-line-height: var(--b-comp-line-height-xs);--_ctrl-icon-size: 10px}._sizeSm_u0ur7_98{--_ctrl-size: var(--b-comp-secondary-height-sm);--_ctrl-radius: var(--b-radius-l1-sm);--_ctrl-gap: 9px;--_ctrl-min-height: var(--b-comp-height-sm);--_ctrl-font-size: var(--b-comp-font-size-sm);--_ctrl-line-height: var(--b-comp-line-height-sm);--_ctrl-icon-size: 11px}._sizeMd_u0ur7_108{--_ctrl-size: var(--b-comp-secondary-height-md);--_ctrl-radius: var(--b-radius-l1-md);--_ctrl-gap: 10px;--_ctrl-min-height: var(--b-comp-height-md);--_ctrl-font-size: var(--b-comp-font-size-md);--_ctrl-line-height: var(--b-comp-line-height-md);--_ctrl-icon-size: 12px}._sizeLg_u0ur7_118{--_ctrl-size: var(--b-comp-secondary-height-lg);--_ctrl-radius: var(--b-radius-l1-lg);--_ctrl-gap: 11px;--_ctrl-min-height: var(--b-comp-height-lg);--_ctrl-font-size: var(--b-comp-font-size-lg);--_ctrl-line-height: var(--b-comp-line-height-lg);--_ctrl-icon-size: 13px}._sizeXl_u0ur7_128{--_ctrl-size: var(--b-comp-secondary-height-xl);--_ctrl-radius: var(--b-radius-l1-xl);--_ctrl-gap: 12px;--_ctrl-min-height: var(--b-comp-height-xl);--_ctrl-font-size: var(--b-comp-font-size-xl);--_ctrl-line-height: var(--b-comp-line-height-xl);--_ctrl-icon-size: 14px}._size2xl_u0ur7_138{--_ctrl-size: var(--b-comp-secondary-height-2xl);--_ctrl-radius: var(--b-radius-l1-2xl);--_ctrl-gap: 16px;--_ctrl-min-height: var(--b-comp-height-2xl);--_ctrl-font-size: var(--b-comp-font-size-2xl);--_ctrl-line-height: var(--b-comp-line-height-2xl);--_ctrl-icon-size: 18px}._root_1ve16_1{display:flex;flex-direction:column;gap:0}._root_1ve16_1[data-orientation=horizontal]{flex-direction:row;gap:20px}._label_1ve16_12{font-size:var(--b-comp-font-size-sm);font-weight:600;color:var(--base-fg);margin-bottom:8px}._root_1ve16_1[data-orientation=horizontal] ._label_1ve16_12{margin-bottom:0;align-self:center;margin-inline-end:4px}._item_by19r_1{display:inline-flex;align-items:center;gap:var(--_ctrl-gap, 10px);min-height:var(--_ctrl-min-height, var(--b-comp-height-md));cursor:pointer;font-family:inherit;-webkit-user-select:none;user-select:none;touch-action:manipulation}._item_by19r_1[data-disabled]{cursor:not-allowed}._control_by19r_16{width:var(--_ctrl-size, var(--b-comp-secondary-height-md));height:var(--_ctrl-size, var(--b-comp-secondary-height-md));display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;border:1px solid var(--base-edge);background-color:var(--base-bg);transition:border-color var(--b-transition-fast)}._control_by19r_16:after{content:"";display:block;width:var(--_ctrl-dot-size, calc(var(--b-comp-secondary-height-md) / 2));height:var(--_ctrl-dot-size, calc(var(--b-comp-secondary-height-md) / 2));border-radius:50%;background-color:var(--base-edge);transform:scale(0);transition:transform var(--b-transition-fast)}._control_by19r_16[data-state=checked]{border-color:var(--base-edge)}._control_by19r_16[data-state=checked]:after{transform:scale(1)}._item_by19r_1[data-disabled] ._control_by19r_16{border-color:var(--color-disabled-border);background-color:var(--color-disabled-bg)}._item_by19r_1[data-disabled] ._control_by19r_16[data-state=checked]:after{background-color:var(--color-disabled-fg)}._item_by19r_1[data-invalid] ._control_by19r_16{border-color:var(--color-danger)}._item_by19r_1[data-invalid] ._control_by19r_16[data-state=checked]:after{background-color:var(--color-danger)}._control_by19r_16:active:not([data-disabled]){transform:scale(.88)}._text_by19r_69{font-size:var(--_ctrl-font-size, var(--b-comp-font-size-md));line-height:var(--_ctrl-line-height, var(--b-comp-line-height-md));color:var(--base-fg)}._item_by19r_1[data-disabled] ._text_by19r_69{color:var(--color-disabled-fg)}._sizeXs_by19r_81{--_ctrl-size: var(--b-comp-secondary-height-xs);--_ctrl-dot-size: calc(var(--b-comp-secondary-height-xs) / 2);--_ctrl-gap: 8px;--_ctrl-min-height: var(--b-comp-height-xs);--_ctrl-font-size: var(--b-comp-font-size-xs);--_ctrl-line-height: var(--b-comp-line-height-xs)}._sizeSm_by19r_90{--_ctrl-size: var(--b-comp-secondary-height-sm);--_ctrl-dot-size: calc(var(--b-comp-secondary-height-sm) / 2);--_ctrl-gap: 9px;--_ctrl-min-height: var(--b-comp-height-sm);--_ctrl-font-size: var(--b-comp-font-size-sm);--_ctrl-line-height: var(--b-comp-line-height-sm)}._sizeMd_by19r_99{--_ctrl-size: var(--b-comp-secondary-height-md);--_ctrl-dot-size: calc(var(--b-comp-secondary-height-md) / 2);--_ctrl-gap: 10px;--_ctrl-min-height: var(--b-comp-height-md);--_ctrl-font-size: var(--b-comp-font-size-md);--_ctrl-line-height: var(--b-comp-line-height-md)}._sizeLg_by19r_108{--_ctrl-size: var(--b-comp-secondary-height-lg);--_ctrl-dot-size: calc(var(--b-comp-secondary-height-lg) / 2);--_ctrl-gap: 11px;--_ctrl-min-height: var(--b-comp-height-lg);--_ctrl-font-size: var(--b-comp-font-size-lg);--_ctrl-line-height: var(--b-comp-line-height-lg)}._sizeXl_by19r_117{--_ctrl-size: var(--b-comp-secondary-height-xl);--_ctrl-dot-size: calc(var(--b-comp-secondary-height-xl) / 2);--_ctrl-gap: 12px;--_ctrl-min-height: var(--b-comp-height-xl);--_ctrl-font-size: var(--b-comp-font-size-xl);--_ctrl-line-height: var(--b-comp-line-height-xl)}._size2xl_by19r_126{--_ctrl-size: var(--b-comp-secondary-height-2xl);--_ctrl-dot-size: calc(var(--b-comp-secondary-height-2xl) / 2);--_ctrl-gap: 16px;--_ctrl-min-height: var(--b-comp-height-2xl);--_ctrl-font-size: var(--b-comp-font-size-2xl);--_ctrl-line-height: var(--b-comp-line-height-2xl)}._root_vi9wz_1{display:inline-flex;align-items:center;gap:var(--_sw-gap, 10px);min-height:var(--_sw-min-height, var(--b-comp-height-md));cursor:pointer;font-family:inherit;-webkit-user-select:none;user-select:none;touch-action:manipulation}._root_vi9wz_1[data-disabled]{cursor:not-allowed}._control_vi9wz_16{position:relative;width:var(--_sw-track-width, calc(2 * var(--b-comp-secondary-height-md)));height:var(--_sw-track-height, var(--b-comp-secondary-height-md));flex-shrink:0;border-radius:var(--_sw-track-radius, calc(var(--b-comp-secondary-height-md) / 2));background-color:color-mix(in oklch,var(--base-fg) 14%,var(--base-bg));transition:background-color var(--b-transition-fast)}._control_vi9wz_16[data-state=checked]{background-color:var(--base-edge)}._root_vi9wz_1[data-disabled] ._control_vi9wz_16{background-color:var(--color-disabled-bg)}._root_vi9wz_1[data-disabled] ._control_vi9wz_16[data-state=checked]{background-color:var(--color-disabled-border)}._root_vi9wz_1[data-invalid] ._control_vi9wz_16{box-shadow:0 0 0 1px var(--color-danger)}._thumb_vi9wz_42{position:absolute;top:var(--_sw-thumb-offset, 2px);left:var(--_sw-thumb-offset, 2px);width:var(--_sw-thumb-size, calc(var(--b-comp-secondary-height-md) - 4px));height:var(--_sw-thumb-size, calc(var(--b-comp-secondary-height-md) - 4px));border-radius:50%;background-color:var(--base-bg);box-shadow:0 1px 3px #00000026;transform:translate(0);transition:transform var(--b-transition-fast)}._thumb_vi9wz_42[data-state=checked]{transform:translate(var(--_sw-thumb-travel, calc(var(--b-comp-secondary-height-md) - 4px)))}._root_vi9wz_1[data-disabled] ._thumb_vi9wz_42{background-color:var(--color-disabled-border);box-shadow:none}._root_vi9wz_1[data-disabled] ._thumb_vi9wz_42[data-state=checked]{background-color:var(--base-bg)}._label_vi9wz_68{font-size:var(--_sw-font-size, var(--b-comp-font-size-md));line-height:var(--_sw-line-height, var(--b-comp-line-height-md));color:var(--base-fg)}._root_vi9wz_1[data-disabled] ._label_vi9wz_68{color:var(--color-disabled-fg)}._sizeXs_vi9wz_80{--_sw-track-height: var(--b-comp-secondary-height-xs);--_sw-track-width: calc(2 * var(--b-comp-secondary-height-xs));--_sw-track-radius: calc(var(--b-comp-secondary-height-xs) / 2);--_sw-thumb-size: calc(var(--b-comp-secondary-height-xs) - 4px);--_sw-thumb-offset: 2px;--_sw-thumb-travel: calc(var(--b-comp-secondary-height-xs) - 4px);--_sw-gap: 8px;--_sw-min-height: var(--b-comp-height-xs);--_sw-font-size: var(--b-comp-font-size-xs);--_sw-line-height: var(--b-comp-line-height-xs)}._sizeSm_vi9wz_93{--_sw-track-height: var(--b-comp-secondary-height-sm);--_sw-track-width: calc(2 * var(--b-comp-secondary-height-sm));--_sw-track-radius: calc(var(--b-comp-secondary-height-sm) / 2);--_sw-thumb-size: calc(var(--b-comp-secondary-height-sm) - 4px);--_sw-thumb-offset: 2px;--_sw-thumb-travel: calc(var(--b-comp-secondary-height-sm) - 4px);--_sw-gap: 9px;--_sw-min-height: var(--b-comp-height-sm);--_sw-font-size: var(--b-comp-font-size-sm);--_sw-line-height: var(--b-comp-line-height-sm)}._sizeMd_vi9wz_106{--_sw-track-height: var(--b-comp-secondary-height-md);--_sw-track-width: calc(2 * var(--b-comp-secondary-height-md));--_sw-track-radius: calc(var(--b-comp-secondary-height-md) / 2);--_sw-thumb-size: calc(var(--b-comp-secondary-height-md) - 4px);--_sw-thumb-offset: 2px;--_sw-thumb-travel: calc(var(--b-comp-secondary-height-md) - 4px);--_sw-gap: 10px;--_sw-min-height: var(--b-comp-height-md);--_sw-font-size: var(--b-comp-font-size-md);--_sw-line-height: var(--b-comp-line-height-md)}._sizeLg_vi9wz_119{--_sw-track-height: var(--b-comp-secondary-height-lg);--_sw-track-width: calc(2 * var(--b-comp-secondary-height-lg));--_sw-track-radius: calc(var(--b-comp-secondary-height-lg) / 2);--_sw-thumb-size: calc(var(--b-comp-secondary-height-lg) - 4px);--_sw-thumb-offset: 2px;--_sw-thumb-travel: calc(var(--b-comp-secondary-height-lg) - 4px);--_sw-gap: 11px;--_sw-min-height: var(--b-comp-height-lg);--_sw-font-size: var(--b-comp-font-size-lg);--_sw-line-height: var(--b-comp-line-height-lg)}._sizeXl_vi9wz_132{--_sw-track-height: var(--b-comp-secondary-height-xl);--_sw-track-width: calc(2 * var(--b-comp-secondary-height-xl));--_sw-track-radius: calc(var(--b-comp-secondary-height-xl) / 2);--_sw-thumb-size: calc(var(--b-comp-secondary-height-xl) - 4px);--_sw-thumb-offset: 2px;--_sw-thumb-travel: calc(var(--b-comp-secondary-height-xl) - 4px);--_sw-gap: 12px;--_sw-min-height: var(--b-comp-height-xl);--_sw-font-size: var(--b-comp-font-size-xl);--_sw-line-height: var(--b-comp-line-height-xl)}._size2xl_vi9wz_145{--_sw-track-height: var(--b-comp-secondary-height-2xl);--_sw-track-width: calc(2 * var(--b-comp-secondary-height-2xl));--_sw-track-radius: calc(var(--b-comp-secondary-height-2xl) / 2);--_sw-thumb-size: calc(var(--b-comp-secondary-height-2xl) - 4px);--_sw-thumb-offset: 2px;--_sw-thumb-travel: calc(var(--b-comp-secondary-height-2xl) - 4px);--_sw-gap: 16px;--_sw-min-height: var(--b-comp-height-2xl);--_sw-font-size: var(--b-comp-font-size-2xl);--_sw-line-height: var(--b-comp-line-height-2xl)}._base_cs0h5_1{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--b-radius-l1-md);background:transparent;color:color-mix(in oklch,var(--base-fg) 40%,transparent);cursor:pointer;transition:color var(--b-transition-fast),background-color var(--b-transition-fast)}._base_cs0h5_1:hover{color:var(--base-fg);background-color:color-mix(in oklch,var(--base-fg) 8%,transparent)}._base_cs0h5_1:focus-visible{outline:2px solid var(--base-edge);outline-offset:2px}._base_cs0h5_1 svg{display:block;pointer-events:none}._sizeXs_cs0h5_31{width:var(--b-comp-height-xs);height:var(--b-comp-height-xs);border-radius:var(--b-radius-l1-xs)}._sizeXs_cs0h5_31 svg{width:16px;height:16px}._sizeSm_cs0h5_42{width:var(--b-comp-height-sm);height:var(--b-comp-height-sm)}._sizeSm_cs0h5_42 svg{width:18px;height:18px}._sizeMd_cs0h5_52{width:var(--b-comp-height-md);height:var(--b-comp-height-md)}._sizeMd_cs0h5_52 svg{width:20px;height:20px}._sizeLg_cs0h5_62{width:var(--b-comp-height-lg);height:var(--b-comp-height-lg)}._sizeLg_cs0h5_62 svg{width:22px;height:22px}._sizeXl_cs0h5_72{width:var(--b-comp-height-xl);height:var(--b-comp-height-xl)}._sizeXl_cs0h5_72 svg{width:24px;height:24px}._size2xl_cs0h5_82{width:var(--b-comp-height-2xl);height:var(--b-comp-height-2xl)}._size2xl_cs0h5_82 svg{width:32px;height:32px}._rounded_cs0h5_92{border-radius:50%}._region_y89ks_1{position:fixed;z-index:var(--b-z-index-toast);display:flex;flex-direction:column;gap:var(--b-spacing-sm);max-width:420px;width:100%;padding:var(--b-spacing-md);pointer-events:none}._positionTopLeft_y89ks_13{top:0;left:0;align-items:flex-start}._positionTopCenter_y89ks_19{top:0;left:50%;transform:translate(-50%);align-items:center}._positionTopRight_y89ks_26{top:0;right:0;align-items:flex-end}._positionBottomLeft_y89ks_32{bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}._positionBottomCenter_y89ks_39{bottom:0;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}._positionBottomRight_y89ks_47{bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}._item_y89ks_54{display:flex;align-items:flex-start;gap:var(--b-spacing-sm);width:100%;max-width:380px;padding:var(--b-container-padding-sm) var(--b-container-padding-md);background-color:var(--base-bg);border-radius:var(--b-radius-l2-sm);box-shadow:var(--b-shadow-md);pointer-events:auto;opacity:0;transform:translateY(calc(var(--_toast-dir, -1) * -8px)) scale(.96);transition:opacity var(--b-transition-normal),transform var(--b-transition-normal)}._itemVisible_y89ks_72{opacity:1;transform:translateY(0) scale(1)}._itemExit_y89ks_77{opacity:0;transform:translateY(calc(var(--_toast-dir, -1) * -8px)) scale(.96)}._icon_y89ks_82{flex-shrink:0;width:20px;height:20px;margin-top:1px}._icon_y89ks_82 svg{display:block;width:100%;height:100%}._body_y89ks_95{flex:1;min-width:0}._title_y89ks_100{margin:0;font-size:var(--b-comp-font-size-md);line-height:var(--b-comp-line-height-md);color:var(--base-fg);word-break:break-word}._description_y89ks_108{margin:var(--b-spacing-xxs) 0 0;font-size:var(--b-comp-font-size-sm);line-height:var(--b-comp-line-height-sm);color:color-mix(in oklch,var(--base-fg) 65%,transparent);word-break:break-word}._close_y89ks_116{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-2px -6px 0 0;padding:0;border:none;border-radius:var(--b-radius-l1-sm);background:transparent;color:color-mix(in oklch,var(--base-fg) 40%,transparent);cursor:pointer}._close_y89ks_116 svg{display:block;width:16px;height:16px}._intentSuccess_y89ks_138 ._icon_y89ks_82{color:var(--color-success)}._intentWarning_y89ks_142 ._icon_y89ks_82{color:var(--color-warning)}._intentDanger_y89ks_146 ._icon_y89ks_82{color:var(--color-danger)}._intentInfo_y89ks_150 ._icon_y89ks_82{color:var(--color-info)}._backdrop_1tq6e_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--b-z-index-modal);background-color:#0006;opacity:0;pointer-events:none;transition:opacity var(--b-transition-normal)}._backdrop_1tq6e_1[data-state=open]{opacity:1;pointer-events:auto}._backdrop_1tq6e_1[data-state=closed]{opacity:0;pointer-events:none}._positioner_1tq6e_21{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--b-z-index-modal);display:flex;align-items:center;justify-content:center;padding:var(--b-spacing-lg);pointer-events:none}._content_1tq6e_32{--_dialog-padding: 16px;position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--b-spacing-lg) * 2);width:100%;max-width:440px;background-color:var(--base-bg);border-radius:var(--b-radius-l3-md);box-shadow:var(--b-shadow-lg);pointer-events:auto;opacity:0;transform:scale(.95);transition:opacity var(--b-transition-normal),transform var(--b-transition-normal);overflow-y:auto}._content_1tq6e_32[data-state=open]{opacity:1;transform:scale(1)}._content_1tq6e_32[data-state=closed]{opacity:0;transform:scale(.95)}._title_1tq6e_63{margin:0;padding:var(--_dialog-padding) var(--_dialog-padding) 0;font-size:var(--b-font-size-lg);font-weight:600;color:var(--base-fg)}._description_1tq6e_74{margin:0;padding:var(--b-spacing-sm) var(--_dialog-padding) 0;font-size:var(--b-font-size-md);line-height:var(--b-line-height);color:color-mix(in oklch,var(--base-fg) 55%,transparent)}._body_1tq6e_85{padding:var(--_dialog-padding)}._close_1tq6e_89{position:absolute;top:var(--_dialog-padding);right:var(--_dialog-padding);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--b-radius-l1-md);background:transparent;color:color-mix(in oklch,var(--base-fg) 40%,transparent);cursor:pointer}._close_1tq6e_89 svg{display:block;width:16px;height:16px;pointer-events:none}._actions_l9qmf_1{display:flex;gap:var(--b-spacing-sm);justify-content:flex-end}._base_vkvh4_1{--_alert-tint: transparent;--_alert-accent: transparent;display:flex;align-items:flex-start;gap:var(--b-spacing-sm);padding:var(--b-container-padding-sm) var(--b-container-padding-sm);border-radius:var(--b-radius-l2-sm);background-color:var(--_alert-tint);border-left:3px solid var(--_alert-accent)}._icon_vkvh4_14{flex-shrink:0;width:20px;height:20px;margin-top:1px;color:var(--_alert-accent)}._icon_vkvh4_14 svg{display:block;width:100%;height:100%}._body_vkvh4_28{flex:1;min-width:0}._title_vkvh4_33{margin:0;font-size:var(--b-comp-font-size-md);line-height:var(--b-comp-line-height-md);color:var(--base-fg)}._description_vkvh4_40{margin:var(--b-spacing-xxs) 0 0;font-size:var(--b-comp-font-size-sm);line-height:var(--b-comp-line-height-sm);color:color-mix(in oklch,var(--base-fg) 60%,transparent)}._close_vkvh4_47{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:-1px -4px 0 0;padding:0;border:none;border-radius:var(--b-radius-l1-sm);background:transparent;color:color-mix(in oklch,var(--base-fg) 35%,transparent);cursor:pointer}._close_vkvh4_47 svg{display:block;width:14px;height:14px}._intentInfo_vkvh4_69{--_alert-tint: color-mix(in oklch, var(--color-info) 10%, var(--base-bg));--_alert-accent: var(--color-info)}._intentSuccess_vkvh4_74{--_alert-tint: color-mix(in oklch, var(--color-success) 10%, var(--base-bg));--_alert-accent: var(--color-success)}._intentWarning_vkvh4_79{--_alert-tint: color-mix(in oklch, var(--color-warning) 10%, var(--base-bg));--_alert-accent: var(--color-warning)}._intentDanger_vkvh4_84{--_alert-tint: color-mix(in oklch, var(--color-danger) 10%, var(--base-bg));--_alert-accent: var(--color-danger)}._list_7gwzb_1{position:relative;display:flex;border-bottom:1px solid color-mix(in oklch,var(--base-fg) 12%,var(--base-bg))}._trigger_7gwzb_7{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:0 var(--b-container-padding-md);border:none;border-bottom:1px solid transparent;background:transparent;color:color-mix(in oklch,var(--base-fg) 55%,transparent);font-size:var(--b-comp-font-size-md);font-family:inherit;cursor:pointer;white-space:nowrap;transition:none}._trigger_7gwzb_7[data-selected]{color:var(--base-edge);border-bottom-color:var(--base-edge)}._trigger_7gwzb_7[data-disabled]{opacity:.4;cursor:not-allowed}._indicator_7gwzb_35{position:absolute;bottom:0;height:1px;background-color:var(--base-edge);transition:transform var(--b-transition-normal),width var(--b-transition-normal)}._content_7gwzb_43{padding-top:var(--b-container-padding-sm)}@keyframes _shimmer_1qeqi_1{0%{background-position:200% 0}to{background-position:-200% 0}}._base_1qeqi_10{display:block;width:100%;height:1em;border-radius:var(--b-radius-l2-xs);background:linear-gradient(90deg,color-mix(in oklch,var(--base-fg) 8%,var(--base-bg)) 25%,color-mix(in oklch,var(--base-fg) 12%,var(--base-bg)),color-mix(in oklch,var(--base-fg) 8%,var(--base-bg)) 75%);background-size:200% 100%;animation:_shimmer_1qeqi_1 2s ease-in-out infinite}._circle_1qeqi_25{border-radius:50%}._wrapper_1qeqi_29{display:flex;flex-direction:column;gap:var(--b-spacing-sm)}._horizontal_1hq2k_1{width:100%;height:1px;flex-shrink:0;border:none;background-color:color-mix(in oklch,var(--base-fg) 10%,var(--base-bg))}._vertical_1hq2k_9{width:1px;height:100%;min-height:1em;flex-shrink:0;border:none;background-color:color-mix(in oklch,var(--base-fg) 10%,var(--base-bg))}._base_1hztw_1{--_badge-bg: transparent;--_badge-fg: transparent;--_badge-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--_badge-border);border-radius:var(--b-radius-round);background-color:var(--_badge-bg);color:var(--_badge-fg);font-family:inherit;font-weight:500;line-height:1;white-space:nowrap}._sizeXs_1hztw_22{height:var(--b-comp-secondary-height-xs);min-width:calc(2 * var(--b-comp-secondary-height-xs));padding:0 6px;font-size:10px}._sizeSm_1hztw_29{height:var(--b-comp-secondary-height-sm);min-width:calc(2 * var(--b-comp-secondary-height-sm));padding:0 7px;font-size:10px}._sizeMd_1hztw_36{height:var(--b-comp-secondary-height-md);min-width:calc(2 * var(--b-comp-secondary-height-md));padding:0 8px;font-size:11px}._sizeLg_1hztw_43{height:var(--b-comp-secondary-height-lg);min-width:calc(2 * var(--b-comp-secondary-height-lg));padding:0 9px;font-size:12px}._sizeXl_1hztw_50{height:var(--b-comp-secondary-height-xl);min-width:calc(2 * var(--b-comp-secondary-height-xl));padding:0 10px;font-size:13px}._size2xl_1hztw_57{height:var(--b-comp-secondary-height-2xl);min-width:calc(2 * var(--b-comp-secondary-height-2xl));padding:0 14px;font-size:16px}._solidDefault_1hztw_66{--_badge-bg: color-mix(in oklch, var(--base-fg) 10%, var(--base-bg));--_badge-fg: var(--base-fg);--_badge-border: color-mix(in oklch, var(--base-fg) 10%, var(--base-bg))}._solidDanger_1hztw_72{--_badge-bg: color-mix(in oklch, var(--color-danger) 12%, var(--base-bg));--_badge-fg: var(--color-danger);--_badge-border: color-mix(in oklch, var(--color-danger) 12%, var(--base-bg))}._solidSuccess_1hztw_78{--_badge-bg: color-mix(in oklch, var(--color-success) 12%, var(--base-bg));--_badge-fg: var(--color-success);--_badge-border: color-mix(in oklch, var(--color-success) 12%, var(--base-bg))}._solidWarning_1hztw_84{--_badge-bg: color-mix(in oklch, var(--color-warning) 12%, var(--base-bg));--_badge-fg: var(--color-warning);--_badge-border: color-mix(in oklch, var(--color-warning) 12%, var(--base-bg))}._solidInfo_1hztw_90{--_badge-bg: color-mix(in oklch, var(--color-info) 12%, var(--base-bg));--_badge-fg: var(--color-info);--_badge-border: color-mix(in oklch, var(--color-info) 12%, var(--base-bg))}._solidIntent_1hztw_96{--_badge-bg: color-mix(in oklch, var(--base-edge) 12%, var(--base-bg));--_badge-fg: var(--base-edge);--_badge-border: color-mix(in oklch, var(--base-edge) 12%, var(--base-bg))}._outlineDefault_1hztw_104{--_badge-fg: color-mix(in oklch, var(--base-fg) 60%, transparent);--_badge-border: color-mix(in oklch, var(--base-fg) 16%, var(--base-bg))}._outlineDanger_1hztw_109{--_badge-fg: var(--color-danger);--_badge-border: color-mix(in oklch, var(--color-danger) 25%, var(--base-bg))}._outlineSuccess_1hztw_114{--_badge-fg: var(--color-success);--_badge-border: color-mix(in oklch, var(--color-success) 25%, var(--base-bg))}._outlineWarning_1hztw_119{--_badge-fg: var(--color-warning);--_badge-border: color-mix(in oklch, var(--color-warning) 25%, var(--base-bg))}._outlineInfo_1hztw_124{--_badge-fg: var(--color-info);--_badge-border: color-mix(in oklch, var(--color-info) 25%, var(--base-bg))}._outlineIntent_1hztw_129{--_badge-fg: var(--base-edge);--_badge-border: color-mix(in oklch, var(--base-edge) 25%, var(--base-bg))}._dot_1hztw_136{width:6px;height:6px;border-radius:50%;background-color:currentColor}._base_1mvzd_1{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background-color:color-mix(in oklch,var(--base-edge) 15%,var(--base-bg));color:var(--base-edge);font-family:inherit;font-weight:600;text-transform:uppercase;overflow:hidden;-webkit-user-select:none;user-select:none}._image_1mvzd_17{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}._fallback_1mvzd_26{line-height:1}._sizeXs_1mvzd_30{width:var(--b-comp-height-xs);height:var(--b-comp-height-xs);font-size:14px}._sizeSm_1mvzd_36{width:var(--b-comp-height-sm);height:var(--b-comp-height-sm);font-size:16px}._sizeMd_1mvzd_42{width:var(--b-comp-height-md);height:var(--b-comp-height-md);font-size:18px}._sizeLg_1mvzd_48{width:var(--b-comp-height-lg);height:var(--b-comp-height-lg);font-size:20px}._sizeXl_1mvzd_54{width:var(--b-comp-height-xl);height:var(--b-comp-height-xl);font-size:22px}._size2xl_1mvzd_60{width:var(--b-comp-height-2xl);height:var(--b-comp-height-2xl);font-size:28px}._male_1mvzd_66{background-color:#e3f2fd;color:#1976d2}._female_1mvzd_71{background-color:#fce4ec;color:#c62828}._base_19tok_1{position:relative;display:flex;align-items:center;width:100%}._icon_19tok_8{position:absolute;left:var(--_icon-offset);height:var(--_icon-size);width:var(--_icon-size);color:var(--color-disabled-fg);pointer-events:none;flex-shrink:0}._input_19tok_18{display:block;width:100%;padding-left:var(--_input-padding-left);border:1px solid transparent;border-radius:var(--_border-radius);font-family:inherit;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;transition:background-color var(--b-transition-fast),border-color var(--b-transition-fast),color var(--b-transition-fast);--_current-intent: var(--base-edge)}._input_19tok_18::placeholder{color:var(--color-disabled-fg)}._input_19tok_18:disabled{background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-fg)}._input_19tok_18::-webkit-search-decoration,._input_19tok_18::-webkit-search-cancel-button,._input_19tok_18::-webkit-search-results-button,._input_19tok_18::-webkit-search-results-decoration{display:none}._solid_19tok_53{--_contain-bg: color-mix(in oklch, var(--base-fg) 2%, var(--base-bg))}._solid_19tok_53 ._input_19tok_18{background-color:var(--_contain-bg);border-color:transparent}._solid_19tok_53 ._input_19tok_18:focus{background-color:var(--color-focus-bg)}._outline_19tok_66{--_contain-bg: var(--base-bg)}._outline_19tok_66 ._input_19tok_18{background-color:var(--_contain-bg);border-color:var(--_current-intent)}._outline_19tok_66 ._input_19tok_18:focus{background-color:var(--color-focus-bg);border-color:var(--color-focus-border)}._singleline_19tok_80{--_contain-bg: transparent}._singleline_19tok_80 ._input_19tok_18{background-color:transparent;border-color:transparent;border-bottom-color:var(--_current-intent);border-radius:0}._singleline_19tok_80 ._input_19tok_18:focus{background-color:var(--color-focus-bg);border-bottom-color:var(--color-focus-border)}._sizeXs_19tok_96{--_border-radius: var(--b-radius-l1-xs);--_icon-size: 14px;--_icon-offset: 8px;--_input-padding-left: 26px}._sizeXs_19tok_96 ._input_19tok_18{height:var(--b-comp-height-xs);line-height:var(--b-comp-line-height-xs);padding:var(--b-comp-padding-y-xs) var(--b-comp-padding-x-xs);padding-left:26px;font-size:var(--b-comp-font-size-xs)}._sizeSm_19tok_111{--_border-radius: var(--b-radius-l1-sm);--_icon-size: 16px;--_icon-offset: 12px;--_input-padding-left: 32px}._sizeSm_19tok_111 ._input_19tok_18{height:var(--b-comp-height-sm);line-height:var(--b-comp-line-height-sm);padding:var(--b-comp-padding-y-sm) var(--b-comp-padding-x-sm);padding-left:32px;font-size:var(--b-comp-font-size-sm)}._sizeMd_19tok_126{--_border-radius: var(--b-radius-l1-md);--_icon-size: 18px;--_icon-offset: 14px;--_input-padding-left: 38px}._sizeMd_19tok_126 ._input_19tok_18{height:var(--b-comp-height-md);line-height:var(--b-comp-line-height-md);padding:var(--b-comp-padding-y-md) var(--b-comp-padding-x-md);padding-left:38px;font-size:var(--b-comp-font-size-md)}._sizeLg_19tok_141{--_border-radius: var(--b-radius-l1-lg);--_icon-size: 20px;--_icon-offset: 16px;--_input-padding-left: 42px}._sizeLg_19tok_141 ._input_19tok_18{height:var(--b-comp-height-lg);line-height:var(--b-comp-line-height-lg);padding:var(--b-comp-padding-y-lg) var(--b-comp-padding-x-lg);padding-left:42px;font-size:var(--b-comp-font-size-lg)}._sizeXl_19tok_156{--_border-radius: var(--b-radius-l1-xl);--_icon-size: 22px;--_icon-offset: 16px;--_input-padding-left: 46px}._sizeXl_19tok_156 ._input_19tok_18{height:var(--b-comp-height-xl);line-height:var(--b-comp-line-height-xl);padding:var(--b-comp-padding-y-xl) var(--b-comp-padding-x-xl);padding-left:46px;font-size:var(--b-comp-font-size-xl)}._base_j22mz_1{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--_border-radius);font-family:inherit;cursor:pointer;outline:none;color:var(--color-disabled-fg);background-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--b-transition-fast),color var(--b-transition-fast)}@media(hover:hover){._base_j22mz_1:hover{color:var(--base-fg);background-color:color-mix(in oklch,var(--base-fg) 6%,var(--base-bg))}}._base_j22mz_1:focus{outline:none;background-color:transparent}._base_j22mz_1:focus-visible{color:var(--base-fg);outline:2px solid var(--color-focus-border);outline-offset:2px;background-color:transparent}._base_j22mz_1:active{background-color:transparent}._icon_j22mz_43{flex-shrink:0}._copied_j22mz_47{color:var(--color-success)}@media(hover:hover){._copied_j22mz_47:hover{color:var(--color-success);background-color:color-mix(in oklch,var(--color-success) 10%,var(--base-bg))}}._sizeXs_j22mz_58{height:28px;width:28px;min-width:28px;padding:0;--_border-radius: var(--b-radius-l1-xs);--_icon-size: 14px}._sizeXs_j22mz_58 ._icon_j22mz_43{width:14px;height:14px}._sizeSm_j22mz_72{height:32px;width:32px;min-width:32px;padding:0;--_border-radius: var(--b-radius-l1-sm);--_icon-size: 16px}._sizeSm_j22mz_72 ._icon_j22mz_43{width:16px;height:16px}._sizeMd_j22mz_86{height:36px;width:36px;min-width:36px;padding:0;--_border-radius: var(--b-radius-l1-md);--_icon-size: 18px}._sizeMd_j22mz_86 ._icon_j22mz_43{width:18px;height:18px}._sizeLg_j22mz_100{height:40px;width:40px;min-width:40px;padding:0;--_border-radius: var(--b-radius-l1-lg);--_icon-size: 20px}._sizeLg_j22mz_100 ._icon_j22mz_43{width:20px;height:20px}._sizeXl_j22mz_114{height:44px;width:44px;min-width:44px;padding:0;--_border-radius: var(--b-radius-l1-xl);--_icon-size: 22px}._sizeXl_j22mz_114 ._icon_j22mz_43{width:22px;height:22px}._base_1ptzg_1{color:var(--base-edge);animation:_spinner-spin_1ptzg_1 .6s linear infinite}._sizeXs_1ptzg_6{width:14px;height:14px}._sizeSm_1ptzg_11{width:18px;height:18px}._sizeMd_1ptzg_16{width:24px;height:24px}._sizeLg_1ptzg_21{width:32px;height:32px}._sizeXl_1ptzg_26{width:40px;height:40px}@keyframes _spinner-spin_1ptzg_1{to{transform:rotate(360deg)}}._base_py7gv_1{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:40px 16px;gap:12px}._title_py7gv_12{font-weight:600;font-size:16px;line-height:24px;color:var(--base-fg)}._base_f05pw_1{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:var(--b-radius-round);font-family:inherit;line-height:1;transition:background-color var(--b-transition-fast),color var(--b-transition-fast),border-color var(--b-transition-fast);--_current-bg: var(--base-edge);--_current-fg: var(--base-edge);--_current-border: var(--base-edge)}._solid_f05pw_19{background-color:var(--_current-bg);color:var(--base-bg);border:1px solid transparent}._outline_f05pw_25{background-color:transparent;color:var(--_current-fg);border:1px solid var(--_current-border)}._intentDefault_f05pw_31{--_current-bg: color-mix(in oklch, var(--base-fg) 10%, var(--base-bg));--_current-fg: var(--base-fg);--_current-border: var(--base-edge)}._intentSuccess_f05pw_37{--_current-bg: var(--color-success);--_current-fg: var(--color-success);--_current-border: var(--color-success)}._intentWarning_f05pw_43{--_current-bg: var(--color-warning);--_current-fg: var(--color-warning);--_current-border: var(--color-warning)}._intentDanger_f05pw_49{--_current-bg: var(--color-danger);--_current-fg: var(--color-danger);--_current-border: var(--color-danger)}._intentInfo_f05pw_55{--_current-bg: var(--color-info);--_current-fg: var(--color-info);--_current-border: var(--color-info)}._close_f05pw_61{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0 -2px 0 0;border:none;background:none;cursor:pointer;border-radius:var(--b-radius-round);opacity:.6;transition:opacity var(--b-transition-fast)}._close_f05pw_61:hover{opacity:1}._solid_f05pw_19 ._close_f05pw_61{color:inherit}._outline_f05pw_25 ._close_f05pw_61{color:currentColor}._sizeXs_f05pw_88{height:var(--b-comp-secondary-height-xs);min-width:calc(2 * var(--b-comp-secondary-height-xs));padding:0 6px;font-size:10px}._sizeSm_f05pw_95{height:var(--b-comp-secondary-height-sm);min-width:calc(2 * var(--b-comp-secondary-height-sm));padding:0 8px;font-size:11px}._sizeMd_f05pw_102{height:var(--b-comp-secondary-height-md);min-width:calc(2 * var(--b-comp-secondary-height-md));padding:0 10px;font-size:12px}._sizeLg_f05pw_109{height:var(--b-comp-secondary-height-lg);min-width:calc(2 * var(--b-comp-secondary-height-lg));padding:0 12px;font-size:13px}._sizeXl_f05pw_116{height:var(--b-comp-secondary-height-xl);min-width:calc(2 * var(--b-comp-secondary-height-xl));padding:0 14px;font-size:14px}._size2xl_f05pw_123{height:var(--b-comp-secondary-height-2xl);min-width:calc(2 * var(--b-comp-secondary-height-2xl));padding:0 18px;font-size:16px}._backdrop_lj090_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--b-z-index-modal);background-color:#00000059;opacity:0;pointer-events:none;transition:opacity .3s ease}._backdrop_lj090_1[data-open]{opacity:1;pointer-events:auto}._sheet_lj090_16{position:fixed;inset-inline:0;bottom:0;z-index:var(--b-z-index-modal);background-color:var(--base-bg);border-radius:16px 16px 0 0;max-height:70vh;display:flex;flex-direction:column;transform:translateY(100%);pointer-events:none;transition:transform .3s ease}._sheet_lj090_16[data-open]{transform:translateY(0);pointer-events:auto}._header_lj090_36{display:flex;align-items:center;padding:16px;border-bottom:1px solid color-mix(in oklch,var(--base-fg) 6%,var(--base-bg));flex-shrink:0}._title_lj090_44{margin:0;font-size:var(--b-comp-font-size-lg);font-weight:600;color:var(--base-fg)}._body_lj090_51{overflow-y:auto;padding:16px;flex:1;-webkit-overflow-scrolling:touch}._base_1cs9s_1{background-color:var(--base-bg);border-radius:var(--b-radius-l2-md)}._root_hw3jl_1{display:flex;flex-direction:column;gap:8px;width:100%;font-family:inherit}._label_hw3jl_9{font-size:var(--b-comp-font-size-md);font-weight:500;color:var(--base-fg)}._control_hw3jl_15{position:relative;display:flex;align-items:center;height:24px;touch-action:none}._track_hw3jl_23{position:relative;width:100%;height:4px;border-radius:2px;background-color:color-mix(in oklch,var(--base-fg) 12%,var(--base-bg))}._range_hw3jl_31{position:absolute;height:100%;border-radius:2px;background-color:var(--base-edge)}._thumb_hw3jl_38{width:20px;height:20px;border-radius:50%;background-color:var(--base-bg);border:2px solid var(--base-edge);box-shadow:0 1px 3px #00000026;cursor:pointer;outline:none;transition:box-shadow var(--b-transition-fast)}._thumb_hw3jl_38:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--base-edge) 30%,transparent)}._indicator_hw3jl_54{position:absolute;top:-28px;left:50%;transform:translate(-50%);padding:2px 6px;border-radius:4px;background-color:var(--base-fg);color:var(--base-bg);font-size:12px;line-height:18px;font-family:var(--b-font-family, inherit);white-space:nowrap}._root_hw3jl_1[data-disabled] ._thumb_hw3jl_38{background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border);cursor:not-allowed}._root_hw3jl_1[data-disabled] ._range_hw3jl_31{background-color:var(--color-disabled-border)}._root_4gb3u_1{position:fixed;inset-inline:0;bottom:0;display:flex;justify-content:space-around;align-items:center;height:56px;padding-bottom:env(safe-area-inset-bottom);background-color:var(--base-bg);border-top:1px solid color-mix(in oklch,var(--base-fg) 8%,var(--base-bg));z-index:var(--b-z-index-base)}._item_4gb3u_15{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;border:none;background:none;font-family:inherit;color:color-mix(in oklch,var(--base-fg) 45%,var(--base-bg));text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:color var(--b-transition-fast)}._item_4gb3u_15[data-active]{color:var(--base-edge)}._icon_4gb3u_36{display:flex;align-items:center;justify-content:center;width:24px;height:24px}._icon_4gb3u_36 svg{width:100%;height:100%}._label_4gb3u_49{font-size:11px;line-height:14px;font-weight:500}._base_1i6yo_1{color:var(--base-edge);text-decoration:none;cursor:pointer;font-weight:500;transition:color var(--b-transition-fast),text-decoration-color var(--b-transition-fast)}._base_1i6yo_1:hover{text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--base-edge) 60%,transparent)}._base_1i6yo_1:focus-visible{outline:2px solid var(--color-focus-border);outline-offset:2px;border-radius:2px}._backdrop_1i3qv_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--b-z-index-modal);background-color:#00000059;opacity:0;pointer-events:none;transition:opacity .25s ease}._backdrop_1i3qv_1[data-open]{opacity:1;pointer-events:auto}._panel_1i3qv_16{position:fixed;top:0;bottom:0;z-index:var(--b-z-index-modal);display:flex;flex-direction:column;width:260px;max-width:80vw;background-color:var(--base-bg);overflow-y:auto;transition:transform .25s ease}._sideLeft_1i3qv_30{left:0;border-right:1px solid color-mix(in oklch,var(--base-fg) 8%,var(--base-bg));transform:translate(-100%)}._sideLeft_1i3qv_30[data-open]{transform:translate(0)}._sideRight_1i3qv_40{right:0;border-left:1px solid color-mix(in oklch,var(--base-fg) 8%,var(--base-bg));transform:translate(100%)}._sideRight_1i3qv_40[data-open]{transform:translate(0)}._header_1i3qv_50{display:flex;align-items:center;padding:16px;border-bottom:1px solid color-mix(in oklch,var(--base-fg) 6%,var(--base-bg));flex-shrink:0}._title_1i3qv_58{margin:0;font-size:var(--b-comp-font-size-lg);font-weight:600;color:var(--base-fg)}._body_1i3qv_65{padding:16px;flex:1}._trigger_1a6pj_1{display:inline-flex;background:none;border:none;padding:0;font:inherit;cursor:inherit}._positioner_1a6pj_10{z-index:calc(var(--b-z-index-modal) + 1)}._content_1a6pj_14{padding:4px 10px;border-radius:6px;background-color:color-mix(in oklch,var(--base-fg) 90%,var(--base-bg));color:var(--base-bg);font-size:12px;line-height:18px;font-family:var(--b-font-family, inherit);white-space:nowrap;box-shadow:0 2px 8px #00000026;animation:_tooltipIn_1a6pj_1 .15s ease}@keyframes _tooltipIn_1a6pj_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._arrowTip_1a6pj_38{--arrow-size: 6px;--arrow-background: color-mix(in oklch, var(--base-fg) 90%, var(--base-bg))}._positioner_1wd2p_1{z-index:var(--b-z-index-dropdown)}._content_1wd2p_5{padding:12px;background-color:var(--base-bg);border-radius:var(--b-radius-l2-md);box-shadow:var(--b-shadow-lg);border:1px solid color-mix(in oklch,var(--base-fg) 8%,var(--base-bg));outline:none;animation:_popoverIn_1wd2p_1 .15s ease}@keyframes _popoverIn_1wd2p_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._arrowTip_1wd2p_26{--arrow-size: 8px;--arrow-background: var(--base-bg)}._closeTrigger_1wd2p_31{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px;width:24px;height:24px;padding:0;border:none;border-radius:var(--b-radius-l1-md);background:transparent;color:color-mix(in oklch,var(--base-fg) 40%,transparent);cursor:pointer;touch-action:manipulation}._title_1wd2p_49{margin:0;padding-right:24px;font-size:var(--b-comp-font-size-md);font-weight:600;color:var(--base-fg)}._description_1wd2p_57{margin:4px 0 0;font-size:var(--b-comp-font-size-sm);color:color-mix(in oklch,var(--base-fg) 55%,transparent);line-height:1.5}._base_13hyv_1{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;background-color:var(--base-edge);color:var(--base-bg);box-shadow:0 4px 12px #0003;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:box-shadow var(--b-transition-fast)}._base_13hyv_1:active{transform:scale(.95)}._base_13hyv_1:focus-visible{outline:2px solid var(--color-focus-border);outline-offset:2px}._icon_13hyv_27{display:flex;align-items:center;justify-content:center;width:24px;height:24px}._icon_13hyv_27 svg{width:100%;height:100%}._groupContent_13hyv_40{padding:8px;border:none;box-shadow:0 4px 16px #00000026;background-color:transparent;animation:none}._items_13hyv_48{display:flex;flex-direction:column;gap:8px}._item_13hyv_48{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:24px;background-color:color-mix(in oklch,var(--base-fg) 90%,var(--base-bg));color:var(--base-bg);box-shadow:0 2px 8px #0003;font-family:inherit;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--b-transition-fast)}._item_13hyv_48:active{transform:scale(.95)}._itemIcon_13hyv_78{display:flex;align-items:center;justify-content:center;width:20px;height:20px}._itemIcon_13hyv_78 svg{width:100%;height:100%}._itemLabel_13hyv_91{font-size:14px;line-height:20px}:root{--base-bg: oklch(99% 0 0);--base-fg: oklch(15% 0 0);--base-gray: oklch(72% 0 0);--color-disabled-bg: oklch(from var(--base-gray) calc(l + .16) c h);--color-disabled-fg: oklch(from var(--base-gray) calc(l - .17) c h);--color-disabled-border: var(--base-gray);--base-edge: oklch(.55 .16 250);--color-danger: oklch(.55 .18 25);--color-success: oklch(.6 .18 145);--color-warning: oklch(.7 .18 75);--color-info: oklch(.6 .15 230);--color-focus-bg: color-mix(in oklch, var(--base-fg) 3%, var(--base-bg));--color-focus-border: oklch(from var(--base-edge) calc(l - .12) calc(c + .02) h);--b-threshold-default-hue: .6;--b-maxChroma-default-hue: .2;--b-font-family: system-ui, -apple-system, sans-serif;--b-font-size-xs: 10px;--b-font-size-sm: 12px;--b-font-size-md: 14px;--b-font-size-lg: 16px;--b-font-size-xl: 20px;--b-font-size-xxl: 24px;--b-line-height: 1.5;--b-spacing-xxs: 2px;--b-spacing-xs: 4px;--b-spacing-sm: 8px;--b-spacing-md: 12px;--b-spacing-lg: 16px;--b-spacing-xl: 24px;--b-spacing-xxl: 32px;--b-level-primary-xs: 32px;--b-level-primary-sm: 36px;--b-level-primary-md: 40px;--b-level-primary-lg: 44px;--b-level-primary-xl: 48px;--b-level-primary-2xl: 64px;--b-level-secondary-xs: 16px;--b-level-secondary-sm: 18px;--b-level-secondary-md: 20px;--b-level-secondary-lg: 22px;--b-level-secondary-xl: 24px;--b-level-secondary-2xl: 32px;--b-comp-height-xs: var(--b-level-primary-xs);--b-comp-height-sm: var(--b-level-primary-sm);--b-comp-height-md: var(--b-level-primary-md);--b-comp-height-lg: var(--b-level-primary-lg);--b-comp-height-xl: var(--b-level-primary-xl);--b-comp-height-2xl: var(--b-level-primary-2xl);--b-comp-font-size-xs: 12px;--b-comp-font-size-sm: 14px;--b-comp-font-size-md: 14px;--b-comp-font-size-lg: 16px;--b-comp-font-size-xl: 18px;--b-comp-font-size-2xl: 20px;--b-comp-line-height-xs: 16px;--b-comp-line-height-sm: 20px;--b-comp-line-height-md: 20px;--b-comp-line-height-lg: 24px;--b-comp-line-height-xl: 28px;--b-comp-line-height-2xl: 30px;--b-comp-padding-y-xs: 7px;--b-comp-padding-y-sm: 7px;--b-comp-padding-y-md: 9px;--b-comp-padding-y-lg: 9px;--b-comp-padding-y-xl: 9px;--b-comp-padding-y-2xl: 16px;--b-comp-padding-x-xs: 8px;--b-comp-padding-x-sm: 12px;--b-comp-padding-x-md: 16px;--b-comp-padding-x-lg: 20px;--b-comp-padding-x-xl: 24px;--b-comp-padding-x-2xl: 32px;--b-comp-secondary-height-xs: var(--b-level-secondary-xs);--b-comp-secondary-height-sm: var(--b-level-secondary-sm);--b-comp-secondary-height-md: var(--b-level-secondary-md);--b-comp-secondary-height-lg: var(--b-level-secondary-lg);--b-comp-secondary-height-xl: var(--b-level-secondary-xl);--b-comp-secondary-height-2xl: var(--b-level-secondary-2xl);--b-container-padding-sm: 12px;--b-container-padding-md: 16px;--b-container-padding-lg: 24px;--b-container-padding-xl: 32px;--b-radius-round: 9999px;--b-radius-l3-xs: 16px;--b-radius-l2-xs: 8px;--b-radius-l1-xs: 2px;--b-radius-l3-sm: 16px;--b-radius-l2-sm: 8px;--b-radius-l1-sm: 2px;--b-radius-l3-md: 16px;--b-radius-l2-md: 8px;--b-radius-l1-md: 4px;--b-radius-l3-lg: 16px;--b-radius-l2-lg: 8px;--b-radius-l1-lg: 6px;--b-radius-l3-xl: 16px;--b-radius-l2-xl: 8px;--b-radius-l1-xl: 8px;--b-radius-l3-2xl: 16px;--b-radius-l2-2xl: 8px;--b-radius-l1-2xl: 16px;--b-transition-fast: .15s ease;--b-transition-normal: .3s ease;--b-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--b-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--b-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--b-z-index-base: 0;--b-z-index-dropdown: 100;--b-z-index-modal: 200;--b-z-index-toast: 300}@media(prefers-contrast:more){:root{--base-fg: oklch(5% 0 0)}}[data-balik-theme=sharp]{--b-radius-l3-xs: 0;--b-radius-l2-xs: 0;--b-radius-l1-xs: 0;--b-radius-l3-sm: 0;--b-radius-l2-sm: 0;--b-radius-l1-sm: 0;--b-radius-l3-md: 0;--b-radius-l2-md: 0;--b-radius-l1-md: 0;--b-radius-l3-lg: 0;--b-radius-l2-lg: 0;--b-radius-l1-lg: 0;--b-radius-l3-xl: 0;--b-radius-l2-xl: 0;--b-radius-l1-xl: 0;--b-radius-l3-2xl: 0;--b-radius-l2-2xl: 0;--b-radius-l1-2xl: 0}[data-balik-theme=compact]{--b-radius-l3-xs: 8px;--b-radius-l2-xs: 4px;--b-radius-l1-xs: 2px;--b-radius-l3-sm: 8px;--b-radius-l2-sm: 4px;--b-radius-l1-sm: 2px;--b-radius-l3-md: 8px;--b-radius-l2-md: 4px;--b-radius-l1-md: 2px;--b-radius-l3-lg: 8px;--b-radius-l2-lg: 4px;--b-radius-l1-lg: 2px;--b-radius-l3-xl: 8px;--b-radius-l2-xl: 4px;--b-radius-l1-xl: 2px;--b-radius-l3-2xl: 8px;--b-radius-l2-2xl: 4px;--b-radius-l1-2xl: 2px}[data-balik-theme=pill]{--b-radius-l3-xs: 24px;--b-radius-l2-xs: var(--b-radius-round);--b-radius-l1-xs: var(--b-radius-round);--b-radius-l3-sm: 24px;--b-radius-l2-sm: var(--b-radius-round);--b-radius-l1-sm: var(--b-radius-round);--b-radius-l3-md: 24px;--b-radius-l2-md: var(--b-radius-round);--b-radius-l1-md: var(--b-radius-round);--b-radius-l3-lg: 24px;--b-radius-l2-lg: var(--b-radius-round);--b-radius-l1-lg: var(--b-radius-round);--b-radius-l3-xl: 24px;--b-radius-l2-xl: var(--b-radius-round);--b-radius-l1-xl: var(--b-radius-round);--b-radius-l3-2xl: 24px;--b-radius-l2-2xl: var(--b-radius-round);--b-radius-l1-2xl: var(--b-radius-round)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--b-font-family);font-size:var(--b-font-size-md);line-height:var(--b-line-height);color:var(--base-fg);background-color:var(--base-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-weight:600}a{color:inherit;text-decoration:none}:where(ul,ol){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer}:where([hidden]){display:none}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@balikjs/mobile",
+  "version": "0.0.1",
+  "description": "A mobile-first UI component library built on top of Ark UI for Solid.js",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "exports": {
+    ".": {
+      "solid": "./src/index.js",
+      "import": "./src/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "main": "./src/index.js",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "dev": "vite --config vite.config.showcase.js",
+    "build": "vite build",
+    "build:watch": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.9.0"
+  },
+  "dependencies": {
+    "@ark-ui/solid": "^4.0.0",
+    "lucide-solid": "^1.27.0"
+  },
+  "devDependencies": {
+    "@solidjs/router": "^1.0.0",
+    "@solidjs/testing-library": "^0.8.0",
+    "jsdom": "^25.0.0",
+    "solid-js": "^1.9.0",
+    "vite": "^6.0.0",
+    "vite-plugin-solid": "^2.11.0",
+    "vitest": "^3.0.0"
+  }
+}

package/src/Alert/Alert.jsx

@@ -0,0 +1,67 @@
+import { splitProps, mergeProps, Show } from 'solid-js'
+import { CircleCheck, TriangleAlert, CircleAlert, Info } from 'lucide-solid'
+import { CloseButton } from '../CloseButton/CloseButton.jsx'
+import styles from './Alert.module.css'
+
+const intents = {
+  info: styles.intentInfo,
+  success: styles.intentSuccess,
+  warning: styles.intentWarning,
+  danger: styles.intentDanger,
+}
+
+const intentIcons = {
+  success: () => <CircleCheck size={20} aria-hidden="true" />,
+  warning: () => <TriangleAlert size={20} aria-hidden="true" />,
+  danger: () => <CircleAlert size={20} aria-hidden="true" />,
+  info: () => <Info size={20} aria-hidden="true" />,
+}
+
+const DEFAULT_PROPS = {
+  intent: 'info',
+  closeable: false,
+}
+
+/**
+ * @param {{
+ *   title: string
+ *   description?: string
+ *   intent?: 'info' | 'success' | 'warning' | 'danger'
+ *   closeable?: boolean
+ *   onClose?: () => void
+ *   class?: string
+ * }} props
+ */
+export function Alert(props) {
+  const [local, rest] = splitProps(
+    mergeProps(DEFAULT_PROPS, props),
+    ['title', 'description', 'intent', 'closeable', 'onClose', 'class'],
+  )
+
+  return (
+    <div
+      {...rest}
+      role="alert"
+      class={[
+        'balik-alert',
+        `balik-alert--${local.intent}`,
+        styles.base,
+        intents[local.intent],
+        local.class,
+      ]
+        .filter(Boolean)
+        .join(' ')}
+    >
+      <span class={styles.icon}>{intentIcons[local.intent]()}</span>
+      <div class={styles.body}>
+        <p class={styles.title}>{local.title}</p>
+        <Show when={local.description}>
+          <p class={styles.description}>{local.description}</p>
+        </Show>
+      </div>
+      <Show when={local.closeable}>
+        <CloseButton size="xs" class={styles.close} onClick={() => local.onClose?.()} />
+      </Show>
+    </div>
+  )
+}

package/src/Alert/Alert.module.css

@@ -0,0 +1,87 @@
+.base {
+  --_alert-tint: transparent;
+  --_alert-accent: transparent;
+
+  display: flex;
+  align-items: flex-start;
+  gap: var(--b-spacing-sm);
+  padding: var(--b-container-padding-sm) var(--b-container-padding-sm);
+  border-radius: var(--b-radius-l2-sm);
+  background-color: var(--_alert-tint);
+  border-left: 3px solid var(--_alert-accent);
+}
+
+.icon {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+  margin-top: 1px;
+  color: var(--_alert-accent);
+}
+
+.icon svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.body {
+  flex: 1;
+  min-width: 0;
+}
+
+.title {
+  margin: 0;
+  font-size: var(--b-comp-font-size-md);
+  line-height: var(--b-comp-line-height-md);
+  color: var(--base-fg);
+}
+
+.description {
+  margin: var(--b-spacing-xxs) 0 0;
+  font-size: var(--b-comp-font-size-sm);
+  line-height: var(--b-comp-line-height-sm);
+  color: color-mix(in oklch, var(--base-fg) 60%, transparent);
+}
+
+.close {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  margin: -1px -4px 0 0;
+  padding: 0;
+  border: none;
+  border-radius: var(--b-radius-l1-sm);
+  background: transparent;
+  color: color-mix(in oklch, var(--base-fg) 35%, transparent);
+  cursor: pointer;
+}
+
+.close svg {
+  display: block;
+  width: 14px;
+  height: 14px;
+}
+
+.intentInfo {
+  --_alert-tint: color-mix(in oklch, var(--color-info) 10%, var(--base-bg));
+  --_alert-accent: var(--color-info);
+}
+
+.intentSuccess {
+  --_alert-tint: color-mix(in oklch, var(--color-success) 10%, var(--base-bg));
+  --_alert-accent: var(--color-success);
+}
+
+.intentWarning {
+  --_alert-tint: color-mix(in oklch, var(--color-warning) 10%, var(--base-bg));
+  --_alert-accent: var(--color-warning);
+}
+
+.intentDanger {
+  --_alert-tint: color-mix(in oklch, var(--color-danger) 10%, var(--base-bg));
+  --_alert-accent: var(--color-danger);
+}

package/src/Alert/index.js

@@ -0,0 +1 @@
+export { Alert } from './Alert.jsx'

package/src/Avatar/Avatar.jsx

@@ -0,0 +1,77 @@
+import { splitProps, mergeProps, Show, createMemo } from 'solid-js'
+import styles from './Avatar.module.css'
+
+const sizes = {
+  xs: styles.sizeXs,
+  sm: styles.sizeSm,
+  md: styles.sizeMd,
+  lg: styles.sizeLg,
+  xl: styles.sizeXl,
+  '2xl': styles.size2xl,
+}
+
+const genders = {
+  male: styles.male,
+  female: styles.female,
+}
+
+const DEFAULT_PROPS = {
+  size: 'md',
+  gender: 'male',
+}
+
+/**
+ * @param {import('solid-js').JSX.HTMLAttributes<HTMLSpanElement> & {
+ *   src?: string
+ *   alt?: string
+ *   name?: string
+ *   size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'
+ *   gender?: 'male' | 'female'
+ *   class?: string
+ * }} props
+ */
+export function Avatar(props) {
+  const [local, rest] = splitProps(
+    mergeProps(DEFAULT_PROPS, props),
+    ['src', 'alt', 'name', 'size', 'gender', 'class'],
+  )
+
+  const initials = createMemo(() => {
+    if (!local.name) return '?'
+    return local.name
+      .split(/\s+/)
+      .filter(Boolean)
+      .slice(0, 2)
+      .map((w) => w[0])
+      .join('')
+  })
+
+  return (
+    <span
+      {...rest}
+      role="img"
+      aria-label={local.alt || local.name || 'Avatar'}
+      class={[
+        'balik-avatar',
+        `balik-avatar--${local.size}`,
+        styles.base,
+        sizes[local.size],
+        genders[local.gender],
+        local.class,
+      ]
+        .filter(Boolean)
+        .join(' ')}
+    >
+      <Show
+        when={local.src}
+        fallback={
+          <span class={styles.fallback} aria-hidden="true">
+            {initials()}
+          </span>
+        }
+      >
+        <img class={styles.image} src={local.src} alt={local.alt || ''} />
+      </Show>
+    </span>
+  )
+}

package/src/Avatar/Avatar.module.css

@@ -0,0 +1,74 @@
+.base {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  border-radius: 50%;
+  background-color: color-mix(in oklch, var(--base-edge) 15%, var(--base-bg));
+  color: var(--base-edge);
+  font-family: inherit;
+  font-weight: 600;
+  text-transform: uppercase;
+  overflow: hidden;
+  user-select: none;
+}
+
+.image {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 50%;
+}
+
+.fallback {
+  line-height: 1;
+}
+
+.sizeXs {
+  width: var(--b-comp-height-xs);
+  height: var(--b-comp-height-xs);
+  font-size: 14px;
+}
+
+.sizeSm {
+  width: var(--b-comp-height-sm);
+  height: var(--b-comp-height-sm);
+  font-size: 16px;
+}
+
+.sizeMd {
+  width: var(--b-comp-height-md);
+  height: var(--b-comp-height-md);
+  font-size: 18px;
+}
+
+.sizeLg {
+  width: var(--b-comp-height-lg);
+  height: var(--b-comp-height-lg);
+  font-size: 20px;
+}
+
+.sizeXl {
+  width: var(--b-comp-height-xl);
+  height: var(--b-comp-height-xl);
+  font-size: 22px;
+}
+
+.size2xl {
+  width: var(--b-comp-height-2xl);
+  height: var(--b-comp-height-2xl);
+  font-size: 28px;
+}
+
+.male {
+  background-color: #e3f2fd;
+  color: #1976d2;
+}
+
+.female {
+  background-color: #fce4ec;
+  color: #c62828;
+}

package/src/Avatar/index.js

@@ -0,0 +1 @@
+export { Avatar } from './Avatar.jsx'

package/src/Badge/Badge.jsx

@@ -0,0 +1,83 @@
+import { splitProps, mergeProps, Show } from 'solid-js'
+import styles from './Badge.module.css'
+
+const sizes = {
+  xs: styles.sizeXs,
+  sm: styles.sizeSm,
+  md: styles.sizeMd,
+  lg: styles.sizeLg,
+  xl: styles.sizeXl,
+  '2xl': styles.size2xl,
+}
+
+const solidIntents = {
+  default: styles.solidDefault,
+  danger: styles.solidDanger,
+  success: styles.solidSuccess,
+  warning: styles.solidWarning,
+  info: styles.solidInfo,
+  intent: styles.solidIntent,
+}
+
+const outlineIntents = {
+  default: styles.outlineDefault,
+  danger: styles.outlineDanger,
+  success: styles.outlineSuccess,
+  warning: styles.outlineWarning,
+  info: styles.outlineInfo,
+  intent: styles.outlineIntent,
+}
+
+const intentClasses = {
+  solid: solidIntents,
+  outline: outlineIntents,
+}
+
+const DEFAULT_PROPS = {
+  size: 'md',
+  intent: 'default',
+  solid: true,
+  dot: false,
+}
+
+/**
+ * @param {import('solid-js').JSX.HTMLAttributes<HTMLSpanElement> & {
+ *   size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'
+ *   intent?: 'default' | 'danger' | 'success' | 'warning' | 'info' | 'intent'
+ *   solid?: boolean
+ *   dot?: boolean
+ *   class?: string
+ *   children?: import('solid-js').JSX.Element
+ * }} props
+ */
+export function Badge(props) {
+  const [local, rest] = splitProps(
+    mergeProps(DEFAULT_PROPS, props),
+    ['size', 'intent', 'solid', 'dot', 'class', 'children'],
+  )
+
+  const variant = local.solid ? 'solid' : 'outline'
+
+  return (
+    <span
+      {...rest}
+      class={[
+        'balik-badge',
+        `balik-badge--${variant}`,
+        `balik-badge--${local.intent}`,
+        `balik-badge--${local.size}`,
+        styles.base,
+        sizes[local.size],
+        intentClasses[variant][local.intent],
+        local.class,
+      ]
+        .filter(Boolean)
+        .join(' ')}
+    >
+      <Show when={local.dot}>
+        <span class={styles.dot} aria-hidden="true" />
+      </Show>
+      {local.children}
+    </span>
+  )
+}