@ryuzaki13/react-foundation-ui 3.3.0 → 3.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/splitter/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/styles/mixins/_mixin.scss +19 -8
- package/src/styles/mixins/mixin.test.ts +26 -0
- package/storybook-static/assets/{Badge-D_miams1.js → Badge-WK_mHgPv.js} +1 -1
- package/storybook-static/assets/{Badge.stories-C53rR6-m.js → Badge.stories-C-PG-D9c.js} +1 -1
- package/storybook-static/assets/{BadgeList-CXhMsbHN.js → BadgeList-DYGxtQ-O.js} +1 -1
- package/storybook-static/assets/{BarcodeScannerDialog.stories-seqRo6OE.js → BarcodeScannerDialog.stories-B_n4Qliu.js} +1 -1
- package/storybook-static/assets/{Button-HcCf8ewy.js → Button-Cy45Cu2q.js} +1 -1
- package/storybook-static/assets/{Button-CnG8UaLy.js → Button-nDySpXWm.js} +1 -1
- package/storybook-static/assets/{Button.stories-BHSzUc2w.js → Button.stories-CrPmHY1E.js} +1 -1
- package/storybook-static/assets/{CalendarView-XtXqdANe.js → CalendarView-zL3O-sZf.js} +1 -1
- package/storybook-static/assets/{CheckBox-CVtYfxZ9.js → CheckBox-CzqWCe_6.js} +1 -1
- package/storybook-static/assets/{CheckBox-D6vctcKk.js → CheckBox-CzyeFW5L.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-DHXvTXOu.js → CheckBox.stories-LPlGgguV.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-BbiWLCrL.js → Color-6AOWCN3U-CoLFXF3n.js} +1 -1
- package/storybook-static/assets/{ContextMenu-CveMvmMr.js → ContextMenu-BGC-gsmk.js} +1 -1
- package/storybook-static/assets/{ContextMenu-nOxBI728.js → ContextMenu-BtjQnmO8.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-BX-U2HL5.js → ContextMenu.stories-B68MHoA5.js} +1 -1
- package/storybook-static/assets/{CustomOptionButton-CeQkVSnm.js → CustomOptionButton-BcUZjl7x.js} +1 -1
- package/storybook-static/assets/{DateInput-Cl0jsK8W.js → DateInput-CoUKXwOy.js} +1 -1
- package/storybook-static/assets/{DateInput-DZulw10a.js → DateInput-DD0XhNMn.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-BAk7jvdQ.js → DateInput.stories-CrxV-NX3.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-fHheb8Qb.js → DateRangePresetSelect-BZkw08X8.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BbP1EZha.js → DateRangePresetSelect-D0ZuuibO.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-DAE_gknP.js → DateRangePresetSelect.stories-DN-u5Tf_.js} +1 -1
- package/storybook-static/assets/{Detail-COtF87BC.js → Detail-B9c_GmIS.js} +1 -1
- package/storybook-static/assets/{Detail.stories-CSfAEQCi.js → Detail.stories-OI3j2cI9.js} +1 -1
- package/storybook-static/assets/{Dialog-C2uB9kIV.js → Dialog-CWrmoQUu.js} +1 -1
- package/storybook-static/assets/{Dialog-BrBqkDX8.js → Dialog-D4adQAWw.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-Bm3UXA9U.js → Dialog.stories-Dz4Egk9W.js} +1 -1
- package/storybook-static/assets/{Disclosure-xhFEOG3w.js → Disclosure-S0o9QUXW.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-Vl98lnzh.js → Disclosure.stories-CGSmddMi.js} +1 -1
- package/storybook-static/assets/{DisclosureGroup-DUChaiu8.js → DisclosureGroup-DQCcCJ-G.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-C_WINtPH.js → DocsRenderer-JROSPFPF-DIG1476f.js} +1 -1
- package/storybook-static/assets/{DropZone-BZvrpfEI.js → DropZone-BtvaZTFC.js} +1 -1
- package/storybook-static/assets/{DropZone-1gMBb4LE.js → DropZone-CjbtepX5.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-DVD3fCWD.js → DropZone.stories-CVbQZvnH.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-DTeBES3S.js → DropdownMenu-BlVEu2KG.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-3gzSQS7e.js → ExpandableActionPanel-Gtuiz5xO.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-D19yOaYM.js → ExpandableActionPanel.stories-BV1AqCzO.js} +1 -1
- package/storybook-static/assets/{Flex-DIZfsMsu.js → Flex-B5m1S2Ds.js} +1 -1
- package/storybook-static/assets/{Flex.stories-b6asO6Wg.js → Flex.stories-CB_h3zMQ.js} +1 -1
- package/storybook-static/assets/{FloatingPopover-BMKn-ql-.js → FloatingPopover-nlrLo05o.js} +1 -1
- package/storybook-static/assets/{FormattedTableCell-BT4z527d.js → FormattedTableCell-Bi6btA1Q.js} +1 -1
- package/storybook-static/assets/{Grid-DOOnMH98.js → Grid-DtTOdOXE.js} +1 -1
- package/storybook-static/assets/{Grid.stories-BytLkIod.js → Grid.stories-CzrHwZai.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-mOkJIs2l.js → ImageCropper.stories-DgSlmVOW.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-CZRbXgZb.js → ImageRenderer-BcDd54KY.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-DTw8oVgX.js → ImageRenderer.stories-BK0UaXkn.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-C_y-kuMM.js → ImageView.stories-joG-U4Gi.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-BMW63e3_.js → ImageViewer.stories-DJKtt5C3.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-CNlV0hTZ.js → ImageViewerRuntime-DdqgfTEg.js} +1 -1
- package/storybook-static/assets/{Input-D7ogoGUR.js → Input-DA5VYKk4.js} +1 -1
- package/storybook-static/assets/{Input-CVU8GJSJ.js → Input-DCQx5o0q.js} +1 -1
- package/storybook-static/assets/{Input.stories-Ck5NAzN5.js → Input.stories-DC4vVoEO.js} +1 -1
- package/storybook-static/assets/{InputDateTime-BtQKShpA.js → InputDateTime-Cqs65WcA.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-Ck_Vdd0f.js → InputDateTime.stories-DXMuILTG.js} +1 -1
- package/storybook-static/assets/{InputFile-C-wYyGvd.js → InputFile-C0wD4lBl.js} +1 -1
- package/storybook-static/assets/{InputFile-BtrIqfKw.js → InputFile-CcejpGbB.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-Hz_10-5g.js → InputFile.stories-CZBGHGXL.js} +1 -1
- package/storybook-static/assets/{InputFiles-kGadQIOr.js → InputFiles-Cy7UOEEl.js} +1 -1
- package/storybook-static/assets/{InputFiles-fMA23_Bz.js → InputFiles-Dm9IatOj.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-DCGwLGsk.js → InputFiles.stories-DF7PZbCW.js} +1 -1
- package/storybook-static/assets/{InputFilesList-D2d_PfYA.js → InputFilesList-BqDjNhcz.js} +1 -1
- package/storybook-static/assets/{InputImage-DUthKRXu.js → InputImage-CjkjKRA-.js} +1 -1
- package/storybook-static/assets/{InputImage-DmHkPJAH.js → InputImage-DdLmW1Ak.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-jatpBa1U.js → InputImage.stories-BDHD_d8S.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents-DoYiFxrU.js → InteractiveComponents-4rezxuPS.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents.stories-C7MNF767.js → InteractiveComponents.stories-CVBUBZSq.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-BXPyXDP-.js → LayoutPicker-BVFJE1oc.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-C-QQvpXv.js → LayoutPicker-BXWCpFmA.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-Dwo08nCV.js → LayoutPicker.stories-C8EwE9PO.js} +1 -1
- package/storybook-static/assets/{Listbox-lOsGVKCt.js → Listbox-B2klC2J4.js} +1 -1
- package/storybook-static/assets/{Listbox-CVTOtx7h.js → Listbox-CRHfG41-.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-JF_tgMsM.js → Listbox.stories-QYHkM0DW.js} +1 -1
- package/storybook-static/assets/{Modal-XipTBtwq.js → Modal--ELz0mEU.js} +1 -1
- package/storybook-static/assets/{Modal-DNDnh6eL.js → Modal-CKBitHBE.js} +1 -1
- package/storybook-static/assets/{Modal.stories-C-D2Op2H.js → Modal.stories-geHialJZ.js} +1 -1
- package/storybook-static/assets/{ModalManagerProvider-BSgCQPE0.js → ModalManagerProvider-DsMq_tq2.js} +1 -1
- package/storybook-static/assets/{MultiSelect-BkjfbN5S.js → MultiSelect-BKRj8NFe.js} +1 -1
- package/storybook-static/assets/{MultiSelect-juwreD-7.js → MultiSelect-DtFllTiw.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-DpH2Lt7S.js → MultiSelect.stories-YDVhnlkm.js} +1 -1
- package/storybook-static/assets/{NoData-A59EYm0a.js → NoData-ChNrCPgT.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-Dmp9bSBy.js → NotificationsHost-BCLynQi2.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-Ds9fPqPw.js → NotificationsHost.stories-BToRwZ5L.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-ATFN6j03.js → ODataMultiSelect-CHkxeCzC.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-BZHufWhw.js → ODataMultiSelect.stories-BnNlvPrF.js} +1 -1
- package/storybook-static/assets/{ODataSelect-wsq-aKaL.js → ODataSelect-BGuLBvVZ.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-DDJckPji.js → ODataSelect.stories-pVtqhn6u.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-DRkVACkc.js → ODataTreeMultiSelect-D29MXqhJ.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-Cf9f-c1A.js → ODataTreeMultiSelect.stories-BhkSzORg.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-DmpAqcJn.js → ODataTreeSelect-BObAKFiJ.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-CmjLCIoB.js → ODataTreeSelect.stories-4fKQO9gD.js} +1 -1
- package/storybook-static/assets/{OneStepScroller-EAhOZmWt.js → OneStepScroller-Dpf5KqZ6.js} +1 -1
- package/storybook-static/assets/{Option-Bc5-OwJm.js → Option-Xtt1DH-W.js} +1 -1
- package/storybook-static/assets/{OptionButton-PxwmoR0s.js → OptionButton-D7HaYa0p.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-B-NPWAUQ.js → PeriodSelect-D7tLuCU0.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-Dd3tAy-l.js → PeriodSelect-DCQuU1LH.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-BCRagfo9.js → PeriodSelect.stories-Ca-GX9Tz.js} +1 -1
- package/storybook-static/assets/{PickerField-BSGmEh4a.js → PickerField-CKhIV-GD.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-CbcemWC5.js → PickerTriggerActions-BOiWWSOd.js} +1 -1
- package/storybook-static/assets/{Popover-DDcNjJVQ.js → Popover-CVg25yB5.js} +1 -1
- package/storybook-static/assets/{Popover-ChIXyBaB.js → Popover-DxTWZuo8.js} +1 -1
- package/storybook-static/assets/{Popover.stories-DFA9Jxpy.js → Popover.stories-DsORnhKo.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-CbqvxYsV.js → PresetRangeDateInput-DA74INX8.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-BqXmZpJv.js → PresetRangeDateInput-cSxPuCCQ.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-BHQTcW_z.js → PresetRangeDateInput.stories-B_HF3Ga7.js} +1 -1
- package/storybook-static/assets/{PresetSelect-CtDoIWSg.js → PresetSelect-mOzpojJJ.js} +1 -1
- package/storybook-static/assets/{README-CVzeBBbC.js → README-3aQahOxk.js} +1 -1
- package/storybook-static/assets/{README-DaHZmDOI.js → README-98iaASHF.js} +1 -1
- package/storybook-static/assets/{README-q1qdBpXc.js → README-B03JihpF.js} +1 -1
- package/storybook-static/assets/{README-DUBJn2Ju.js → README-BH8L06ZO.js} +1 -1
- package/storybook-static/assets/{README-ex5nxaXZ.js → README-BRll88aK.js} +1 -1
- package/storybook-static/assets/{README-g1OFGqQI.js → README-BZSwzwlc.js} +1 -1
- package/storybook-static/assets/{README-BAPMV_Cm.js → README-BcwfiwHw.js} +1 -1
- package/storybook-static/assets/{README-DxeEPo-5.js → README-BdZ-RGTC.js} +1 -1
- package/storybook-static/assets/{README-Bf13jEbX.js → README-BeEsLwyR.js} +1 -1
- package/storybook-static/assets/{README-vD1-Ulbp.js → README-Bg1Ebtfe.js} +1 -1
- package/storybook-static/assets/{README-B2UhI-qx.js → README-Bi5I_SME.js} +1 -1
- package/storybook-static/assets/{README-BRozDrPV.js → README-BlcouEvm.js} +1 -1
- package/storybook-static/assets/{README-QZVvMoOB.js → README-Bu0nPFap.js} +1 -1
- package/storybook-static/assets/{README-D9bg9f74.js → README-BxfNnbql.js} +1 -1
- package/storybook-static/assets/{README-DMbTryDc.js → README-C-4Gq6Yz.js} +1 -1
- package/storybook-static/assets/{README-DmaK5qEx.js → README-CSUr03fm.js} +1 -1
- package/storybook-static/assets/{README-BEzdp9qB.js → README-CSWAkoQQ.js} +1 -1
- package/storybook-static/assets/{README-a77qa4ty.js → README-CUOOxq8d.js} +1 -1
- package/storybook-static/assets/{README-D_RZ1dEa.js → README-CVMJBCAl.js} +1 -1
- package/storybook-static/assets/{README-B43WmszX.js → README-Cd4O_-P0.js} +1 -1
- package/storybook-static/assets/{README-BS2qCis7.js → README-ChSHKah1.js} +1 -1
- package/storybook-static/assets/{README-Daclz_Vq.js → README-Cj63ppIL.js} +1 -1
- package/storybook-static/assets/{README-BTI7-oMS.js → README-Cl070DLH.js} +1 -1
- package/storybook-static/assets/{README-CYkJGsO-.js → README-CniV1rqU.js} +1 -1
- package/storybook-static/assets/{README-CvznQ5DE.js → README-CvKoManm.js} +1 -1
- package/storybook-static/assets/{README-DNjzB9pT.js → README-CxKLNi3e.js} +1 -1
- package/storybook-static/assets/{README-D1_Y0Xmw.js → README-CxwpwliD.js} +1 -1
- package/storybook-static/assets/{README-8ieYbwRv.js → README-D53klY6j.js} +1 -1
- package/storybook-static/assets/{README-Dxm4jPJX.js → README-DQQXGVUQ.js} +1 -1
- package/storybook-static/assets/{README-DJ1jDUnA.js → README-DUk2JF_b.js} +1 -1
- package/storybook-static/assets/{README-Dl_o4aSe.js → README-DXic5ngi.js} +1 -1
- package/storybook-static/assets/{README-BHN17dUh.js → README-DmmYh6hO.js} +1 -1
- package/storybook-static/assets/{README-CNQJDOEQ.js → README-Dr9SOwgU.js} +1 -1
- package/storybook-static/assets/{README-CD0CH2Wy.js → README-DvhjlyjA.js} +1 -1
- package/storybook-static/assets/{README-OfF6wOio.js → README-GBDFjDKR.js} +1 -1
- package/storybook-static/assets/{README-87vCeikt.js → README-IYwlje5o.js} +1 -1
- package/storybook-static/assets/{README-gx4Fd1mY.js → README-QJBm6wYx.js} +1 -1
- package/storybook-static/assets/{README-ClbpyGVv.js → README-SyFOtISa.js} +1 -1
- package/storybook-static/assets/{README-DTAFDnFQ.js → README-YZ2NIMYx.js} +1 -1
- package/storybook-static/assets/{README-BS9CB7TR.js → README-YlX9cWES.js} +1 -1
- package/storybook-static/assets/{README-COGC_G42.js → README-cQ_H4dLu.js} +1 -1
- package/storybook-static/assets/{README-ErUs-WY2.js → README-dRk5FvxV.js} +1 -1
- package/storybook-static/assets/{README-SZH6KGw3.js → README-dzP0SVFn.js} +1 -1
- package/storybook-static/assets/{README-B3SMW4TV.js → README-fxpsAKlj.js} +1 -1
- package/storybook-static/assets/{README-B5rpg-Bo.js → README-gmC53Xi_.js} +1 -1
- package/storybook-static/assets/{README-BmX_gdJm.js → README-kGtl2KUp.js} +1 -1
- package/storybook-static/assets/{README-BPBvX2pu.js → README-kYv_tOTc.js} +1 -1
- package/storybook-static/assets/{README-BviZJCGw.js → README-nBHaLC_F.js} +1 -1
- package/storybook-static/assets/{README-BuUZJLLD.js → README-oDk_9qv5.js} +1 -1
- package/storybook-static/assets/{README-QjVUi8kc.js → README-uyzCxo9T.js} +1 -1
- package/storybook-static/assets/{README-ZR6Xp0dF.js → README-vL1xEM7S.js} +1 -1
- package/storybook-static/assets/{README-CSYTh4FM.js → README-vwgzSNs9.js} +1 -1
- package/storybook-static/assets/{README-D2yCfl2o.js → README-wHEBUmRN.js} +1 -1
- package/storybook-static/assets/{RadioButton-CF3QPcrf.js → RadioButton-Di3E0WqK.js} +1 -1
- package/storybook-static/assets/{RadioButton-hjjU5sk5.js → RadioButton-zHQaixrg.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-koM1Ljav.js → RadioButton.stories-Db-Ng16j.js} +1 -1
- package/storybook-static/assets/{RadioGroup-Br-l88J6.js → RadioGroup-CFdBOgXY.js} +1 -1
- package/storybook-static/assets/{RadioGroup-D5eW-uDY.js → RadioGroup-COyCIEhw.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-DrwOi4QH.js → RadioGroup.stories-cTyxlNoV.js} +1 -1
- package/storybook-static/assets/{Scrollable-BrsRmcMz.js → Scrollable-C_mydMBJ.js} +1 -1
- package/storybook-static/assets/{Select-Cmlknxsv.js → Select--Cur_ice.js} +1 -1
- package/storybook-static/assets/{Select-Bf5M5oc0.js → Select-euD4GyNW.js} +1 -1
- package/storybook-static/assets/{Select.stories-BM8U-sIP.js → Select.stories-DpMWO0V3.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-DF8HELZf.js → SerializableSelect-XxpMPv8U.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-BfDNuils.js → SerializableSelect.stories-Bd5j2VBn.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-DEOj7KGq.js → SingleDateTimeInput-25IqNBq8.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-4p_cgs10.js → SingleDateTimeInput-CdpxDJ19.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-D2EI6quF.js → SingleDateTimeInput.stories-DgHdtJ7N.js} +1 -1
- package/storybook-static/assets/{Slider-Bz4wP74t.js → Slider-CKL1KUMn.js} +1 -1
- package/storybook-static/assets/{Slider-XVAOSj2a.js → Slider-NZ1Vxv4R.js} +1 -1
- package/storybook-static/assets/{Slider.stories-B8_8QSd8.js → Slider.stories-DvY4QR6_.js} +1 -1
- package/storybook-static/assets/{SliderInput-BmIo8trQ.js → SliderInput-BFsNx6Wh.js} +1 -1
- package/storybook-static/assets/{SliderInput-1U-1F8y3.js → SliderInput-eCc-F5hi.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-Da1hcUQg.js → SliderInput.stories-Cxr-MTsf.js} +1 -1
- package/storybook-static/assets/{Sortable-DdSm1U01.js → Sortable-BcSak25T.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-B3vBG-Wg.js → Sortable.stories-CVppTSXD.js} +1 -1
- package/storybook-static/assets/Splitter-BQ5oBMYt.css +1 -0
- package/storybook-static/assets/{Splitter-SV-d9MZj.js → Splitter-DG142Oen.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-jPF9QpQ5.js → Splitter.stories--DIJIEL6.js} +1 -1
- package/storybook-static/assets/{StateSelect-Dg6j3tmo.js → StateSelect-C6zBMmxJ.js} +1 -1
- package/storybook-static/assets/{StateSelect-CLYa34QZ.js → StateSelect-CNK8Pui1.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-B-XXt836.js → StateSelect.stories-oE0A8q1A.js} +1 -1
- package/storybook-static/assets/{StatusIndicator-SmIOAZiH.js → StatusIndicator-67_V0D2V.js} +1 -1
- package/storybook-static/assets/{StatusIndicator.stories-Dxn-Ph9C.js → StatusIndicator.stories-D23wtI8L.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-Dm_95aFz.js → StringToggle.stories-ChM5pBoA.js} +1 -1
- package/storybook-static/assets/{Switch-_tgHhBGP.js → Switch-B7J03FEH.js} +1 -1
- package/storybook-static/assets/{Switch-DHKEAZQb.js → Switch-Dt-wBbLj.js} +1 -1
- package/storybook-static/assets/{Switch.stories-BHEJkS4S.js → Switch.stories-DqIkALkm.js} +1 -1
- package/storybook-static/assets/{Table-DlSI_r_q.js → Table-CpRAQK2S.js} +1 -1
- package/storybook-static/assets/{Table.stories-B5rgYs9g.js → Table.stories-CxtAcebJ.js} +1 -1
- package/storybook-static/assets/{TableEditor.stories-KVe48GsE.js → TableEditor.stories-BuZEjZEx.js} +1 -1
- package/storybook-static/assets/{Tabs-DrYsqBrH.js → Tabs-DMu6s5kP.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-BPct4JgR.js → Tabs.stories-CYq_iLCY.js} +1 -1
- package/storybook-static/assets/{TabsBox-AWLl9n9k.js → TabsBox-BROVW2Dh.js} +1 -1
- package/storybook-static/assets/{TagInput-Bhnrf28Y.js → TagInput-C80bG0KQ.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-Bkt4gArB.js → TagInput.stories-fkHl001f.js} +1 -1
- package/storybook-static/assets/{Text-BgFSnObV.js → Text-C6rUK4R7.js} +1 -1
- package/storybook-static/assets/{Textarea-BNJPblVu.js → Textarea-D2RHX8Dd.js} +1 -1
- package/storybook-static/assets/{Textarea-ClwEnzFe.js → Textarea-PZU9sdiC.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-DpKH8ULU.js → Textarea.stories-OgHE7THz.js} +1 -1
- package/storybook-static/assets/{TimePanel-BZwQNhG_.js → TimePanel--knkJLOD.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-4TgrKbYT.js → TimePanel.stories-B3R_YCoA.js} +1 -1
- package/storybook-static/assets/{Toggle-CO8Ij90u.js → Toggle-DkEiYYRr.js} +1 -1
- package/storybook-static/assets/{Toggle-DbixMwD6.js → Toggle-Dp8pjg73.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-Dc4VwIpg.js → Toggle.stories-BH-J32ih.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-C-_TH1CD.js → TreeMultiSelect-BbK5FA7l.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-CriZ1qIe.js → TreeMultiSelect-vsXA3U3N.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-d_SN0Sy2.js → TreeMultiSelect.stories-PRgWAflt.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-DrIewo4F.js → TreePickerBase-kkKccRAO.js} +1 -1
- package/storybook-static/assets/{TreeSelect-9_6a1BFQ.js → TreeSelect-BA3Scm6z.js} +1 -1
- package/storybook-static/assets/{TreeSelect-Bbt4VmZS.js → TreeSelect-C0c9HX9-.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-pu8ExKD5.js → TreeSelect.stories-B58cM0T1.js} +1 -1
- package/storybook-static/assets/{TreeTable-DophWkj1.js → TreeTable-C1gGTK5r.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-Pfm9IHtt.js → TreeTable.stories-DQvDrA7c.js} +1 -1
- package/storybook-static/assets/{blocks-B8YtS91C.js → blocks-BhZUMkxi.js} +3 -3
- package/storybook-static/assets/{check-Dpmf3AX3.js → check-Um3pz6QW.js} +1 -1
- package/storybook-static/assets/{chevron-down-DNiHhbIr.js → chevron-down-C4pZu3-1.js} +1 -1
- package/storybook-static/assets/{chevron-left-DOGuNTdf.js → chevron-left-KyBqJM8-.js} +1 -1
- package/storybook-static/assets/{chevron-right-Dpww2xSW.js → chevron-right-oI2LTilN.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-DMKzrwT-.js → chunk-W22LQPXL-bvuIlt4y.js} +1 -1
- package/storybook-static/assets/{circle-alert-0JRaOQ6l.js → circle-alert-DFDIH93R.js} +1 -1
- package/storybook-static/assets/{circle-check-cScFaPMW.js → circle-check-DZeVcfHM.js} +1 -1
- package/storybook-static/assets/{components-CX2-Yz0X.js → components-CpXLfKcs.js} +3 -3
- package/storybook-static/assets/{contextMenu-9tIzHxoE.js → contextMenu-D4heHbPg.js} +1 -1
- package/storybook-static/assets/{download-DgVtY66c.js → download-CPsxMj2z.js} +1 -1
- package/storybook-static/assets/{floating-ui.react-DoTNEH-V.js → floating-ui.react-D7Ih47KV.js} +1 -1
- package/storybook-static/assets/{foundationApi-CrfT1bel.js → foundationApi-DzxX_zcI.js} +1 -1
- package/storybook-static/assets/{foundationLib-C3lg6eHJ.js → foundationLib-B_4x6m9e.js} +1 -1
- package/storybook-static/assets/{hooks-DUjApVwU.js → hooks-CWB4fTHd.js} +1 -1
- package/storybook-static/assets/{iframe-BNEMNAEw.js → iframe-D4af5fSd.js} +3 -3
- package/storybook-static/assets/iframe-DknFwD9Q.js +1 -0
- package/storybook-static/assets/{info-DLaCn50r.js → info-BhfFFk_8.js} +1 -1
- package/storybook-static/assets/{odata-gcOB7kIq.js → odata-B0XFCq-i.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-DYyQ-sVj.js → odataStoryFixtures-CkPWq4NL.js} +1 -1
- package/storybook-static/assets/{react-E46PZk5t.js → react-ZfTvoUfy.js} +1 -1
- package/storybook-static/assets/{refresh-cw-DOoEo5nW.js → refresh-cw-8BVohVPh.js} +1 -1
- package/storybook-static/assets/{settings-2-qiHcSfL1.js → settings-2-nstxmhiz.js} +1 -1
- package/storybook-static/assets/{sortable-YPosiOrw.js → sortable-BCZQY8EJ.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-Cb3owL36.js → syntaxhighlighter-QEQV7K2Y-K4A9UiBg.js} +1 -1
- package/storybook-static/assets/{trash-2-m2QWUX7a.js → trash-2-jSs-ANm-.js} +1 -1
- package/storybook-static/assets/{triangle-alert-dC_KzK0I.js → triangle-alert-I-2OIxjF.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-CZT1sCI4.js → useODataSelectBase-gLARCYCg.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-C4C8qk14.js → useODataTreeData-BtdWnsDY.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-BVa-C4dI.js → usePickerQuery-C_HdhBSo.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-DSGNNIhS.js → usePickerTriggerController-m8RMepZQ.js} +1 -1
- package/storybook-static/assets/{x-B7mf6jeL.js → x-CSECsIAb.js} +1 -1
- package/storybook-static/iframe.html +2 -2
- package/storybook-static/project.json +1 -1
- package/storybook-static/assets/Splitter-BdSyx5Lj.css +0 -1
- package/storybook-static/assets/iframe-DRW7Blys.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/splitter/Splitter.module.scss","../../src/splitter/Splitter.tsx","../../src/splitter/SplitterHeightContainer.module.scss","../../src/splitter/useSplitterContainerHeight.ts","../../src/splitter/SplitterHeightContainer.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n.splitter {\n\tdisplay: flex;\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n\n\t&.vertical {\n\t\tflex-direction: row;\n\n\t\t.separator {\n\t\t\tcursor: col-resize;\n\n\t\t\t// border-left: var(--border);\n\t\t\t// border-right: var(--border);\n\n\t\t\tmargin-inline: var(--space-md);\n\t\t}\n\t}\n\n\t&.horizontal {\n\t\tflex-direction: column;\n\n\t\t.separator {\n\t\t\tcursor: row-resize;\n\n\t\t\t// border-top: var(--border);\n\t\t\t// border-bottom: var(--border);\n\n\t\t\tmargin-block: var(--space-md);\n\t\t}\n\t}\n}\n\n.topLeft {\n\tflex-grow: 0;\n\tflex-shrink: 0;\n}\n\n.bottomRight {\n\tflex-grow: 1;\n}\n\n.topLeft,\n.bottomRight {\n\tmin-width: 0;\n\tmin-height: 0;\n\toverflow: auto;\n}\n\n.separator {\n\t@include resize-separator;\n\n\tflex-basis: var(--space-sm);\n\tflex-grow: 0;\n\tflex-shrink: 0;\n}\n","import {\n\tChildren,\n\ttype PropsWithChildren,\n\ttype KeyboardEvent as ReactKeyboardEvent,\n\ttype ReactNode,\n\ttype PointerEvent as ReactPointerEvent,\n\ttype RefObject,\n\tuseCallback,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseRef,\n\tuseState\n} from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./Splitter.module.scss\";\n\ntype SplitterDirection = \"vertical\" | \"horizontal\";\ntype SplitterPane = \"start\" | \"end\";\n\nexport type SplitterProps = PropsWithChildren<{\n\tdirection?: SplitterDirection;\n\tinitial?: number; // от 0 до 1\n\tmin?: number; // минимальная доля первой панели\n\tmax?: number; // максимальная доля первой панели\n\t/** Сообщает итоговую долю первой панели после завершения drag или шага с клавиатуры. */\n\tonChange?: (ratio: number) => void;\n\tclassName?: string;\n\tcollapsedPane?: SplitterPane | null;\n}>;\n\ntype SplitterLogicParams = {\n\tdirection: SplitterDirection;\n\tinitial: number;\n\tmin: number;\n\tmax: number;\n\tonChange?: (ratio: number) => void;\n\tcollapsedPane: SplitterPane | null;\n};\n\ntype SplitterLogic = {\n\tcontainerRef: RefObject<HTMLDivElement | null>;\n\ttopLeftRef: RefObject<HTMLDivElement | null>;\n\tseparatorRef: RefObject<HTMLDivElement | null>;\n\tratio: number;\n\tminRatio: number;\n\tmaxRatio: number;\n\thandleSeparatorPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;\n\thandleSeparatorKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n};\n\ntype SplitterViewProps = {\n\tclassName?: string;\n\tdirection: SplitterDirection;\n\tleft: ReactNode;\n\tright: ReactNode;\n\tcollapsedPane: SplitterPane | null;\n\tlogic: SplitterLogic;\n};\n\nconst DEFAULT_MIN = 0.1;\nconst DEFAULT_MAX = 0.9;\nconst DEFAULT_INITIAL = 0.7;\nconst KEYBOARD_STEP = 0.02;\n\nfunction clampRatio(value: number, min: number, max: number) {\n\treturn Math.min(max, Math.max(min, value));\n}\n\nfunction normalizeRatioValue(value: number, fallback: number) {\n\tif (!Number.isFinite(value)) return fallback;\n\n\treturn clampRatio(value, 0, 1);\n}\n\nfunction normalizeBounds(min: number, max: number) {\n\tconst safeMin = normalizeRatioValue(min, DEFAULT_MIN);\n\tconst safeMax = normalizeRatioValue(max, DEFAULT_MAX);\n\n\tif (safeMin <= safeMax) return [safeMin, safeMax] as const;\n\n\treturn [safeMax, safeMin] as const;\n}\n\nfunction getPointerCoordinate(direction: SplitterDirection, event: PointerEvent | ReactPointerEvent<HTMLDivElement>) {\n\treturn direction === \"vertical\" ? event.clientX : event.clientY;\n}\n\nfunction getContainerDimension(direction: SplitterDirection, rect: DOMRect) {\n\treturn direction === \"vertical\" ? rect.width : rect.height;\n}\n\nfunction getKeyboardDelta(direction: SplitterDirection, key: string) {\n\tif (direction === \"vertical\") {\n\t\tif (key === \"ArrowLeft\") return -KEYBOARD_STEP;\n\t\tif (key === \"ArrowRight\") return KEYBOARD_STEP;\n\t}\n\n\tif (direction === \"horizontal\") {\n\t\tif (key === \"ArrowUp\") return -KEYBOARD_STEP;\n\t\tif (key === \"ArrowDown\") return KEYBOARD_STEP;\n\t}\n\n\treturn null;\n}\n\nfunction resolveTopLeftBasis(ratio: number, collapsedPane: SplitterPane | null) {\n\tif (collapsedPane === \"start\") return 0;\n\tif (collapsedPane === \"end\") return 1;\n\n\treturn ratio;\n}\n\nfunction useSplitterLogic({ direction, initial, min, max, onChange, collapsedPane }: SplitterLogicParams): SplitterLogic {\n\tconst [minRatio, maxRatio] = normalizeBounds(min, max);\n\n\tconst containerRef = useRef<HTMLDivElement | null>(null);\n\tconst topLeftRef = useRef<HTMLDivElement | null>(null);\n\tconst separatorRef = useRef<HTMLDivElement | null>(null);\n\tconst cleanupDragRef = useRef<(() => void) | null>(null);\n\tconst pendingRatioRef = useRef<number | null>(null);\n\tconst frameRef = useRef<number | null>(null);\n\tconst startPosRef = useRef(0);\n\tconst startRatioRef = useRef(clampRatio(normalizeRatioValue(initial, DEFAULT_INITIAL), minRatio, maxRatio));\n\tconst previousInitialRef = useRef(initial);\n\n\tconst [ratio, setRatio] = useState(() => clampRatio(normalizeRatioValue(initial, DEFAULT_INITIAL), minRatio, maxRatio));\n\tconst ratioRef = useRef(ratio);\n\n\tconst applyRatio = useCallback(\n\t\t(nextRatio: number) => {\n\t\t\tratioRef.current = nextRatio;\n\t\t\ttopLeftRef.current?.style.setProperty(\"flex-basis\", `${resolveTopLeftBasis(nextRatio, collapsedPane) * 100}%`);\n\t\t\tseparatorRef.current?.setAttribute(\"aria-valuenow\", `${Math.round(nextRatio * 100)}`);\n\t\t},\n\t\t[collapsedPane]\n\t);\n\n\tconst flushPendingRatio = () => {\n\t\tif (frameRef.current !== null) {\n\t\t\tcancelAnimationFrame(frameRef.current);\n\t\t\tframeRef.current = null;\n\t\t}\n\n\t\tif (pendingRatioRef.current === null) return ratioRef.current;\n\n\t\tconst nextRatio = pendingRatioRef.current;\n\t\tpendingRatioRef.current = null;\n\t\tapplyRatio(nextRatio);\n\n\t\treturn nextRatio;\n\t};\n\n\tconst scheduleRatioUpdate = (nextRatio: number) => {\n\t\tpendingRatioRef.current = nextRatio;\n\n\t\tif (frameRef.current !== null) return;\n\n\t\tframeRef.current = requestAnimationFrame(() => {\n\t\t\tframeRef.current = null;\n\n\t\t\tif (pendingRatioRef.current === null) return;\n\n\t\t\tapplyRatio(pendingRatioRef.current);\n\t\t});\n\t};\n\n\tconst stopDragging = () => {\n\t\tcleanupDragRef.current?.();\n\t\tcleanupDragRef.current = null;\n\t};\n\n\tconst commitRatio = (nextRatio: number, previousRatio = ratioRef.current) => {\n\t\tflushPendingRatio();\n\t\tconst committedRatio = clampRatio(nextRatio, minRatio, maxRatio);\n\t\tsetRatio(committedRatio);\n\t\tif (committedRatio !== previousRatio) onChange?.(committedRatio);\n\t};\n\n\tconst handleSeparatorPointerDown = (event: ReactPointerEvent<HTMLDivElement>) => {\n\t\tif (event.button !== 0) return;\n\n\t\tevent.preventDefault();\n\n\t\tconst container = containerRef.current;\n\t\tif (!container) return;\n\n\t\tstopDragging();\n\n\t\ttry {\n\t\t\tevent.currentTarget.setPointerCapture?.(event.pointerId);\n\t\t} catch {\n\t\t\t// Игнорировать, если браузер не поддерживает pointer capture.\n\t\t}\n\n\t\tstartPosRef.current = getPointerCoordinate(direction, event);\n\t\tstartRatioRef.current = ratioRef.current;\n\n\t\tconst handlePointerMove = (moveEvent: PointerEvent) => {\n\t\t\tconst rect = container.getBoundingClientRect();\n\t\t\tconst dimension = getContainerDimension(direction, rect);\n\t\t\tif (dimension <= 0) return;\n\n\t\t\tconst delta = getPointerCoordinate(direction, moveEvent) - startPosRef.current;\n\t\t\tconst nextRatio = clampRatio(startRatioRef.current + delta / dimension, minRatio, maxRatio);\n\n\t\t\tscheduleRatioUpdate(nextRatio);\n\t\t};\n\n\t\tconst handlePointerUp = () => {\n\t\t\tstopDragging();\n\t\t\tcommitRatio(flushPendingRatio(), startRatioRef.current);\n\t\t};\n\n\t\tcleanupDragRef.current = () => {\n\t\t\tdocument.removeEventListener(\"pointermove\", handlePointerMove);\n\t\t\tdocument.removeEventListener(\"pointerup\", handlePointerUp);\n\t\t\tdocument.removeEventListener(\"pointercancel\", handlePointerUp);\n\t\t};\n\n\t\tdocument.addEventListener(\"pointermove\", handlePointerMove);\n\t\tdocument.addEventListener(\"pointerup\", handlePointerUp);\n\t\tdocument.addEventListener(\"pointercancel\", handlePointerUp);\n\t};\n\n\tconst handleSeparatorKeyDown = (event: ReactKeyboardEvent<HTMLDivElement>) => {\n\t\tconst keyboardDelta = getKeyboardDelta(direction, event.key);\n\n\t\tif (keyboardDelta !== null) {\n\t\t\tevent.preventDefault();\n\t\t\tcommitRatio(ratioRef.current + keyboardDelta);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (event.key === \"Home\") {\n\t\t\tevent.preventDefault();\n\t\t\tcommitRatio(minRatio);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (event.key === \"End\") {\n\t\t\tevent.preventDefault();\n\t\t\tcommitRatio(maxRatio);\n\t\t}\n\t};\n\n\tuseLayoutEffect(() => {\n\t\tapplyRatio(ratio);\n\t}, [applyRatio, ratio]);\n\n\tuseEffect(() => {\n\t\tsetRatio((currentRatio) => {\n\t\t\tconst initialChanged = previousInitialRef.current !== initial;\n\t\t\tpreviousInitialRef.current = initial;\n\n\t\t\tif (initialChanged) {\n\t\t\t\treturn clampRatio(normalizeRatioValue(initial, DEFAULT_INITIAL), minRatio, maxRatio);\n\t\t\t}\n\n\t\t\treturn clampRatio(currentRatio, minRatio, maxRatio);\n\t\t});\n\t}, [initial, minRatio, maxRatio]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tstopDragging();\n\n\t\t\tif (frameRef.current !== null) {\n\t\t\t\tcancelAnimationFrame(frameRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn {\n\t\tcontainerRef,\n\t\ttopLeftRef,\n\t\tseparatorRef,\n\t\tratio,\n\t\tminRatio,\n\t\tmaxRatio,\n\t\thandleSeparatorPointerDown,\n\t\thandleSeparatorKeyDown\n\t};\n}\n\nfunction SplitterView({ className, direction, left, right, collapsedPane, logic }: SplitterViewProps) {\n\tconst { containerRef, topLeftRef, separatorRef, ratio, minRatio, maxRatio, handleSeparatorPointerDown, handleSeparatorKeyDown } = logic;\n\tconst topLeftBasis = resolveTopLeftBasis(ratio, collapsedPane);\n\tconst isStartPaneCollapsed = collapsedPane === \"start\";\n\tconst isEndPaneCollapsed = collapsedPane === \"end\";\n\tconst isSeparatorVisible = collapsedPane === null;\n\n\treturn (\n\t\t<div ref={containerRef} className={cn(styles.splitter, styles[direction], className)}>\n\t\t\t<div ref={topLeftRef} className={styles.topLeft} style={{ flexBasis: `${topLeftBasis * 100}%` }} hidden={isStartPaneCollapsed}>\n\t\t\t\t{left}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tref={separatorRef}\n\t\t\t\thidden={!isSeparatorVisible}\n\t\t\t\trole=\"separator\"\n\t\t\t\taria-orientation={direction === \"vertical\" ? \"vertical\" : \"horizontal\"}\n\t\t\t\taria-valuemin={Math.round(minRatio * 100)}\n\t\t\t\taria-valuemax={Math.round(maxRatio * 100)}\n\t\t\t\taria-valuenow={Math.round(ratio * 100)}\n\t\t\t\ttabIndex={isSeparatorVisible ? 0 : -1}\n\t\t\t\tonPointerDown={handleSeparatorPointerDown}\n\t\t\t\tonKeyDown={handleSeparatorKeyDown}\n\t\t\t\tclassName={styles.separator}></div>\n\n\t\t\t<div className={styles.bottomRight} hidden={isEndPaneCollapsed}>\n\t\t\t\t{right}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function Splitter({\n\tdirection = \"vertical\",\n\tinitial = DEFAULT_INITIAL,\n\tmin = DEFAULT_MIN,\n\tmax = DEFAULT_MAX,\n\tonChange,\n\tclassName,\n\tcollapsedPane = null,\n\tchildren\n}: SplitterProps) {\n\tconst [left, right] = Children.toArray(children);\n\tconst logic = useSplitterLogic({ direction, initial, min, max, onChange, collapsedPane });\n\n\tif (!right) return left;\n\n\treturn (\n\t\t<SplitterView className={className} direction={direction} left={left} right={right} collapsedPane={collapsedPane} logic={logic} />\n\t);\n}\n","@use \"@/styles/mixins\" as *;\n\n.container {\n\tmin-width: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.viewport {\n\twidth: 100%;\n\tmin-width: 0;\n\tmin-height: 0;\n\toverflow: hidden;\n}\n\n.separator {\n\t@include resize-separator;\n\n\twidth: 100%;\n\theight: var(--space-sm);\n\tflex: 0 0 var(--space-sm);\n\tmargin-block: var(--space-md);\n\tcursor: row-resize;\n}\n","import {\n\ttype KeyboardEvent as ReactKeyboardEvent,\n\ttype PointerEvent as ReactPointerEvent,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseRef,\n\tuseState\n} from \"react\";\n\nimport { clampNumberScaleValue, offsetNumberScaleValue, resolveNumberScaleBounds } from \"@ryuzaki13/react-foundation-lib/number-scale\";\n\ntype UseSplitterContainerHeightParams = {\n\theight?: number;\n\tdefaultHeight: number;\n\tminHeight: number;\n\tmaxHeight: number;\n\theightStep: number;\n\tonHeightChange?: (height: number) => void;\n};\n\ntype SplitterContainerHeightState = {\n\theight: number;\n\tminHeight: number;\n\tmaxHeight: number;\n\thandleSeparatorPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;\n\thandleSeparatorKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n};\n\n/**\n * Управляет controlled/uncontrolled-высотой внешнего контейнера Splitter.\n * Pointer-изменения обновляют только локальный draft, а `onHeightChange`\n * получает итоговое значение после завершения жеста или клавиатурного шага.\n */\nexport function useSplitterContainerHeight({\n\theight,\n\tdefaultHeight,\n\tminHeight,\n\tmaxHeight,\n\theightStep,\n\tonHeightChange\n}: UseSplitterContainerHeightParams): SplitterContainerHeightState {\n\tconst bounds = resolveNumberScaleBounds(minHeight, maxHeight);\n\tconst scale = { ...bounds, step: heightStep };\n\tconst controlled = height !== undefined;\n\tconst [uncontrolledHeight, setUncontrolledHeight] = useState(() => clampNumberScaleValue(defaultHeight, bounds.min, bounds.max));\n\tconst [dragHeight, setDragHeight] = useState<number | null>(null);\n\tconst resolvedHeight = clampNumberScaleValue(height ?? uncontrolledHeight, bounds.min, bounds.max);\n\tconst currentHeight = dragHeight ?? resolvedHeight;\n\n\tconst cleanupDragRef = useRef<(() => void) | null>(null);\n\tconst frameRef = useRef<number | null>(null);\n\tconst pendingHeightRef = useRef<number | null>(null);\n\tconst currentHeightRef = useRef(currentHeight);\n\tconst startHeightRef = useRef(currentHeight);\n\tconst startPointerYRef = useRef(0);\n\n\tconst flushPendingHeight = () => {\n\t\tif (frameRef.current !== null) {\n\t\t\tcancelAnimationFrame(frameRef.current);\n\t\t\tframeRef.current = null;\n\t\t}\n\n\t\tif (pendingHeightRef.current === null) return currentHeightRef.current;\n\n\t\tconst nextHeight = pendingHeightRef.current;\n\t\tpendingHeightRef.current = null;\n\t\tcurrentHeightRef.current = nextHeight;\n\n\t\treturn nextHeight;\n\t};\n\n\tconst scheduleHeightUpdate = (nextHeight: number) => {\n\t\tpendingHeightRef.current = nextHeight;\n\n\t\tif (frameRef.current !== null) return;\n\n\t\tframeRef.current = requestAnimationFrame(() => {\n\t\t\tframeRef.current = null;\n\n\t\t\tif (pendingHeightRef.current === null) return;\n\n\t\t\tconst scheduledHeight = pendingHeightRef.current;\n\t\t\tpendingHeightRef.current = null;\n\t\t\tcurrentHeightRef.current = scheduledHeight;\n\t\t\tsetDragHeight(scheduledHeight);\n\t\t});\n\t};\n\n\tconst commitHeight = (nextHeight: number, previousHeight = currentHeightRef.current) => {\n\t\tconst committedHeight = clampNumberScaleValue(nextHeight, bounds.min, bounds.max);\n\t\tcurrentHeightRef.current = committedHeight;\n\t\tsetDragHeight(null);\n\n\t\tif (committedHeight === previousHeight) return;\n\n\t\tif (!controlled) {\n\t\t\tsetUncontrolledHeight(committedHeight);\n\t\t}\n\n\t\tonHeightChange?.(committedHeight);\n\t};\n\n\tconst stopDragging = () => {\n\t\tcleanupDragRef.current?.();\n\t\tcleanupDragRef.current = null;\n\t};\n\n\tconst handleSeparatorPointerDown = (event: ReactPointerEvent<HTMLDivElement>) => {\n\t\tif (event.button !== 0) return;\n\n\t\tevent.preventDefault();\n\t\tstopDragging();\n\n\t\ttry {\n\t\t\tevent.currentTarget.setPointerCapture?.(event.pointerId);\n\t\t} catch {\n\t\t\t// Браузер может не поддерживать pointer capture для synthetic-события.\n\t\t}\n\n\t\tstartPointerYRef.current = event.clientY;\n\t\tstartHeightRef.current = currentHeightRef.current;\n\n\t\tconst handlePointerMove = (moveEvent: PointerEvent) => {\n\t\t\tconst pointerDelta = moveEvent.clientY - startPointerYRef.current;\n\t\t\tconst nextHeight = clampNumberScaleValue(startHeightRef.current + pointerDelta, bounds.min, bounds.max);\n\t\t\tscheduleHeightUpdate(nextHeight);\n\t\t};\n\n\t\tconst handlePointerUp = () => {\n\t\t\tstopDragging();\n\t\t\tcommitHeight(flushPendingHeight(), startHeightRef.current);\n\t\t};\n\n\t\tcleanupDragRef.current = () => {\n\t\t\tdocument.removeEventListener(\"pointermove\", handlePointerMove);\n\t\t\tdocument.removeEventListener(\"pointerup\", handlePointerUp);\n\t\t\tdocument.removeEventListener(\"pointercancel\", handlePointerUp);\n\t\t};\n\n\t\tdocument.addEventListener(\"pointermove\", handlePointerMove);\n\t\tdocument.addEventListener(\"pointerup\", handlePointerUp);\n\t\tdocument.addEventListener(\"pointercancel\", handlePointerUp);\n\t};\n\n\tconst handleSeparatorKeyDown = (event: ReactKeyboardEvent<HTMLDivElement>) => {\n\t\tlet nextHeight: number | undefined;\n\n\t\tif (event.key === \"ArrowUp\") nextHeight = offsetNumberScaleValue(currentHeight, -1, scale);\n\t\tif (event.key === \"ArrowDown\") nextHeight = offsetNumberScaleValue(currentHeight, 1, scale);\n\t\tif (event.key === \"Home\") nextHeight = bounds.min;\n\t\tif (event.key === \"End\") nextHeight = bounds.max;\n\t\tif (nextHeight === undefined) return;\n\n\t\tevent.preventDefault();\n\t\tcommitHeight(nextHeight, currentHeight);\n\t};\n\n\tuseLayoutEffect(() => {\n\t\tcurrentHeightRef.current = currentHeight;\n\t}, [currentHeight]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tstopDragging();\n\n\t\t\tif (frameRef.current !== null) {\n\t\t\t\tcancelAnimationFrame(frameRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn {\n\t\theight: currentHeight,\n\t\tminHeight: bounds.min,\n\t\tmaxHeight: bounds.max,\n\t\thandleSeparatorPointerDown,\n\t\thandleSeparatorKeyDown\n\t};\n}\n","import { type PropsWithChildren, useId } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./SplitterHeightContainer.module.scss\";\nimport { useSplitterContainerHeight } from \"./useSplitterContainerHeight\";\n\nexport type SplitterHeightContainerProps = PropsWithChildren<{\n\t/** Controlled-высота области со Splitter в CSS-пикселях. */\n\theight?: number;\n\t/** Начальная высота для uncontrolled-режима в CSS-пикселях. */\n\tdefaultHeight?: number;\n\tminHeight?: number;\n\tmaxHeight?: number;\n\t/** Шаг изменения высоты с клавиатуры в CSS-пикселях. */\n\theightStep?: number;\n\t/** Сообщает итоговую высоту после завершения drag или клавиатурного шага. */\n\tonHeightChange?: (height: number) => void;\n\tclassName?: string;\n\tviewportClassName?: string;\n\tseparatorClassName?: string;\n\tseparatorAriaLabel?: string;\n}>;\n\nconst DEFAULT_HEIGHT = 480;\nconst DEFAULT_MIN_HEIGHT = 240;\nconst DEFAULT_MAX_HEIGHT = 1200;\nconst DEFAULT_HEIGHT_STEP = 20;\n\n/**\n * Опциональная внешняя композиция для Splitter: область панелей получает\n * независимую высоту, а расположенный снизу separator изменяет весь viewport.\n * Внутренние Splitter при этом продолжают управлять только своими пропорциями.\n */\nexport function SplitterHeightContainer({\n\theight,\n\tdefaultHeight = DEFAULT_HEIGHT,\n\tminHeight = DEFAULT_MIN_HEIGHT,\n\tmaxHeight = DEFAULT_MAX_HEIGHT,\n\theightStep = DEFAULT_HEIGHT_STEP,\n\tonHeightChange,\n\tclassName,\n\tviewportClassName,\n\tseparatorClassName,\n\tseparatorAriaLabel = \"Изменить высоту рабочей области\",\n\tchildren\n}: SplitterHeightContainerProps) {\n\tconst generatedViewportId = useId();\n\tconst viewportId = `${generatedViewportId}-viewport`;\n\tconst state = useSplitterContainerHeight({\n\t\theight,\n\t\tdefaultHeight,\n\t\tminHeight,\n\t\tmaxHeight,\n\t\theightStep,\n\t\tonHeightChange\n\t});\n\n\treturn (\n\t\t<div className={cn(styles.container, className)} data-ui=\"splitter-height-container\">\n\t\t\t<div\n\t\t\t\tid={viewportId}\n\t\t\t\tclassName={cn(styles.viewport, viewportClassName)}\n\t\t\t\tstyle={{ height: state.height }}\n\t\t\t\tdata-ui=\"splitter-height-viewport\">\n\t\t\t\t{children}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\trole=\"separator\"\n\t\t\t\taria-label={separatorAriaLabel}\n\t\t\t\taria-orientation=\"horizontal\"\n\t\t\t\taria-controls={viewportId}\n\t\t\t\taria-valuemin={state.minHeight}\n\t\t\t\taria-valuemax={state.maxHeight}\n\t\t\t\taria-valuenow={state.height}\n\t\t\t\taria-valuetext={`${state.height} px`}\n\t\t\t\ttabIndex={0}\n\t\t\t\tclassName={cn(styles.separator, separatorClassName)}\n\t\t\t\tonPointerDown={state.handleSeparatorPointerDown}\n\t\t\t\tonKeyDown={state.handleSeparatorKeyDown}\n\t\t\t\tdata-ui=\"splitter-height-separator\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;;GC6DM,IAAc,IACd,IAAc,IACd,IAAkB,IAClB,IAAgB;AAEtB,SAAS,EAAW,GAAe,GAAa,GAAa;CAC5D,OAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC;AAC1C;AAEA,SAAS,EAAoB,GAAe,GAAkB;CAG7D,OAFK,OAAO,SAAS,CAAK,IAEnB,EAAW,GAAO,GAAG,CAAC,IAFO;AAGrC;AAEA,SAAS,EAAgB,GAAa,GAAa;CAClD,IAAM,IAAU,EAAoB,GAAK,CAAW,GAC9C,IAAU,EAAoB,GAAK,CAAW;CAIpD,OAFI,KAAW,IAAgB,CAAC,GAAS,CAAO,IAEzC,CAAC,GAAS,CAAO;AACzB;AAEA,SAAS,EAAqB,GAA8B,GAAyD;CACpH,OAAO,MAAc,aAAa,EAAM,UAAU,EAAM;AACzD;AAEA,SAAS,EAAsB,GAA8B,GAAe;CAC3E,OAAO,MAAc,aAAa,EAAK,QAAQ,EAAK;AACrD;AAEA,SAAS,EAAiB,GAA8B,GAAa;CACpE,IAAI,MAAc,YAAY;EAC7B,IAAI,MAAQ,aAAa,OAAO;EAChC,IAAI,MAAQ,cAAc,OAAO;CAClC;CAEA,IAAI,MAAc,cAAc;EAC/B,IAAI,MAAQ,WAAW,OAAO;EAC9B,IAAI,MAAQ,aAAa,OAAO;CACjC;CAEA,OAAO;AACR;AAEA,SAAS,EAAoB,GAAe,GAAoC;CAI/E,OAHI,MAAkB,UAAgB,IAClC,MAAkB,QAAc,IAE7B;AACR;AAEA,SAAS,EAAiB,EAAE,cAAW,YAAS,QAAK,QAAK,aAAU,oBAAqD;CACxH,IAAM,CAAC,GAAU,KAAY,EAAgB,GAAK,CAAG,GAE/C,IAAe,EAA8B,IAAI,GACjD,IAAa,EAA8B,IAAI,GAC/C,IAAe,EAA8B,IAAI,GACjD,IAAiB,EAA4B,IAAI,GACjD,IAAkB,EAAsB,IAAI,GAC5C,IAAW,EAAsB,IAAI,GACrC,IAAc,EAAO,CAAC,GACtB,IAAgB,EAAO,EAAW,EAAoB,GAAS,CAAe,GAAG,GAAU,CAAQ,CAAC,GACpG,IAAqB,EAAO,CAAO,GAEnC,CAAC,GAAO,KAAY,QAAe,EAAW,EAAoB,GAAS,CAAe,GAAG,GAAU,CAAQ,CAAC,GAChH,IAAW,EAAO,CAAK,GAEvB,IAAa,GACjB,MAAsB;EAGtB,AAFA,EAAS,UAAU,GACnB,EAAW,SAAS,MAAM,YAAY,cAAc,GAAG,EAAoB,GAAW,CAAa,IAAI,IAAI,EAAE,GAC7G,EAAa,SAAS,aAAa,iBAAiB,GAAG,KAAK,MAAM,IAAY,GAAG,GAAG;CACrF,GACA,CAAC,CAAa,CACf,GAEM,UAA0B;EAM/B,IALI,EAAS,YAAY,SACxB,qBAAqB,EAAS,OAAO,GACrC,EAAS,UAAU,OAGhB,EAAgB,YAAY,MAAM,OAAO,EAAS;EAEtD,IAAM,IAAY,EAAgB;EAIlC,OAHA,EAAgB,UAAU,MAC1B,EAAW,CAAS,GAEb;CACR,GAEM,KAAuB,MAAsB;EAClD,EAAgB,UAAU,GAEtB,EAAS,YAAY,SAEzB,EAAS,UAAU,4BAA4B;GAC9C,EAAS,UAAU,MAEf,EAAgB,YAAY,QAEhC,EAAW,EAAgB,OAAO;EACnC,CAAC;CACF,GAEM,UAAqB;EAE1B,AADA,EAAe,UAAU,GACzB,EAAe,UAAU;CAC1B,GAEM,KAAe,GAAmB,IAAgB,EAAS,YAAY;EAC5E,EAAkB;EAClB,IAAM,IAAiB,EAAW,GAAW,GAAU,CAAQ;EAE/D,AADA,EAAS,CAAc,GACnB,MAAmB,KAAe,IAAW,CAAc;CAChE;CAkGA,OA3BA,QAAsB;EACrB,EAAW,CAAK;CACjB,GAAG,CAAC,GAAY,CAAK,CAAC,GAEtB,QAAgB;EACf,GAAU,MAAiB;GAC1B,IAAM,IAAiB,EAAmB,YAAY;GAOtD,OANA,EAAmB,UAAU,GAGrB,EADJ,IACe,EAAoB,GAAS,CAAe,IAG7C,GAHgD,GAAU,CAAQ;EAIrF,CAAC;CACF,GAAG;EAAC;EAAS;EAAU;CAAQ,CAAC,GAEhC,cACc;EAGZ,AAFA,EAAa,GAET,EAAS,YAAY,QACxB,qBAAqB,EAAS,OAAO;CAEvC,GACE,CAAC,CAAC,GAEE;EACN;EACA;EACA;EACA;EACA;EACA;EACA,6BAvGmC,MAA6C;GAChF,IAAI,EAAM,WAAW,GAAG;GAExB,EAAM,eAAe;GAErB,IAAM,IAAY,EAAa;GAC/B,IAAI,CAAC,GAAW;GAEhB,EAAa;GAEb,IAAI;IACH,EAAM,cAAc,oBAAoB,EAAM,SAAS;GACxD,QAAQ,CAER;GAGA,AADA,EAAY,UAAU,EAAqB,GAAW,CAAK,GAC3D,EAAc,UAAU,EAAS;GAEjC,IAAM,KAAqB,MAA4B;IAEtD,IAAM,IAAY,EAAsB,GAD3B,EAAU,sBAC4B,CAAI;IACvD,IAAI,KAAa,GAAG;IAEpB,IAAM,IAAQ,EAAqB,GAAW,CAAS,IAAI,EAAY,SACjE,IAAY,EAAW,EAAc,UAAU,IAAQ,GAAW,GAAU,CAAQ;IAE1F,EAAoB,CAAS;GAC9B,GAEM,UAAwB;IAE7B,AADA,EAAa,GACb,EAAY,EAAkB,GAAG,EAAc,OAAO;GACvD;GAUA,AARA,EAAe,gBAAgB;IAG9B,AAFA,SAAS,oBAAoB,eAAe,CAAiB,GAC7D,SAAS,oBAAoB,aAAa,CAAe,GACzD,SAAS,oBAAoB,iBAAiB,CAAe;GAC9D,GAEA,SAAS,iBAAiB,eAAe,CAAiB,GAC1D,SAAS,iBAAiB,aAAa,CAAe,GACtD,SAAS,iBAAiB,iBAAiB,CAAe;EAC3D;EA4DC,yBA1D+B,MAA8C;GAC7E,IAAM,IAAgB,EAAiB,GAAW,EAAM,GAAG;GAE3D,IAAI,MAAkB,MAAM;IAE3B,AADA,EAAM,eAAe,GACrB,EAAY,EAAS,UAAU,CAAa;IAE5C;GACD;GAEA,IAAI,EAAM,QAAQ,QAAQ;IAEzB,AADA,EAAM,eAAe,GACrB,EAAY,CAAQ;IAEpB;GACD;GAEA,AAAI,EAAM,QAAQ,UACjB,EAAM,eAAe,GACrB,EAAY,CAAQ;EAEtB;CAsCA;AACD;AAEA,SAAS,EAAa,EAAE,cAAW,cAAW,SAAM,UAAO,kBAAe,YAA4B;CACrG,IAAM,EAAE,iBAAc,eAAY,iBAAc,UAAO,aAAU,aAAU,+BAA4B,8BAA2B,GAC5H,IAAe,EAAoB,GAAO,CAAa,GACvD,IAAuB,MAAkB,SACzC,IAAqB,MAAkB,OACvC,IAAqB,MAAkB;CAE7C,OACC,kBAAC,OAAD;EAAK,KAAK;EAAc,WAAW,EAAG,EAAO,UAAU,EAAO,IAAY,CAAS;EAAnF,UAAA;GACC,kBAAC,OAAD;IAAK,KAAK;IAAY,WAAW,EAAO;IAAS,OAAO,EAAE,WAAW,GAAG,IAAe,IAAI,GAAG;IAAG,QAAQ;IACvG,UAAA;GACG,CAAA;GAEL,kBAAC,OAAD;IACC,KAAK;IACL,QAAQ,CAAC;IACT,MAAK;IACL,oBAAkB,MAAc,aAAa,aAAa;IAC1D,iBAAe,KAAK,MAAM,IAAW,GAAG;IACxC,iBAAe,KAAK,MAAM,IAAW,GAAG;IACxC,iBAAe,KAAK,MAAM,IAAQ,GAAG;IACrC,UAAU,IAAqB,IAAI;IACnC,eAAe;IACf,WAAW;IACX,WAAW,EAAO;GAAgB,CAAA;GAEnC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAa,QAAQ;IAC1C,UAAA;GACG,CAAA;EACD;;AAEP;AAEA,SAAgB,EAAS,EACxB,eAAY,YACZ,aAAU,GACV,SAAM,GACN,SAAM,GACN,aACA,cACA,mBAAgB,MAChB,eACiB;CACjB,IAAM,CAAC,GAAM,KAAS,EAAS,QAAQ,CAAQ,GACzC,IAAQ,EAAiB;EAAE;EAAW;EAAS;EAAK;EAAK;EAAU;CAAc,CAAC;CAIxF,OAFK,IAGJ,kBAAC,GAAD;EAAyB;EAAsB;EAAiB;EAAa;EAAsB;EAAsB;CAAQ,CAAA,IAH/G;AAKpB;;;;;;;;AElTA,SAAgB,EAA2B,EAC1C,WACA,kBACA,cACA,cACA,eACA,qBACkE;CAClE,IAAM,IAAS,EAAyB,GAAW,CAAS,GACtD,IAAQ;EAAE,GAAG;EAAQ,MAAM;CAAW,GACtC,IAAa,MAAW,KAAA,GACxB,CAAC,GAAoB,KAAyB,QAAe,EAAsB,GAAe,EAAO,KAAK,EAAO,GAAG,CAAC,GACzH,CAAC,GAAY,KAAiB,EAAwB,IAAI,GAC1D,IAAiB,EAAsB,KAAU,GAAoB,EAAO,KAAK,EAAO,GAAG,GAC3F,IAAgB,KAAc,GAE9B,IAAiB,EAA4B,IAAI,GACjD,IAAW,EAAsB,IAAI,GACrC,IAAmB,EAAsB,IAAI,GAC7C,IAAmB,EAAO,CAAa,GACvC,IAAiB,EAAO,CAAa,GACrC,IAAmB,EAAO,CAAC,GAE3B,UAA2B;EAMhC,IALI,EAAS,YAAY,SACxB,qBAAqB,EAAS,OAAO,GACrC,EAAS,UAAU,OAGhB,EAAiB,YAAY,MAAM,OAAO,EAAiB;EAE/D,IAAM,IAAa,EAAiB;EAIpC,OAHA,EAAiB,UAAU,MAC3B,EAAiB,UAAU,GAEpB;CACR,GAEM,KAAwB,MAAuB;EACpD,EAAiB,UAAU,GAEvB,EAAS,YAAY,SAEzB,EAAS,UAAU,4BAA4B;GAG9C,IAFA,EAAS,UAAU,MAEf,EAAiB,YAAY,MAAM;GAEvC,IAAM,IAAkB,EAAiB;GAGzC,AAFA,EAAiB,UAAU,MAC3B,EAAiB,UAAU,GAC3B,EAAc,CAAe;EAC9B,CAAC;CACF,GAEM,KAAgB,GAAoB,IAAiB,EAAiB,YAAY;EACvF,IAAM,IAAkB,EAAsB,GAAY,EAAO,KAAK,EAAO,GAAG;EAChF,EAAiB,UAAU,GAC3B,EAAc,IAAI,GAEd,MAAoB,MAEnB,KACJ,EAAsB,CAAe,GAGtC,IAAiB,CAAe;CACjC,GAEM,UAAqB;EAE1B,AADA,EAAe,UAAU,GACzB,EAAe,UAAU;CAC1B;CAkEA,OAdA,QAAsB;EACrB,EAAiB,UAAU;CAC5B,GAAG,CAAC,CAAa,CAAC,GAElB,cACc;EAGZ,AAFA,EAAa,GAET,EAAS,YAAY,QACxB,qBAAqB,EAAS,OAAO;CAEvC,GACE,CAAC,CAAC,GAEE;EACN,QAAQ;EACR,WAAW,EAAO;EAClB,WAAW,EAAO;EAClB,6BApEmC,MAA6C;GAChF,IAAI,EAAM,WAAW,GAAG;GAGxB,AADA,EAAM,eAAe,GACrB,EAAa;GAEb,IAAI;IACH,EAAM,cAAc,oBAAoB,EAAM,SAAS;GACxD,QAAQ,CAER;GAGA,AADA,EAAiB,UAAU,EAAM,SACjC,EAAe,UAAU,EAAiB;GAE1C,IAAM,KAAqB,MAA4B;IACtD,IAAM,IAAe,EAAU,UAAU,EAAiB,SACpD,IAAa,EAAsB,EAAe,UAAU,GAAc,EAAO,KAAK,EAAO,GAAG;IACtG,EAAqB,CAAU;GAChC,GAEM,UAAwB;IAE7B,AADA,EAAa,GACb,EAAa,EAAmB,GAAG,EAAe,OAAO;GAC1D;GAUA,AARA,EAAe,gBAAgB;IAG9B,AAFA,SAAS,oBAAoB,eAAe,CAAiB,GAC7D,SAAS,oBAAoB,aAAa,CAAe,GACzD,SAAS,oBAAoB,iBAAiB,CAAe;GAC9D,GAEA,SAAS,iBAAiB,eAAe,CAAiB,GAC1D,SAAS,iBAAiB,aAAa,CAAe,GACtD,SAAS,iBAAiB,iBAAiB,CAAe;EAC3D;EAkCC,yBAhC+B,MAA8C;GAC7E,IAAI;GAEJ,AAAI,EAAM,QAAQ,cAAW,IAAa,EAAuB,GAAe,IAAI,CAAK,IACrF,EAAM,QAAQ,gBAAa,IAAa,EAAuB,GAAe,GAAG,CAAK,IACtF,EAAM,QAAQ,WAAQ,IAAa,EAAO,MAC1C,EAAM,QAAQ,UAAO,IAAa,EAAO,MACzC,MAAe,KAAA,MAEnB,EAAM,eAAe,GACrB,EAAa,GAAY,CAAa;EACvC;CAsBA;AACD;;;AC1JA,IAAM,IAAiB,KACjB,IAAqB,KACrB,IAAqB,MACrB,IAAsB;AAO5B,SAAgB,EAAwB,EACvC,WACA,mBAAgB,GAChB,eAAY,GACZ,eAAY,GACZ,gBAAa,GACb,mBACA,cACA,sBACA,uBACA,wBAAqB,mCACrB,eACgC;CAEhC,IAAM,IAAa,GADS,EACN,EAAoB,YACpC,IAAQ,EAA2B;EACxC;EACA;EACA;EACA;EACA;EACA;CACD,CAAC;CAED,OACC,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,WAAW,CAAS;EAAG,WAAQ;EAAzD,UAAA,CACC,kBAAC,OAAD;GACC,IAAI;GACJ,WAAW,EAAG,EAAO,UAAU,CAAiB;GAChD,OAAO,EAAE,QAAQ,EAAM,OAAO;GAC9B,WAAQ;GACP;EACG,CAAA,GAEL,kBAAC,OAAD;GACC,MAAK;GACL,cAAY;GACZ,oBAAiB;GACjB,iBAAe;GACf,iBAAe,EAAM;GACrB,iBAAe,EAAM;GACrB,iBAAe,EAAM;GACrB,kBAAgB,GAAG,EAAM,OAAO;GAChC,UAAU;GACV,WAAW,EAAG,EAAO,WAAW,CAAkB;GAClD,eAAe,EAAM;GACrB,WAAW,EAAM;GACjB,WAAQ;EACR,CAAA,CACG;;AAEP"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/splitter/Splitter.module.scss","../../src/splitter/Splitter.tsx","../../src/splitter/SplitterHeightContainer.module.scss","../../src/splitter/useSplitterContainerHeight.ts","../../src/splitter/SplitterHeightContainer.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n.splitter {\n\tdisplay: flex;\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n\n\t&.vertical {\n\t\tflex-direction: row;\n\n\t\t.separator {\n\t\t\t@include resize-separator(vertical);\n\n\t\t\tcursor: col-resize;\n\n\t\t\t// border-left: var(--border);\n\t\t\t// border-right: var(--border);\n\n\t\t\tmargin-inline: var(--space-xs);\n\t\t}\n\t}\n\n\t&.horizontal {\n\t\tflex-direction: column;\n\n\t\t.separator {\n\t\t\t@include resize-separator(horizontal);\n\n\t\t\tcursor: row-resize;\n\n\t\t\t// border-top: var(--border);\n\t\t\t// border-bottom: var(--border);\n\n\t\t\tmargin-block: var(--space-xs);\n\t\t}\n\t}\n}\n\n.topLeft {\n\tflex-grow: 0;\n\tflex-shrink: 0;\n}\n\n.bottomRight {\n\tflex-grow: 1;\n}\n\n.topLeft,\n.bottomRight {\n\tmin-width: 0;\n\tmin-height: 0;\n\toverflow: auto;\n}\n\n.separator {\n\tflex-basis: var(--space-sm);\n\tflex-grow: 0;\n\tflex-shrink: 0;\n}\n","import {\n\tChildren,\n\ttype PropsWithChildren,\n\ttype KeyboardEvent as ReactKeyboardEvent,\n\ttype ReactNode,\n\ttype PointerEvent as ReactPointerEvent,\n\ttype RefObject,\n\tuseCallback,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseRef,\n\tuseState\n} from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./Splitter.module.scss\";\n\ntype SplitterDirection = \"vertical\" | \"horizontal\";\ntype SplitterPane = \"start\" | \"end\";\n\nexport type SplitterProps = PropsWithChildren<{\n\tdirection?: SplitterDirection;\n\tinitial?: number; // от 0 до 1\n\tmin?: number; // минимальная доля первой панели\n\tmax?: number; // максимальная доля первой панели\n\t/** Сообщает итоговую долю первой панели после завершения drag или шага с клавиатуры. */\n\tonChange?: (ratio: number) => void;\n\tclassName?: string;\n\tcollapsedPane?: SplitterPane | null;\n}>;\n\ntype SplitterLogicParams = {\n\tdirection: SplitterDirection;\n\tinitial: number;\n\tmin: number;\n\tmax: number;\n\tonChange?: (ratio: number) => void;\n\tcollapsedPane: SplitterPane | null;\n};\n\ntype SplitterLogic = {\n\tcontainerRef: RefObject<HTMLDivElement | null>;\n\ttopLeftRef: RefObject<HTMLDivElement | null>;\n\tseparatorRef: RefObject<HTMLDivElement | null>;\n\tratio: number;\n\tminRatio: number;\n\tmaxRatio: number;\n\thandleSeparatorPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;\n\thandleSeparatorKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n};\n\ntype SplitterViewProps = {\n\tclassName?: string;\n\tdirection: SplitterDirection;\n\tleft: ReactNode;\n\tright: ReactNode;\n\tcollapsedPane: SplitterPane | null;\n\tlogic: SplitterLogic;\n};\n\nconst DEFAULT_MIN = 0.1;\nconst DEFAULT_MAX = 0.9;\nconst DEFAULT_INITIAL = 0.7;\nconst KEYBOARD_STEP = 0.02;\n\nfunction clampRatio(value: number, min: number, max: number) {\n\treturn Math.min(max, Math.max(min, value));\n}\n\nfunction normalizeRatioValue(value: number, fallback: number) {\n\tif (!Number.isFinite(value)) return fallback;\n\n\treturn clampRatio(value, 0, 1);\n}\n\nfunction normalizeBounds(min: number, max: number) {\n\tconst safeMin = normalizeRatioValue(min, DEFAULT_MIN);\n\tconst safeMax = normalizeRatioValue(max, DEFAULT_MAX);\n\n\tif (safeMin <= safeMax) return [safeMin, safeMax] as const;\n\n\treturn [safeMax, safeMin] as const;\n}\n\nfunction getPointerCoordinate(direction: SplitterDirection, event: PointerEvent | ReactPointerEvent<HTMLDivElement>) {\n\treturn direction === \"vertical\" ? event.clientX : event.clientY;\n}\n\nfunction getContainerDimension(direction: SplitterDirection, rect: DOMRect) {\n\treturn direction === \"vertical\" ? rect.width : rect.height;\n}\n\nfunction getKeyboardDelta(direction: SplitterDirection, key: string) {\n\tif (direction === \"vertical\") {\n\t\tif (key === \"ArrowLeft\") return -KEYBOARD_STEP;\n\t\tif (key === \"ArrowRight\") return KEYBOARD_STEP;\n\t}\n\n\tif (direction === \"horizontal\") {\n\t\tif (key === \"ArrowUp\") return -KEYBOARD_STEP;\n\t\tif (key === \"ArrowDown\") return KEYBOARD_STEP;\n\t}\n\n\treturn null;\n}\n\nfunction resolveTopLeftBasis(ratio: number, collapsedPane: SplitterPane | null) {\n\tif (collapsedPane === \"start\") return 0;\n\tif (collapsedPane === \"end\") return 1;\n\n\treturn ratio;\n}\n\nfunction useSplitterLogic({ direction, initial, min, max, onChange, collapsedPane }: SplitterLogicParams): SplitterLogic {\n\tconst [minRatio, maxRatio] = normalizeBounds(min, max);\n\n\tconst containerRef = useRef<HTMLDivElement | null>(null);\n\tconst topLeftRef = useRef<HTMLDivElement | null>(null);\n\tconst separatorRef = useRef<HTMLDivElement | null>(null);\n\tconst cleanupDragRef = useRef<(() => void) | null>(null);\n\tconst pendingRatioRef = useRef<number | null>(null);\n\tconst frameRef = useRef<number | null>(null);\n\tconst startPosRef = useRef(0);\n\tconst startRatioRef = useRef(clampRatio(normalizeRatioValue(initial, DEFAULT_INITIAL), minRatio, maxRatio));\n\tconst previousInitialRef = useRef(initial);\n\n\tconst [ratio, setRatio] = useState(() => clampRatio(normalizeRatioValue(initial, DEFAULT_INITIAL), minRatio, maxRatio));\n\tconst ratioRef = useRef(ratio);\n\n\tconst applyRatio = useCallback(\n\t\t(nextRatio: number) => {\n\t\t\tratioRef.current = nextRatio;\n\t\t\ttopLeftRef.current?.style.setProperty(\"flex-basis\", `${resolveTopLeftBasis(nextRatio, collapsedPane) * 100}%`);\n\t\t\tseparatorRef.current?.setAttribute(\"aria-valuenow\", `${Math.round(nextRatio * 100)}`);\n\t\t},\n\t\t[collapsedPane]\n\t);\n\n\tconst flushPendingRatio = () => {\n\t\tif (frameRef.current !== null) {\n\t\t\tcancelAnimationFrame(frameRef.current);\n\t\t\tframeRef.current = null;\n\t\t}\n\n\t\tif (pendingRatioRef.current === null) return ratioRef.current;\n\n\t\tconst nextRatio = pendingRatioRef.current;\n\t\tpendingRatioRef.current = null;\n\t\tapplyRatio(nextRatio);\n\n\t\treturn nextRatio;\n\t};\n\n\tconst scheduleRatioUpdate = (nextRatio: number) => {\n\t\tpendingRatioRef.current = nextRatio;\n\n\t\tif (frameRef.current !== null) return;\n\n\t\tframeRef.current = requestAnimationFrame(() => {\n\t\t\tframeRef.current = null;\n\n\t\t\tif (pendingRatioRef.current === null) return;\n\n\t\t\tapplyRatio(pendingRatioRef.current);\n\t\t});\n\t};\n\n\tconst stopDragging = () => {\n\t\tcleanupDragRef.current?.();\n\t\tcleanupDragRef.current = null;\n\t};\n\n\tconst commitRatio = (nextRatio: number, previousRatio = ratioRef.current) => {\n\t\tflushPendingRatio();\n\t\tconst committedRatio = clampRatio(nextRatio, minRatio, maxRatio);\n\t\tsetRatio(committedRatio);\n\t\tif (committedRatio !== previousRatio) onChange?.(committedRatio);\n\t};\n\n\tconst handleSeparatorPointerDown = (event: ReactPointerEvent<HTMLDivElement>) => {\n\t\tif (event.button !== 0) return;\n\n\t\tevent.preventDefault();\n\n\t\tconst container = containerRef.current;\n\t\tif (!container) return;\n\n\t\tstopDragging();\n\n\t\ttry {\n\t\t\tevent.currentTarget.setPointerCapture?.(event.pointerId);\n\t\t} catch {\n\t\t\t// Игнорировать, если браузер не поддерживает pointer capture.\n\t\t}\n\n\t\tstartPosRef.current = getPointerCoordinate(direction, event);\n\t\tstartRatioRef.current = ratioRef.current;\n\n\t\tconst handlePointerMove = (moveEvent: PointerEvent) => {\n\t\t\tconst rect = container.getBoundingClientRect();\n\t\t\tconst dimension = getContainerDimension(direction, rect);\n\t\t\tif (dimension <= 0) return;\n\n\t\t\tconst delta = getPointerCoordinate(direction, moveEvent) - startPosRef.current;\n\t\t\tconst nextRatio = clampRatio(startRatioRef.current + delta / dimension, minRatio, maxRatio);\n\n\t\t\tscheduleRatioUpdate(nextRatio);\n\t\t};\n\n\t\tconst handlePointerUp = () => {\n\t\t\tstopDragging();\n\t\t\tcommitRatio(flushPendingRatio(), startRatioRef.current);\n\t\t};\n\n\t\tcleanupDragRef.current = () => {\n\t\t\tdocument.removeEventListener(\"pointermove\", handlePointerMove);\n\t\t\tdocument.removeEventListener(\"pointerup\", handlePointerUp);\n\t\t\tdocument.removeEventListener(\"pointercancel\", handlePointerUp);\n\t\t};\n\n\t\tdocument.addEventListener(\"pointermove\", handlePointerMove);\n\t\tdocument.addEventListener(\"pointerup\", handlePointerUp);\n\t\tdocument.addEventListener(\"pointercancel\", handlePointerUp);\n\t};\n\n\tconst handleSeparatorKeyDown = (event: ReactKeyboardEvent<HTMLDivElement>) => {\n\t\tconst keyboardDelta = getKeyboardDelta(direction, event.key);\n\n\t\tif (keyboardDelta !== null) {\n\t\t\tevent.preventDefault();\n\t\t\tcommitRatio(ratioRef.current + keyboardDelta);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (event.key === \"Home\") {\n\t\t\tevent.preventDefault();\n\t\t\tcommitRatio(minRatio);\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (event.key === \"End\") {\n\t\t\tevent.preventDefault();\n\t\t\tcommitRatio(maxRatio);\n\t\t}\n\t};\n\n\tuseLayoutEffect(() => {\n\t\tapplyRatio(ratio);\n\t}, [applyRatio, ratio]);\n\n\tuseEffect(() => {\n\t\tsetRatio((currentRatio) => {\n\t\t\tconst initialChanged = previousInitialRef.current !== initial;\n\t\t\tpreviousInitialRef.current = initial;\n\n\t\t\tif (initialChanged) {\n\t\t\t\treturn clampRatio(normalizeRatioValue(initial, DEFAULT_INITIAL), minRatio, maxRatio);\n\t\t\t}\n\n\t\t\treturn clampRatio(currentRatio, minRatio, maxRatio);\n\t\t});\n\t}, [initial, minRatio, maxRatio]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tstopDragging();\n\n\t\t\tif (frameRef.current !== null) {\n\t\t\t\tcancelAnimationFrame(frameRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn {\n\t\tcontainerRef,\n\t\ttopLeftRef,\n\t\tseparatorRef,\n\t\tratio,\n\t\tminRatio,\n\t\tmaxRatio,\n\t\thandleSeparatorPointerDown,\n\t\thandleSeparatorKeyDown\n\t};\n}\n\nfunction SplitterView({ className, direction, left, right, collapsedPane, logic }: SplitterViewProps) {\n\tconst { containerRef, topLeftRef, separatorRef, ratio, minRatio, maxRatio, handleSeparatorPointerDown, handleSeparatorKeyDown } = logic;\n\tconst topLeftBasis = resolveTopLeftBasis(ratio, collapsedPane);\n\tconst isStartPaneCollapsed = collapsedPane === \"start\";\n\tconst isEndPaneCollapsed = collapsedPane === \"end\";\n\tconst isSeparatorVisible = collapsedPane === null;\n\n\treturn (\n\t\t<div ref={containerRef} className={cn(styles.splitter, styles[direction], className)}>\n\t\t\t<div ref={topLeftRef} className={styles.topLeft} style={{ flexBasis: `${topLeftBasis * 100}%` }} hidden={isStartPaneCollapsed}>\n\t\t\t\t{left}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\tref={separatorRef}\n\t\t\t\thidden={!isSeparatorVisible}\n\t\t\t\trole=\"separator\"\n\t\t\t\taria-orientation={direction === \"vertical\" ? \"vertical\" : \"horizontal\"}\n\t\t\t\taria-valuemin={Math.round(minRatio * 100)}\n\t\t\t\taria-valuemax={Math.round(maxRatio * 100)}\n\t\t\t\taria-valuenow={Math.round(ratio * 100)}\n\t\t\t\ttabIndex={isSeparatorVisible ? 0 : -1}\n\t\t\t\tonPointerDown={handleSeparatorPointerDown}\n\t\t\t\tonKeyDown={handleSeparatorKeyDown}\n\t\t\t\tclassName={styles.separator}></div>\n\n\t\t\t<div className={styles.bottomRight} hidden={isEndPaneCollapsed}>\n\t\t\t\t{right}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport function Splitter({\n\tdirection = \"vertical\",\n\tinitial = DEFAULT_INITIAL,\n\tmin = DEFAULT_MIN,\n\tmax = DEFAULT_MAX,\n\tonChange,\n\tclassName,\n\tcollapsedPane = null,\n\tchildren\n}: SplitterProps) {\n\tconst [left, right] = Children.toArray(children);\n\tconst logic = useSplitterLogic({ direction, initial, min, max, onChange, collapsedPane });\n\n\tif (!right) return left;\n\n\treturn (\n\t\t<SplitterView className={className} direction={direction} left={left} right={right} collapsedPane={collapsedPane} logic={logic} />\n\t);\n}\n","@use \"@/styles/mixins\" as *;\n\n.container {\n\tmin-width: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.viewport {\n\twidth: 100%;\n\tmin-width: 0;\n\tmin-height: 0;\n\toverflow: hidden;\n}\n\n.separator {\n\t@include resize-separator(horizontal);\n\n\twidth: 100%;\n\theight: var(--space-sm);\n\tflex: 0 0 var(--space-sm);\n\tmargin-block: var(--space-xs);\n\tcursor: row-resize;\n}\n","import {\n\ttype KeyboardEvent as ReactKeyboardEvent,\n\ttype PointerEvent as ReactPointerEvent,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseRef,\n\tuseState\n} from \"react\";\n\nimport { clampNumberScaleValue, offsetNumberScaleValue, resolveNumberScaleBounds } from \"@ryuzaki13/react-foundation-lib/number-scale\";\n\ntype UseSplitterContainerHeightParams = {\n\theight?: number;\n\tdefaultHeight: number;\n\tminHeight: number;\n\tmaxHeight: number;\n\theightStep: number;\n\tonHeightChange?: (height: number) => void;\n};\n\ntype SplitterContainerHeightState = {\n\theight: number;\n\tminHeight: number;\n\tmaxHeight: number;\n\thandleSeparatorPointerDown: (event: ReactPointerEvent<HTMLDivElement>) => void;\n\thandleSeparatorKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;\n};\n\n/**\n * Управляет controlled/uncontrolled-высотой внешнего контейнера Splitter.\n * Pointer-изменения обновляют только локальный draft, а `onHeightChange`\n * получает итоговое значение после завершения жеста или клавиатурного шага.\n */\nexport function useSplitterContainerHeight({\n\theight,\n\tdefaultHeight,\n\tminHeight,\n\tmaxHeight,\n\theightStep,\n\tonHeightChange\n}: UseSplitterContainerHeightParams): SplitterContainerHeightState {\n\tconst bounds = resolveNumberScaleBounds(minHeight, maxHeight);\n\tconst scale = { ...bounds, step: heightStep };\n\tconst controlled = height !== undefined;\n\tconst [uncontrolledHeight, setUncontrolledHeight] = useState(() => clampNumberScaleValue(defaultHeight, bounds.min, bounds.max));\n\tconst [dragHeight, setDragHeight] = useState<number | null>(null);\n\tconst resolvedHeight = clampNumberScaleValue(height ?? uncontrolledHeight, bounds.min, bounds.max);\n\tconst currentHeight = dragHeight ?? resolvedHeight;\n\n\tconst cleanupDragRef = useRef<(() => void) | null>(null);\n\tconst frameRef = useRef<number | null>(null);\n\tconst pendingHeightRef = useRef<number | null>(null);\n\tconst currentHeightRef = useRef(currentHeight);\n\tconst startHeightRef = useRef(currentHeight);\n\tconst startPointerYRef = useRef(0);\n\n\tconst flushPendingHeight = () => {\n\t\tif (frameRef.current !== null) {\n\t\t\tcancelAnimationFrame(frameRef.current);\n\t\t\tframeRef.current = null;\n\t\t}\n\n\t\tif (pendingHeightRef.current === null) return currentHeightRef.current;\n\n\t\tconst nextHeight = pendingHeightRef.current;\n\t\tpendingHeightRef.current = null;\n\t\tcurrentHeightRef.current = nextHeight;\n\n\t\treturn nextHeight;\n\t};\n\n\tconst scheduleHeightUpdate = (nextHeight: number) => {\n\t\tpendingHeightRef.current = nextHeight;\n\n\t\tif (frameRef.current !== null) return;\n\n\t\tframeRef.current = requestAnimationFrame(() => {\n\t\t\tframeRef.current = null;\n\n\t\t\tif (pendingHeightRef.current === null) return;\n\n\t\t\tconst scheduledHeight = pendingHeightRef.current;\n\t\t\tpendingHeightRef.current = null;\n\t\t\tcurrentHeightRef.current = scheduledHeight;\n\t\t\tsetDragHeight(scheduledHeight);\n\t\t});\n\t};\n\n\tconst commitHeight = (nextHeight: number, previousHeight = currentHeightRef.current) => {\n\t\tconst committedHeight = clampNumberScaleValue(nextHeight, bounds.min, bounds.max);\n\t\tcurrentHeightRef.current = committedHeight;\n\t\tsetDragHeight(null);\n\n\t\tif (committedHeight === previousHeight) return;\n\n\t\tif (!controlled) {\n\t\t\tsetUncontrolledHeight(committedHeight);\n\t\t}\n\n\t\tonHeightChange?.(committedHeight);\n\t};\n\n\tconst stopDragging = () => {\n\t\tcleanupDragRef.current?.();\n\t\tcleanupDragRef.current = null;\n\t};\n\n\tconst handleSeparatorPointerDown = (event: ReactPointerEvent<HTMLDivElement>) => {\n\t\tif (event.button !== 0) return;\n\n\t\tevent.preventDefault();\n\t\tstopDragging();\n\n\t\ttry {\n\t\t\tevent.currentTarget.setPointerCapture?.(event.pointerId);\n\t\t} catch {\n\t\t\t// Браузер может не поддерживать pointer capture для synthetic-события.\n\t\t}\n\n\t\tstartPointerYRef.current = event.clientY;\n\t\tstartHeightRef.current = currentHeightRef.current;\n\n\t\tconst handlePointerMove = (moveEvent: PointerEvent) => {\n\t\t\tconst pointerDelta = moveEvent.clientY - startPointerYRef.current;\n\t\t\tconst nextHeight = clampNumberScaleValue(startHeightRef.current + pointerDelta, bounds.min, bounds.max);\n\t\t\tscheduleHeightUpdate(nextHeight);\n\t\t};\n\n\t\tconst handlePointerUp = () => {\n\t\t\tstopDragging();\n\t\t\tcommitHeight(flushPendingHeight(), startHeightRef.current);\n\t\t};\n\n\t\tcleanupDragRef.current = () => {\n\t\t\tdocument.removeEventListener(\"pointermove\", handlePointerMove);\n\t\t\tdocument.removeEventListener(\"pointerup\", handlePointerUp);\n\t\t\tdocument.removeEventListener(\"pointercancel\", handlePointerUp);\n\t\t};\n\n\t\tdocument.addEventListener(\"pointermove\", handlePointerMove);\n\t\tdocument.addEventListener(\"pointerup\", handlePointerUp);\n\t\tdocument.addEventListener(\"pointercancel\", handlePointerUp);\n\t};\n\n\tconst handleSeparatorKeyDown = (event: ReactKeyboardEvent<HTMLDivElement>) => {\n\t\tlet nextHeight: number | undefined;\n\n\t\tif (event.key === \"ArrowUp\") nextHeight = offsetNumberScaleValue(currentHeight, -1, scale);\n\t\tif (event.key === \"ArrowDown\") nextHeight = offsetNumberScaleValue(currentHeight, 1, scale);\n\t\tif (event.key === \"Home\") nextHeight = bounds.min;\n\t\tif (event.key === \"End\") nextHeight = bounds.max;\n\t\tif (nextHeight === undefined) return;\n\n\t\tevent.preventDefault();\n\t\tcommitHeight(nextHeight, currentHeight);\n\t};\n\n\tuseLayoutEffect(() => {\n\t\tcurrentHeightRef.current = currentHeight;\n\t}, [currentHeight]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tstopDragging();\n\n\t\t\tif (frameRef.current !== null) {\n\t\t\t\tcancelAnimationFrame(frameRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn {\n\t\theight: currentHeight,\n\t\tminHeight: bounds.min,\n\t\tmaxHeight: bounds.max,\n\t\thandleSeparatorPointerDown,\n\t\thandleSeparatorKeyDown\n\t};\n}\n","import { type PropsWithChildren, useId } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./SplitterHeightContainer.module.scss\";\nimport { useSplitterContainerHeight } from \"./useSplitterContainerHeight\";\n\nexport type SplitterHeightContainerProps = PropsWithChildren<{\n\t/** Controlled-высота области со Splitter в CSS-пикселях. */\n\theight?: number;\n\t/** Начальная высота для uncontrolled-режима в CSS-пикселях. */\n\tdefaultHeight?: number;\n\tminHeight?: number;\n\tmaxHeight?: number;\n\t/** Шаг изменения высоты с клавиатуры в CSS-пикселях. */\n\theightStep?: number;\n\t/** Сообщает итоговую высоту после завершения drag или клавиатурного шага. */\n\tonHeightChange?: (height: number) => void;\n\tclassName?: string;\n\tviewportClassName?: string;\n\tseparatorClassName?: string;\n\tseparatorAriaLabel?: string;\n}>;\n\nconst DEFAULT_HEIGHT = 480;\nconst DEFAULT_MIN_HEIGHT = 240;\nconst DEFAULT_MAX_HEIGHT = 1200;\nconst DEFAULT_HEIGHT_STEP = 20;\n\n/**\n * Опциональная внешняя композиция для Splitter: область панелей получает\n * независимую высоту, а расположенный снизу separator изменяет весь viewport.\n * Внутренние Splitter при этом продолжают управлять только своими пропорциями.\n */\nexport function SplitterHeightContainer({\n\theight,\n\tdefaultHeight = DEFAULT_HEIGHT,\n\tminHeight = DEFAULT_MIN_HEIGHT,\n\tmaxHeight = DEFAULT_MAX_HEIGHT,\n\theightStep = DEFAULT_HEIGHT_STEP,\n\tonHeightChange,\n\tclassName,\n\tviewportClassName,\n\tseparatorClassName,\n\tseparatorAriaLabel = \"Изменить высоту рабочей области\",\n\tchildren\n}: SplitterHeightContainerProps) {\n\tconst generatedViewportId = useId();\n\tconst viewportId = `${generatedViewportId}-viewport`;\n\tconst state = useSplitterContainerHeight({\n\t\theight,\n\t\tdefaultHeight,\n\t\tminHeight,\n\t\tmaxHeight,\n\t\theightStep,\n\t\tonHeightChange\n\t});\n\n\treturn (\n\t\t<div className={cn(styles.container, className)} data-ui=\"splitter-height-container\">\n\t\t\t<div\n\t\t\t\tid={viewportId}\n\t\t\t\tclassName={cn(styles.viewport, viewportClassName)}\n\t\t\t\tstyle={{ height: state.height }}\n\t\t\t\tdata-ui=\"splitter-height-viewport\">\n\t\t\t\t{children}\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\trole=\"separator\"\n\t\t\t\taria-label={separatorAriaLabel}\n\t\t\t\taria-orientation=\"horizontal\"\n\t\t\t\taria-controls={viewportId}\n\t\t\t\taria-valuemin={state.minHeight}\n\t\t\t\taria-valuemax={state.maxHeight}\n\t\t\t\taria-valuenow={state.height}\n\t\t\t\taria-valuetext={`${state.height} px`}\n\t\t\t\ttabIndex={0}\n\t\t\t\tclassName={cn(styles.separator, separatorClassName)}\n\t\t\t\tonPointerDown={state.handleSeparatorPointerDown}\n\t\t\t\tonKeyDown={state.handleSeparatorKeyDown}\n\t\t\t\tdata-ui=\"splitter-height-separator\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.IyEhJp{--base-width:100%;width:var(--base-width)}.IyEhJp.f7M9vJ{--base-width:calc(var(--drp-ui-width-xs,var(--ui-width-xs)) - var(--width-add))}.IyEhJp.HwXbxj{--base-width:calc(var(--drp-ui-width-sm,var(--ui-width-sm)) - var(--width-add))}.IyEhJp.Mym7DA{--base-width:calc(var(--drp-ui-width-md,var(--ui-width-md)) - var(--width-add))}.IyEhJp.w5cM9q{--base-width:calc(var(--drp-ui-width-lg,var(--ui-width-lg)) - var(--width-add))}.IyEhJp.f2EBJz{--base-width:calc(var(--drp-ui-width-xl,var(--ui-width-xl)) - var(--width-add))}._3GzdMJ{--grid-size:var(--space-sm);--grid-line-size:var(--border-width);--grid-line-color:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));height:var(--control-height);border:var(--focus-width) solid var(--error-border);border-radius:var(--radius-sm);font-variation-settings:"wght" 700;width:100%;color:var(--error-text);background-color:var(--surface-0);background-image:repeating-linear-gradient(45deg, var(--grid-line-color) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size)), repeating-linear-gradient(-45deg, var(--grid-line-color) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size));outline:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.mCyi7T,._0uiTC1{width:100%;position:relative}._0uiTC1{--padding-right:var(--control-height)}.y9nuVw,.-lXPkQ{font-variation-settings:"wght" 400;font-weight:400;display:inline-block}.-lXPkQ{margin-block:var(--space-xs)}.kaqcwk{--paragraph-margin:0;padding-bottom:var(--space-xs);color:var(--content-1);font-variation-settings:"wght" 300;font-weight:300}.-lXPkQ,.kaqcwk{margin-inline:var(--space-xs)}.ADooeh,.UQPwkb::placeholder,.x427rk::placeholder,._4GTgCO::placeholder,.CGeRS1::placeholder{color:var(--content-2);font-variation-settings:"wght" 100;text-overflow:ellipsis;white-space:nowrap;font-weight:100;overflow:hidden}._7GxEke .y9nuVw:after,._7GxEke .-lXPkQ:after{content:" *";color:var(--error-text)}.UQPwkb,.x427rk,._4GTgCO,.CGeRS1{--ui-tone-text:var(--neutral-text);--ui-tone-fill:var(--neutral-fill);--ui-tone-on-fill:var(--neutral-on-fill);--ui-tone-border:var(--neutral-border);--ui-tone-text-hover:color-mix(in srgb, var(--neutral-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--neutral-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--neutral-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--neutral-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--neutral-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--neutral-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--neutral-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--neutral-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--neutral-fill) 20%, var(--surface-0));--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);--ui-disabled-color:color-mix(in srgb, var(--ui-tone-text) 32%, var(--content-2));--ui-disabled-background:var(--surface-0);--ui-disabled-border:color-mix(in srgb, var(--ui-tone-border) 28%, var(--border-0));color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,box-shadow,padding,opacity,transform;transition-duration:var(--transition-fast);outline:none;transition-timing-function:ease}@media (any-hover:hover){.UQPwkb:hover,.x427rk:hover,._4GTgCO:hover,.CGeRS1:hover{color:var(--ui-color-hover);background-color:var(--ui-background-hover);border-color:var(--ui-border-hover)}}.UQPwkb:active,.x427rk:active,._4GTgCO:active,.CGeRS1:active{color:var(--ui-color-active);border-color:var(--ui-border-active);background-color:var(--ui-background-active)}.UQPwkb:focus-visible,.x427rk:focus-visible,._4GTgCO:focus-visible,.CGeRS1:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.UQPwkb:disabled,.x427rk:disabled,._4GTgCO:disabled,.CGeRS1:disabled,.UQPwkb[data-disabled],[data-disabled].x427rk,[data-disabled]._4GTgCO,[data-disabled].CGeRS1{color:var(--ui-disabled-color,var(--content-2));background-color:var(--ui-disabled-background,var(--surface-2));border-color:var(--ui-disabled-border,var(--overlay-backdrop))}.UQPwkb:disabled,.x427rk:disabled,._4GTgCO:disabled,.CGeRS1:disabled{cursor:not-allowed}.UQPwkb[data-disabled],[data-disabled].x427rk,[data-disabled]._4GTgCO,[data-disabled].CGeRS1{cursor:default;pointer-events:none}.UQPwkb,.x427rk,._4GTgCO,.CGeRS1{--ui-radius:var(--radius-sm)}.UQPwkb.kkpwQI,.kkpwQI.x427rk,.kkpwQI._4GTgCO,.kkpwQI.CGeRS1,.UQPwkb:invalid,.x427rk:invalid,._4GTgCO:invalid,.CGeRS1:invalid{--ui-tone-text:var(--error-text);--ui-tone-fill:var(--error-fill);--ui-tone-on-fill:var(--error-on-fill);--ui-tone-border:var(--error-border);--ui-tone-text-hover:color-mix(in srgb, var(--error-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--error-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--error-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--error-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--error-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--error-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--error-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--error-fill) 20%, var(--surface-0));--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);--ui-disabled-color:color-mix(in srgb, var(--ui-tone-text) 32%, var(--content-2));--ui-disabled-background:var(--surface-0);--ui-disabled-border:color-mix(in srgb, var(--ui-tone-border) 28%, var(--border-0))}.DPvwku{--ui-tone-text:var(--neutral-text);--ui-tone-fill:var(--neutral-fill);--ui-tone-on-fill:var(--neutral-on-fill);--ui-tone-border:var(--neutral-border);--ui-tone-text-hover:color-mix(in srgb, var(--neutral-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--neutral-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--neutral-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--neutral-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--neutral-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--neutral-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--neutral-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--neutral-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--neutral-fill) 20%, var(--surface-0))}.O9zizU{--ui-tone-text:var(--accent-text);--ui-tone-fill:var(--accent-fill);--ui-tone-on-fill:var(--accent-on-fill);--ui-tone-border:var(--accent-border);--ui-tone-text-hover:color-mix(in srgb, var(--accent-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--accent-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--accent-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--accent-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--accent-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--accent-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--accent-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--accent-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--accent-fill) 20%, var(--surface-0))}.BTLgLF{--ui-tone-text:var(--brand-text);--ui-tone-fill:var(--brand-fill);--ui-tone-on-fill:var(--brand-on-fill);--ui-tone-border:var(--brand-border);--ui-tone-text-hover:color-mix(in srgb, var(--brand-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--brand-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--brand-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--brand-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--brand-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--brand-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--brand-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--brand-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--brand-fill) 20%, var(--surface-0))}.SRqz74{--ui-tone-text:var(--error-text);--ui-tone-fill:var(--error-fill);--ui-tone-on-fill:var(--error-on-fill);--ui-tone-border:var(--error-border);--ui-tone-text-hover:color-mix(in srgb, var(--error-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--error-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--error-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--error-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--error-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--error-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--error-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--error-fill) 20%, var(--surface-0))}.e-6pS0{--ui-tone-text:var(--warning-text);--ui-tone-fill:var(--warning-fill);--ui-tone-on-fill:var(--warning-on-fill);--ui-tone-border:var(--warning-border);--ui-tone-text-hover:color-mix(in srgb, var(--warning-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--warning-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--warning-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--warning-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--warning-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--warning-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--warning-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--warning-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--warning-fill) 20%, var(--surface-0))}.tUxwSm{--ui-tone-text:var(--success-text);--ui-tone-fill:var(--success-fill);--ui-tone-on-fill:var(--success-on-fill);--ui-tone-border:var(--success-border);--ui-tone-text-hover:color-mix(in srgb, var(--success-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--success-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--success-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--success-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--success-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--success-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--success-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--success-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--success-fill) 20%, var(--surface-0))}.bbef8l{--ui-tone-text:var(--info-text);--ui-tone-fill:var(--info-fill);--ui-tone-on-fill:var(--info-on-fill);--ui-tone-border:var(--info-border);--ui-tone-text-hover:color-mix(in srgb, var(--info-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--info-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--info-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--info-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--info-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--info-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--info-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--info-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--info-fill) 20%, var(--surface-0))}.Ktkgp1{--ui-color:var(--ui-tone-on-fill);--ui-color-hover:var(--ui-tone-on-fill);--ui-color-active:var(--ui-tone-on-fill);--ui-background:var(--ui-tone-fill);--ui-background-hover:var(--ui-tone-fill-hover);--ui-background-active:var(--ui-tone-fill-active);--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent;--ui-disabled-color:var(--content-1);--ui-disabled-background:color-mix(in srgb, var(--ui-tone-fill) 14%, var(--surface-2));--ui-disabled-border:transparent}.bwQ2eF{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);--ui-disabled-color:color-mix(in srgb, var(--ui-tone-text) 32%, var(--content-2));--ui-disabled-background:var(--surface-0);--ui-disabled-border:color-mix(in srgb, var(--ui-tone-border) 28%, var(--border-0))}._26y4wg{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:transparent;--ui-background-hover:var(--ui-tone-ghost-hover);--ui-background-active:var(--ui-tone-ghost-active);--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent;--ui-disabled-color:color-mix(in srgb, var(--ui-tone-text) 32%, var(--content-2));--ui-disabled-background:transparent;--ui-disabled-border:transparent}.xiEckw{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:transparent;--ui-background-hover:transparent;--ui-background-active:transparent;--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent;--ui-disabled-color:color-mix(in srgb, var(--ui-tone-text) 32%, var(--content-2));--ui-disabled-background:transparent;--ui-disabled-border:transparent}.x427rk,._4GTgCO,.CGeRS1{height:var(--control-height)}.CGeRS1{color:var(--content-0);padding:0 var(--padding-right) 0 var(--space-sm);text-align:left;width:100%}.ARjNgd{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,box-shadow,padding,opacity,transform;transition-duration:var(--transition-fast);outline:none;transition-timing-function:ease}@media (any-hover:hover){.ARjNgd:hover{color:var(--ui-color-hover);background-color:var(--ui-background-hover);border-color:var(--ui-border-hover)}}.ARjNgd:active{color:var(--ui-color-active);border-color:var(--ui-border-active);background-color:var(--ui-background-active)}.ARjNgd:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.ARjNgd:disabled,.ARjNgd[data-disabled]{color:var(--ui-disabled-color,var(--content-2));background-color:var(--ui-disabled-background,var(--surface-2));border-color:var(--ui-disabled-border,var(--overlay-backdrop))}.ARjNgd:disabled{cursor:not-allowed}.ARjNgd[data-disabled]{cursor:default;pointer-events:none}.ARjNgd{--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);--ui-background:var(--surface-0);--ui-background-hover:var(--ui-tone-soft);--ui-background-active:var(--ui-tone-soft);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);appearance:none;cursor:pointer;margin:0}.ARjNgd:checked{border-color:var(--ui-tone-border-active)}.ARjNgd:checked+.hwzILy{color:var(--ui-tone-fill)}.ARjNgd:disabled{cursor:default;border-color:var(--border-0)}.ARjNgd:disabled:checked+.hwzILy{color:var(--border-0)}.hwzILy{pointer-events:none;color:#0000;transition:color var(--transition-fast) ease, opacity var(--transition-fast) ease;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.PXh4Kd.t4Na-6,.PXh4Kd:disabled,.Vq8q-K.t4Na-6,.Vq8q-K:disabled{-webkit-user-select:none;user-select:none}.PXh4Kd.t4Na-6 .-lXPkQ,.PXh4Kd.t4Na-6 .kaqcwk,.PXh4Kd:disabled .-lXPkQ,.PXh4Kd:disabled .kaqcwk,.Vq8q-K.t4Na-6 .-lXPkQ,.Vq8q-K.t4Na-6 .kaqcwk,.Vq8q-K:disabled .-lXPkQ,.Vq8q-K:disabled .kaqcwk{color:var(--content-2)}.PXh4Kd.t4Na-6 .ADooeh,.PXh4Kd.t4Na-6 .UQPwkb::placeholder,.PXh4Kd.t4Na-6 .x427rk::placeholder,.PXh4Kd.t4Na-6 ._4GTgCO::placeholder,.PXh4Kd.t4Na-6 .CGeRS1::placeholder,.PXh4Kd.t4Na-6 .GPetum,.PXh4Kd.t4Na-6 .d-9srB,.PXh4Kd:disabled .ADooeh,.PXh4Kd:disabled .UQPwkb::placeholder,.PXh4Kd:disabled .x427rk::placeholder,.PXh4Kd:disabled ._4GTgCO::placeholder,.PXh4Kd:disabled .CGeRS1::placeholder,.PXh4Kd:disabled .GPetum,.PXh4Kd:disabled .d-9srB,.Vq8q-K.t4Na-6 .ADooeh,.Vq8q-K.t4Na-6 .UQPwkb::placeholder,.Vq8q-K.t4Na-6 .x427rk::placeholder,.Vq8q-K.t4Na-6 ._4GTgCO::placeholder,.Vq8q-K.t4Na-6 .CGeRS1::placeholder,.Vq8q-K.t4Na-6 .GPetum,.Vq8q-K.t4Na-6 .d-9srB,.Vq8q-K:disabled .ADooeh,.Vq8q-K:disabled .UQPwkb::placeholder,.Vq8q-K:disabled .x427rk::placeholder,.Vq8q-K:disabled ._4GTgCO::placeholder,.Vq8q-K:disabled .CGeRS1::placeholder,.Vq8q-K:disabled .GPetum,.Vq8q-K:disabled .d-9srB{opacity:.25}.PXh4Kd.t4Na-6,.Vq8q-K.t4Na-6{cursor:default;pointer-events:none}.PXh4Kd:disabled,.Vq8q-K:disabled{cursor:not-allowed}.X9lGKQ{--ui-panel-background:var(--surface-0)}.hanQAA{--ui-panel-background:var(--surface-1)}.EltZRn{--ui-panel-background:var(--surface-2)}.a7hN1A,.GAMoiV{background-color:var(--ui-panel-background,var(--surface-0))}.snye2X,.GAMoiV{border:var(--border);border-radius:var(--radius-sm);padding:var(--space-sm)}._6GrpYn{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);background-color:var(--surface-1);border-color:var(--border-1);cursor:pointer}.xS7JcQ,._748hD6,.OfS43Y,.Vq8q-K{justify-content:flex-start;align-items:center;gap:var(--space-sm);text-align:left;width:100%;height:100%;display:flex}.Vq8q-K{height:auto;min-height:var(--control-height);border-radius:var(--radius-sm);color:var(--content-0);transition:background-color var(--transition-fast) ease, color var(--transition-fast) ease;background-color:#0000;border:none}.Vq8q-K ._9ExUHY,.Vq8q-K .pO4Y0g{font-size:var(--font-size-sm);width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.Vq8q-K ._9ExUHY,.Vq8q-K .gbYdNR{color:var(--content-2)}.Vq8q-K.wEotEO{color:var(--accent-on-fill);background-color:var(--accent-fill);cursor:default}.Vq8q-K:focus-visible{color:var(--accent-text-hover);background-color:var(--accent-fill-hover);cursor:pointer}@media (any-hover:hover){.Vq8q-K:hover{color:var(--accent-text-hover);background-color:var(--accent-fill-hover);cursor:pointer}}.Vq8q-K.zb4xdz,.Vq8q-K:active{color:var(--accent-text-active);background-color:var(--accent-fill-active)}.Vq8q-K.t4Na-6{color:var(--content-2)}.Vq8q-K:focus-within{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}._748hD6,.OfS43Y{min-width:0;height:100%;padding:var(--space-xs) var(--space-sm);border-radius:inherit;color:inherit;cursor:inherit;background:0 0;border:none;outline:none;flex:1 1 0;text-decoration:none}.-vLdWn{border-top:var(--border);margin-block:var(--space-xs)}.Z3WweK{padding:var(--space-xs) var(--space-sm);color:var(--content-2);text-transform:uppercase;font-weight:300;font-size:var(--font-size-sm)}._9ExUHY{align-items:center;display:flex}.GPetum{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.d-9srB{font-family:var(--font-family-mono);color:var(--content-1);font-variation-settings:"wght" 300;font-weight:300}.JI6Ty-{font-variation-settings:"wght" 600;font-weight:600}.bx4Ra6{width:100%;height:100%;transition-property:width;transition-duration:var(--transition-fast);justify-content:flex-end;align-items:center;transition-timing-function:cubic-bezier(1,0,.5,.5);display:flex}.bx4Ra6>button{cursor:pointer;height:var(--control-height);width:var(--control-height);border-radius:var(--radius-sm);flex:0 0 var(--control-height);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.MDZNQY{color:var(--content-0)}.MDZNQY:hover{color:var(--accent-text)}.MVOYew{transition:transform var(--transition-fast) ease-in-out}.MVOYew._5r-eob{transform:rotate(180deg)}._4GTgCO{width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:text;align-items:center;display:flex}._6evDak{color:var(--error-text)}._6evDak:disabled{opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;overflow:hidden}.rwtbSX{border-left:var(--border);height:calc(100% - var(--space-sm))}.JK2Y7t{padding:var(--space-sm);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-sm);color:var(--content-0);filter:drop-shadow(var(--shadow-md));z-index:var(--z-popover)}.JK2Y7t._5QtpCJ{background-color:var(--surface-0)}.JK2Y7t.hZuysP{background-color:var(--surface-1)}.sZ0x6w,._538Ejd{padding:var(--space-sm);background-color:var(--surface-1);border:var(--border-width) solid var(--border-2);border-radius:var(--radius-sm);color:var(--content-0);filter:drop-shadow(var(--shadow-sm))}.sZ0x6w.fqciCO,.fqciCO._538Ejd{--border-1:var(--content-0);background-color:var(--content-0);border-color:var(--border-1);color:var(--surface-1)}.sZ0x6w.sHkUiQ,.sHkUiQ._538Ejd{--border-1:var(--info-text);background-color:var(--info-text);border-color:var(--info-text);color:var(--info-on-fill)}.sZ0x6w.bpGNoX,.bpGNoX._538Ejd{--border-1:var(--error-text);background-color:var(--error-text);border-color:var(--error-text);color:var(--error-on-fill)}.sZ0x6w.tYnRg-,.tYnRg-._538Ejd{--border-1:var(--warning-text);background-color:var(--warning-text);border-color:var(--warning-text);color:var(--warning-on-fill)}.sZ0x6w._8lflEh,._8lflEh._538Ejd{--border-1:var(--success-text);background-color:var(--success-text);border-color:var(--success-text);color:var(--success-on-fill)}._538Ejd{z-index:var(--z-tooltip);pointer-events:none;text-align:initial;font-size:var(--font-size-sm);font-variation-settings:"wght" 500;font-style:normal;font-weight:500;line-height:var(--line-height)}.wLOHwj{isolation:isolate;padding:0 var(--space-md);-webkit-user-select:none;user-select:none;position:relative}.wLOHwj.lFsM-Y{aspect-ratio:1;padding:0}.wLOHwj:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--transition-fast) ease;background-color:currentColor;position:absolute;inset:0}.wLOHwj:not(:disabled):active:after{opacity:.12;transition-duration:70ms;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){.wLOHwj:after{transition-duration:.01ms}}.LPob63{z-index:1;justify-content:center;align-items:center;gap:var(--space-sm);width:100%;height:100%;display:flex;position:relative}.tsaGtv{width:1.25em;height:1.25em}.tsaGtv svg{width:100%;height:100%}.ZNPIAt{display:flex}.ZNPIAt.FOfB6f{vertical-align:middle;display:inline-flex}.ZNPIAt.S3zmDT{flex-direction:row}.ZNPIAt.ZFdq8E{flex-direction:column}.ZNPIAt.VAzJwr{flex-direction:row-reverse}.ZNPIAt.-U1mun{flex-direction:column-reverse}.ZNPIAt._4ZMtr-{flex-wrap:wrap}.ZNPIAt.SKOoTV{flex-wrap:nowrap}.ZNPIAt.sSe6vs{flex-wrap:wrap-reverse}.ZNPIAt._3K-dKm{align-items:start}.ZNPIAt.-Pfy-z{align-items:center}.ZNPIAt.beSYgR{align-items:end}.ZNPIAt.Ewhv1G{align-items:stretch}.ZNPIAt.JXvBB6{align-items:baseline}.ZNPIAt.hN3T0k{justify-content:start}.ZNPIAt.KKCJ5o{justify-content:center}.ZNPIAt.MnX1Le{justify-content:end}.ZNPIAt.Hom9eH{justify-content:stretch}.ZNPIAt.Oujm4J{justify-content:space-between}.ZNPIAt._2ttx6l{justify-content:space-around}.ZNPIAt.QEwI8b{justify-content:space-evenly}.ZNPIAt._7GQOS7{align-content:start}.ZNPIAt._2IOpAA{align-content:center}.ZNPIAt.fZOYKH{align-content:end}.ZNPIAt._01H9Wl{align-content:stretch}.ZNPIAt.GiMq3P{align-content:space-between}.ZNPIAt.tfwckC{align-content:space-around}.ZNPIAt._9tNYb7{align-content:space-evenly}.ZNPIAt.PoehYn{gap:unset}.ZNPIAt.D9yh46{row-gap:var(--space-xs)}.ZNPIAt.B5WUhS{row-gap:var(--space-sm)}.ZNPIAt.KfUmo4{row-gap:var(--space-md)}.ZNPIAt.m-8JGj{row-gap:var(--space-lg)}.ZNPIAt.zFcs1z{row-gap:var(--space-xl)}.ZNPIAt._0wKkFA{column-gap:var(--space-xs)}.ZNPIAt.VQY6wh{column-gap:var(--space-sm)}.ZNPIAt.csJmh7{column-gap:var(--space-md)}.ZNPIAt._-8r3Oj{column-gap:var(--space-lg)}.ZNPIAt.sCELJe{column-gap:var(--space-xl)}.ZNPIAt.NrH1WE{row-gap:var(--space-xs);column-gap:var(--space-xs)}.ZNPIAt.IIgbrj{row-gap:var(--space-sm);column-gap:var(--space-sm)}.ZNPIAt.alT7CJ{row-gap:var(--space-md);column-gap:var(--space-md)}.ZNPIAt.TBFK23{row-gap:var(--space-lg);column-gap:var(--space-lg)}.ZNPIAt.JR1URZ{row-gap:var(--space-xl);column-gap:var(--space-xl)}.i1imd3.IVZ-ii{flex-grow:1}.i1imd3.zhghPS{flex-grow:0}.i1imd3.-A4gJM{flex-shrink:1}.i1imd3._3Q-lT-{flex-shrink:0}.i1imd3.YSg8P9{flex-basis:0}.i1imd3.RMXnTk{flex-basis:auto}.i1imd3.YyYE7z{flex:none}.i1imd3.LD3bM5{flex:auto}.i1imd3.HpcoTp{align-self:start}.i1imd3.E7ItD3{align-self:center}.i1imd3.v0JFEC{align-self:end}.i1imd3.pmMEmH{align-self:stretch}.i1imd3.qevFHG{align-self:baseline}.i1imd3.OTPY33{justify-self:center}.i1imd3.AjRxTP{justify-self:end}.i1imd3._1YaZWf{justify-self:stretch}.H-DHBq,.JzIGGJ{justify-content:center;align-items:center;display:flex}.aqYTBq{justify-content:space-between;align-items:center;display:flex}.JzIGGJ{flex-direction:column;height:100%}.l9LG-r svg{width:100%;height:auto;display:block}.u4bkNy{opacity:.2;animation:2s ease-in-out infinite S-r8hY}@keyframes S-r8hY{0%{opacity:.2}35%,55%{opacity:1}to{opacity:.2}}@media (prefers-reduced-motion:reduce){.u4bkNy{opacity:1;animation:none}}._0wk7Sq{width:var(--control-height);height:var(--control-height);justify-content:center;align-items:center;margin:auto;display:flex}.qgIKVo{min-height:10em}._7xUQBN{align-items:center;gap:var(--space-xs);min-width:0;display:flex;overflow:hidden}.AonLqg{outline:none;flex:auto;min-width:0;overflow:hidden}.j-5yFn{gap:var(--space-sm);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:end;display:flex;overflow:auto hidden}.j-5yFn ::-webkit-scrollbar{height:0}.pOIq63{z-index:10;width:var(--control-height);flex:0 0 var(--control-height);border-radius:var(--radius-sm);height:100%;color:var(--content-2);transition-property:opacity,color;transition-duration:var(--transition-fast);justify-content:center;align-items:center;display:flex;top:0}.pOIq63:hover{opacity:1;color:var(--content-0)}.pOIq63:disabled{opacity:.5;pointer-events:none}.UMTbLD{color:inherit;border-left-style:solid;border-left-color:var(--state-border-color,transparent);border-left-width:.0625em;padding-left:.25em;text-decoration:none;display:block}.UMTbLD.cz57Fx{border-left-width:.3125em;padding-left:0}.UMTbLD.cz57Fx.oPzAxu{border-left-color:var(--info-fill)}.UMTbLD.cz57Fx.MBu26r{border-left-color:var(--success-fill)}.UMTbLD.cz57Fx._03z-1l{border-left-color:var(--warning-fill)}.UMTbLD.cz57Fx._0RqsqJ{border-left-color:var(--error-fill)}.mXkUoM.oPzAxu{color:var(--info-text);fill:var(--info-fill);stroke:var(--info-on-fill)}.mXkUoM.MBu26r{color:var(--success-text);fill:var(--success-fill);stroke:var(--success-on-fill)}.mXkUoM._03z-1l{color:var(--warning-text);fill:var(--warning-fill);stroke:var(--warning-on-fill);stroke-width:2px}.mXkUoM._0RqsqJ{color:var(--error-text);fill:var(--error-fill);stroke:var(--error-on-fill)}._5Z2YQF{display:grid}._5Z2YQF.gAEXju{vertical-align:middle;display:inline-grid}._5Z2YQF.KdmGbk{grid-auto-flow:row}._5Z2YQF.uOpH1m{grid-auto-flow:column}._5Z2YQF.EOUgpE{grid-auto-flow:dense}._5Z2YQF.PoMD0P{gap:unset}._5Z2YQF.FBebhA{row-gap:var(--space-xs)}._5Z2YQF.rwvhfS{row-gap:var(--space-sm)}._5Z2YQF.ZIsGgj{row-gap:var(--space-md)}._5Z2YQF.lbAie9{row-gap:var(--space-lg)}._5Z2YQF.ylmmN3{row-gap:var(--space-xl)}._5Z2YQF.Fg86QU{column-gap:var(--space-xs)}._5Z2YQF._3qWtbZ{column-gap:var(--space-sm)}._5Z2YQF.gIXZ8P{column-gap:var(--space-md)}._5Z2YQF.xXxHZM{column-gap:var(--space-lg)}._5Z2YQF.zRgpft{column-gap:var(--space-xl)}._5Z2YQF.Fb1W2U{row-gap:var(--space-xs);column-gap:var(--space-xs)}._5Z2YQF._2EojT9{row-gap:var(--space-sm);column-gap:var(--space-sm)}._5Z2YQF.gYCGa5{row-gap:var(--space-md);column-gap:var(--space-md)}._5Z2YQF.JN0CZr{row-gap:var(--space-lg);column-gap:var(--space-lg)}._5Z2YQF._2QvtUb{row-gap:var(--space-xl);column-gap:var(--space-xl)}._5Z2YQF._1kRriS{align-items:start}._5Z2YQF.ocLWZU{align-items:center}._5Z2YQF.TS1qri{align-items:end}._5Z2YQF.FXfvI7{align-items:stretch}._5Z2YQF.biKmzi{align-items:baseline}._5Z2YQF._4-sIS7{justify-items:start}._5Z2YQF.lbdoyi{justify-items:center}._5Z2YQF.WvAC9I{justify-items:end}._5Z2YQF.LN4Ak-{justify-items:stretch}._5Z2YQF.XC0FuJ{align-content:start}._5Z2YQF._6b9wZI{align-content:center}._5Z2YQF.KevE4M{align-content:end}._5Z2YQF.Sn-je4{align-content:stretch}._5Z2YQF.Wnx9iF{align-content:space-between}._5Z2YQF.RAoqm2{align-content:space-around}._5Z2YQF.nUjbmv{align-content:space-evenly}._5Z2YQF.TjTsA7{justify-content:start}._5Z2YQF.VdpzYk{justify-content:center}._5Z2YQF.peszxb{justify-content:end}._5Z2YQF.E98bqx{justify-content:stretch}._5Z2YQF.CdaBbu{justify-content:space-between}._5Z2YQF.leVL0N{justify-content:space-around}._5Z2YQF._6mOZVj{justify-content:space-evenly}.XHgjM3.wtrn5A{grid-area:auto}.XHgjM3.LkIh-N{align-self:start}.XHgjM3.Vhdvpo{align-self:center}.XHgjM3.cyg2du{align-self:end}.XHgjM3.Ptd1ad{align-self:stretch}.XHgjM3.Z22Yty{align-self:baseline}.XHgjM3.gycEgN{justify-self:start}.XHgjM3.s69iy2{justify-self:center}.XHgjM3.pKEJ9k{justify-self:end}.XHgjM3.qWkZVw{justify-self:stretch}.gUbUDY{grid-auto-rows:1fr}.S0HulN{grid-template-columns:auto 1fr;grid-auto-rows:auto}.K2fFKT{grid-template-columns:100%;grid-auto-rows:auto 1fr}.vGPUKV{--modal-border-radius:0;z-index:var(--z-modal);border:var(--border);border-radius:var(--modal-border-radius);background-color:var(--surface-1);box-shadow:var(--shadow-lg);grid-area:1/1;grid-auto-rows:auto 1fr;display:grid}.vGPUKV:not(:last-child){pointer-events:none;filter:grayscale(.5)opacity(.75)}.vGPUKV{width:100%;max-width:none;height:100%;max-height:none}.WhUkxm{background-color:var(--surface-2);border-top-left-radius:var(--modal-border-radius);border-top-right-radius:var(--modal-border-radius);justify-content:space-between;align-items:center;display:flex}.JDlse5{padding-inline:var(--space-md);font-size:var(--font-size-md);font-variation-settings:"wght" 600;margin:0}.FaDKSt{margin-block:var(--space-xs);margin-inline:var(--space-sm);flex:0}.NDgdMi{border-bottom-left-radius:var(--modal-border-radius);border-bottom-right-radius:var(--modal-border-radius);overflow:hidden}@media (min-width:47.9988em){.vGPUKV{height:var(--modal-height,fit-content);max-height:calc(100dvh - var(--space-lg));--modal-border-radius:var(--radius-md)}.vGPUKV.O7gb7P{max-width:min(30em,93dvw)}.vGPUKV.RVq8v3{max-width:min(50em,93dvw)}.vGPUKV.PCSUAL{max-width:min(70em,93dvw)}.vGPUKV.XDCHzq{max-width:min(80em,93dvw)}.vGPUKV.t1kl8L{width:95dvw;max-width:none;height:92dvh;max-height:none}.vGPUKV.o3PEEB{--modal-border-radius:0;width:100%;max-width:none;height:100%;max-height:none}}.qBtmnH{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,opacity;transition-duration:var(--transition-fast);align-items:center;gap:var(--space-xs);max-width:100%;padding:0 var(--space-xs);font-variation-settings:"wght" 500;vertical-align:middle;font-weight:500;transition-timing-function:ease;display:inline-flex}.p-HsHY{pointer-events:none;-webkit-user-select:none;user-select:none}.u9tQAE{font-size:var(--font-size-xs)}.FRScRz{font-size:var(--font-size-sm)}.W13uQO{font-size:var(--font-size-md)}._3IRcM9{font-size:var(--font-size-lg)}.R3ybI7{font-size:var(--font-size-xl)}.DdWAaC{min-width:0}._5cXBQF{border-radius:var(--radius-xs);width:1.25em;height:1.25em;color:inherit;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, scale var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._5cXBQF:hover{background-color:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));color:var(--error-text);scale:1.1}._5cXBQF:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}._5cXBQF svg{display:block}.lRn5ye{width:100%;position:relative}._0CSWJY{--button-size:calc(var(--control-height) - var(--border-width) * 4)}.ce5HAY{height:var(--control-height);width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-md);--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0)}._8TObqB{appearance:textfield}._8TObqB::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._8TObqB::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Gx3Wbd{padding-right:calc(var(--input-end-adornment-width,var(--control-height)) + var(--space-sm))}.cpwaYo{height:100%;top:0;right:calc(var(--border-width) * 2);max-width:calc(100% - var(--space-md));justify-content:flex-end;align-items:center;display:flex;position:absolute}.itlmix{align-items:center;gap:var(--space-xs);display:flex}.aITEGl{width:var(--button-size);height:var(--button-size);border-radius:var(--radius-sm);color:var(--content-2);transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.aITEGl:hover{color:var(--accent-text)}.aITEGl:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.aITEGl:disabled{pointer-events:none;opacity:var(--disabled-opacity)}.ekyJIt{z-index:11;bottom:calc(var(--space-xs) * -1);color:var(--error-on-fill);background:var(--error-fill);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-sm);opacity:.9;position:absolute;left:0;right:0;transform:translateY(100%)}.cgozWT{align-items:center;gap:var(--space-xs);display:flex}._1evcXl{--check-box-size:var(--text-height);--check-icon-size:calc(var(--text-height) - 6px);width:var(--check-box-control-size,var(--control-height));height:var(--check-box-control-size,var(--control-height));flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.lU3P-V{width:var(--check-box-size);height:var(--check-box-size);border-radius:var(--radius-xs)}.uVSbSw+.PhkI5X{color:var(--ui-tone-fill)}.PhkI5X{width:var(--check-box-size);height:var(--check-box-size)}.PhkI5X svg{width:var(--check-icon-size);height:var(--check-icon-size);stroke:currentColor;display:block}._81qOBF,.Fj-KxT{border-radius:var(--radius-sm);grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}._81qOBF{--anchor-gap:var(--space-xs);--anchor-padding:var(--space-xs);--anchor-offset:0;--input-width:min(100vw, var(--base-width,15em));min-width:0;z-index:var(--z-dropdown);box-shadow:var(--shadow-md)}._81qOBF .Fj-KxT{min-width:var(--input-width)}.Fj-KxT{width:100%;min-height:0;max-height:75vh;padding:var(--space-sm);background-color:var(--surface-0);border:var(--border)}.Fj-KxT:empty{visibility:hidden}.Fj-KxT[data-has-toolbar=true]{grid-template-rows:auto minmax(0,1fr)}.tCn0CX{gap:var(--space-xs);padding:var(--space-xs);display:grid}.pP2yXa{min-height:0}.bupTWA{padding:var(--space-xs) var(--space-sm);color:var(--content-2)}.GkeyGF{color:var(--error-text)}._8F667e{position:relative}._8F667e[data-has-overlay=true] input{--ui-color:transparent;--ui-color-hover:transparent;--ui-color-active:transparent;color:#0000;caret-color:#0000;-webkit-text-fill-color:transparent}.RMwzIX{--trigger-count:2;--input-end-adornment-width:calc(var(--control-height) * 2)}.wvU2oL{inset:0 calc(var(--control-height) * var(--trigger-count,1) + var(--space-sm)) 0 var(--space-sm);pointer-events:none;justify-content:flex-end;align-items:center;min-width:0;display:flex;position:absolute}.efKX6F{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:47.9988em){._81qOBF{--input-width:calc(100dvw - var(--space-xl))}}.OGMk6I{padding-block:var(--space-xs);border-radius:var(--radius-sm)}.OGMk6I:hover{background-color:var(--surface-2)}._9oSdQi{padding:0}.d9SDKQ{--check-box-control-size:auto;padding-left:var(--space-sm);flex-shrink:0;display:inline-flex}.YJUVjb{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;width:6px;height:100%;position:absolute;top:0;right:0}.YJUVjb:hover,.YJUVjb:focus-visible{background-color:var(--focus-ring)}.YJUVjb:focus-visible{outline:var(--focus);outline-offset:calc(var(--focus-offset) * -1)}.MsGee8{z-index:var(--z-dropdown);outline:none}._5yVJwD{--menu-max-height:calc(100dvh - var(--space-xl));--menu-min-width:14em;--menu-max-width:min(24em, calc(100dvw - var(--space-xl)));min-width:var(--menu-min-width);max-width:var(--menu-max-width);max-height:var(--menu-max-height)}.f9wo9l{width:var(--radial-panel-size);height:var(--radial-panel-size);z-index:var(--z-context-menu,var(--z-dropdown));pointer-events:none;outline:none;position:fixed}._9IPwGF{inset:calc(var(--radial-item-size) / 2);border:var(--border);background:radial-gradient(circle, color-mix(in srgb, var(--surface-0) 96%, transparent) 0 36%, transparent 37%), color-mix(in srgb, var(--surface-0) 88%, transparent);box-shadow:var(--shadow-md);pointer-events:none;border-radius:50%;position:absolute}.CAmmlz{width:calc(var(--radial-item-size) * .72);height:calc(var(--radial-item-size) * .72);padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.CAmmlz:focus{background-color:var(--surface-1);border-color:var(--border-1)}.CAmmlz:focus-visible{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}@media (any-hover:hover){.CAmmlz:hover{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}@media (any-hover:none){.CAmmlz:active{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}._5KEBWR{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);line-height:1.1;overflow:hidden}.L28onY{pointer-events:none;position:absolute;inset:0}.Pg-1Y3{width:var(--radial-item-size);height:var(--radial-item-size);transform:rotate(var(--radial-item-angle)) translate(var(--radial-radius)) rotate(calc(var(--radial-item-angle) * -1)) translate(-50%, -50%);pointer-events:none;position:absolute;top:50%;left:50%}.ObIrS2{width:100%;height:100%;padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;grid-template-rows:1fr auto;place-items:center;gap:.15rem;display:grid}.ObIrS2:focus{background-color:var(--surface-1);border-color:var(--border-1)}.ObIrS2:disabled,.ObIrS2[aria-disabled=true]{cursor:default;color:var(--content-2);opacity:.52;pointer-events:none}.ObIrS2:focus-visible{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:scale(1.06)}@media (any-hover:hover){.ObIrS2:hover{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:scale(1.06)}}@media (any-hover:none){.ObIrS2:active{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:scale(1.06)}}._0jf5vt{min-width:var(--space-md);min-height:var(--space-md);justify-content:center;align-items:center;display:inline-flex}._0jf5vt>svg{width:var(--space-md);height:var(--space-md)}.zKwsQF{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);overflow:hidden}._7rGb26{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-sm);color:inherit;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}._7rGb26:focus-visible{outline:var(--focus);outline-offset:var(--focus-offset)}._7rGb26:active,._7rGb26[data-sortable-handle-dragging=true]{cursor:grabbing}._7rGb26[data-sortable-handle-disabled=true]{cursor:default;opacity:.25}._7rGb26 svg{width:1.25em;height:1.25em;display:block}._0rNBMr,.gp-7Db{min-width:0}.Ck-sXP{border-collapse:separate;border-spacing:0;table-layout:fixed;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;width:100%}.-F3gli{z-index:10}.V5tPM-{box-shadow:inset var(--focus-offset) 0 0 var(--border-0)}._2VJbvj{background-color:var(--surface-0)}.AD8NkG{padding:var(--space-sm) var(--space-md);background-color:var(--surface-2);border-bottom:var(--border);color:var(--content-0);vertical-align:middle;position:relative}.qqixKn{min-width:0}.dVDRNv{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dVDRNv:active{cursor:grabbing}.klOoMz{opacity:.75}.fJvFJA{z-index:12;position:sticky}._7D8xa9{transition:background-color var(--transition-fast) ease}._3j87pS{cursor:pointer}._3j87pS:hover .uwojkJ,._3j87pS:focus-visible .uwojkJ,.lLsmW6 .uwojkJ{background-color:var(--surface-1)}.uwojkJ{padding:var(--space-sm) var(--space-md);background-color:var(--surface-0);border-bottom:var(--border);vertical-align:middle}.uYvZ5P{z-index:2;position:sticky}.QIS3xA{border-bottom-color:#0000}.a580w0{padding:var(--space-md);background-color:var(--surface-0)}.UOhaMF .a580w0{border-bottom:0}.DtKAgs{pointer-events:none;z-index:40;position:absolute;inset:0}.jPPyP7,.Oa7e5P,.KhQtgF{width:100%;min-width:0}.Oa7e5P,.KhQtgF{align-items:center;display:flex}.KhQtgF{gap:var(--space-xs)}.hKghZt{box-shadow:inset .1875rem 0 0 var(--accent-text)}.QsLRvS{height:1px}.-bko3o{gap:var(--space-md);min-inline-size:0;display:grid}.K0Pwy-{aspect-ratio:4/3;border:var(--border);border-radius:var(--radius-md);background:#000;inline-size:100%;position:relative;overflow:hidden}.mXbD4L,.o-ELdM{block-size:100%;inline-size:100%}.o-ELdM{object-fit:cover}.yEOcB8{place-content:center;justify-items:center;gap:var(--space-md);min-block-size:100%;padding:var(--space-lg);background:var(--surface-0);color:var(--content-0);text-align:center;display:grid}.yEOcB8 p{margin:0}.Nhg42b{color:var(--content-1);font-size:var(--font-size-sm);text-align:center;margin:0}.Dshr-j{padding:0}.esetVt{text-align:center;margin-bottom:var(--space-sm);color:var(--content-1);grid-template-columns:repeat(7,1fr);display:grid}.i-LJYe{font-size:var(--font-size-xs)}.XZsnCH{gap:var(--border-width);display:grid}._2KDjTS{gap:var(--border-width);grid-template-columns:repeat(7,1fr);display:grid}.o-freG{--range-radius:calc(var(--control-height) / 2);height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);background-color:var(--surface-1)}.o-freG:hover:not(.GcV08-){background-color:var(--accent-fill)}.o-freG.UCrE-I{color:var(--content-2);background-color:#0000}.o-freG.L2V3uq:hover:not(.GcV08-):not(.Te9oCq):not(.cUF2pQ){background-color:var(--surface-1)}.o-freG.L2V3uq.UCrE-I:hover:not(.GcV08-):not(.Te9oCq):not(.cUF2pQ){background-color:#0000}.o-freG.Te9oCq,.o-freG.d1L5uw{background-color:var(--accent-fill);color:var(--content-0)}.o-freG.cUF2pQ,.o-freG.LU0M9Y,.o-freG.MR3y5p{background-color:var(--accent-fill);color:var(--accent-text);font-variation-settings:"wght" 600;font-weight:600}.o-freG.VDqDpm:not(.cUF2pQ):not(.d1L5uw):not(.LU0M9Y):not(.MR3y5p){color:var(--error-fill)}.o-freG.GcV08-{color:var(--content-2);cursor:not-allowed}.o-freG.GcV08-:hover{background:0 0}.o-freG.CLR-7m{border:var(--border);color:var(--info-text);border-color:var(--info-text)}.p5pRGW{padding:0}.pUHpxD{gap:var(--border-width);grid-template-columns:repeat(3,1fr);align-content:center;display:grid}.lwWv-z{height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);text-transform:capitalize;background-color:var(--surface-1)}.lwWv-z:hover:not(._8gn-3z){background-color:var(--accent-fill)}.lwWv-z.b57d-c{background-color:var(--accent-fill);color:var(--content-0)}.lwWv-z.nGc5FO,.lwWv-z.JLqjri,.lwWv-z.UQMYwg{background-color:var(--accent-fill);color:var(--accent-text);font-variation-settings:"wght" 600;font-weight:600}.lwWv-z._8gn-3z{color:var(--content-2);cursor:not-allowed}.lwWv-z._8gn-3z:hover{background:0 0}.E35KE6{width:calc(18em + var(--width-add))}.L14Qef{padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;gap:var(--space-sm);border-bottom:var(--border);display:flex}._--xW7O{padding:0}.-N-5Jk{gap:var(--border-width);grid-template-columns:repeat(3,1fr);display:grid}.hhY92S{height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);background-color:var(--surface-1)}.hhY92S:hover:not(.IhX7jj){background-color:var(--accent-fill)}.hhY92S.NWNpWj{background-color:var(--accent-fill);color:var(--content-0)}.hhY92S.d1SfcV,.hhY92S.Gkui4r,.hhY92S._0dVZLW{background-color:var(--accent-fill);color:var(--accent-text);font-variation-settings:"wght" 600;font-weight:600}.hhY92S.IhX7jj{color:var(--content-2);cursor:not-allowed}.hhY92S.IhX7jj:hover{background:0 0}.nINbA6{flex-wrap:wrap;align-content:flex-start;height:auto;display:flex}.nINbA6.GL-UWx{flex-wrap:nowrap}.nINbA6._6PeF-i{flex-direction:row}.nINbA6._5wP4aR{flex-direction:column;align-content:stretch}.S3MnZI{align-items:center;gap:var(--space-sm);color:var(--content-2);border-radius:var(--radius-xs);padding:0 var(--space-md);margin:var(--border-width);min-height:calc(var(--control-height) - var(--border-width) * 4);cursor:pointer;flex:1 0;display:flex}.S3MnZI:hover{color:var(--content-1);background-color:var(--surface-2)}.S3MnZI.KHJ0ja{color:var(--brand-on-fill);background-color:var(--brand-fill)}.S3MnZI:disabled{opacity:var(--disabled-opacity)}.oGmcQH{align-content:center;gap:var(--space-sm);flex:1 0;display:grid}.-tM-kj{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border)}.GLhdJ6{--wheel-picker-min-height:10em;--wheel-picker-viewport-height:var(--wheel-picker-min-height);--wheel-picker-item-height:calc(var(--wheel-picker-viewport-height) / 7);--wheel-picker-edge-padding:calc((var(--wheel-picker-viewport-height) / 2) - (var(--wheel-picker-item-height) / 2));min-height:var(--wheel-picker-min-height);border:var(--border);border-radius:var(--radius-sm);background:linear-gradient(to bottom, var(--surface-0), transparent 18%, transparent 82%, var(--surface-0)), var(--surface-1);height:100%;position:relative;overflow:hidden}._2xLNL2{height:var(--wheel-picker-viewport-height);position:relative}.dgX32S{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;padding-block:var(--wheel-picker-edge-padding);outline:none;overflow-y:auto}.dgX32S::-webkit-scrollbar{display:none}.dgX32S:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.WfOtQ9{display:grid}.XIdSMi{height:var(--wheel-picker-item-height);padding:0 var(--space-sm);scroll-snap-align:center;color:var(--content-2);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, font-variation-settings var(--transition-fast) ease;background:0 0;justify-content:center;align-items:center;display:flex}.XIdSMi[data-selected]{color:var(--content-0);font-variation-settings:"wght" 600;font-weight:600}.XIdSMi:hover:not(:disabled){background:color-mix(in srgb, var(--accent-fill) 40%, transparent)}.XIdSMi:disabled{cursor:default}._--Hsbk{height:var(--wheel-picker-item-height);border-top:var(--border);border-bottom:var(--border);background:color-mix(in srgb, var(--accent-fill) 28%, transparent);pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.AvG-mf{border-radius:var(--radius-xs);font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.AvG-mf::placeholder{color:var(--content-2)}.AvG-mf::selection{background-color:var(--focus-ring);color:var(--surface-0)}.AvG-mf:disabled{opacity:.25}.ig7KtT{-webkit-user-select:none;user-select:none;color:var(--content-1);flex-shrink:0}.ig7KtT[data-disabled]{opacity:.25}.YQHPZa{gap:var(--space-md);display:grid}.-RZe-i{grid-template-columns:minmax(0,1fr)}.Ox0SRE{grid-template-columns:auto calc(9em + var(--width-add));align-items:stretch}.gfaRup,._59kEea{min-width:0}.Jjdu1Q{min-width:calc(9em + var(--width-add))}.Q8Y2xS{padding-top:var(--space-md);border-top:var(--border)}.XxZYTW{padding-left:var(--space-md);border-left:var(--border)}._5-SSnO{height:100%}.s1NHua{font-size:var(--font-size-xs);color:var(--content-1)}.KQC9-8{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));height:100%;min-height:10em;display:grid}.WDu02W{gap:var(--space-xs);grid-template-rows:auto 1fr;min-height:0;display:grid}._9mEhfD{color:var(--content-1)}.N-Fzjk{min-height:10em}.DyKaN-{column-gap:var(--space-sm)}.DyKaN-._2Cf0DN{--row-gap:0}.DyKaN-.igyZiV{--row-gap:var(--space-xs)}.DyKaN-.lFsl-5{--row-gap:var(--space-sm)}.DyKaN-.zQlD1x{--row-gap:var(--space-md)}.a6oRih .MYdzIV{font-variation-settings:"wght" 700;font-weight:700}.a6oRih .Pxw-eb{font-variation-settings:"wght" 500;font-weight:500}.a6oRih.Kz2K6S{text-align:center}.a6oRih.Kz2K6S .MYdzIV,.a6oRih.Kz2K6S .Pxw-eb{flex:1}.a6oRih.Pbwja7{display:flex}.a6oRih.Pbwja7 .MYdzIV{text-align:right;padding-right:var(--space-sm)}.a6oRih.Pbwja7 .Pxw-eb{text-align:left}.a6oRih.Pbwja7._1DseTb{align-items:flex-start}.a6oRih.Pbwja7.h3oORx{align-items:center}.a6oRih.Pbwja7.gB9Kr4{align-items:flex-end}.a6oRih.V-PlLc .MYdzIV,.a6oRih.V-PlLc .Pxw-eb{white-space:nowrap;word-break:normal}.a6oRih.V-PlLc .Pxw-eb{text-overflow:ellipsis;overflow:hidden}.a6oRih:not(:last-child){margin-bottom:var(--row-gap)}.CAE3zd{z-index:var(--z-dialog);box-sizing:border-box;width:100%;height:100vh;height:100dvh;padding-block:max(var(--space-md), env(safe-area-inset-top,0px)) max(var(--space-md), env(safe-area-inset-bottom,0px));padding-inline:max(var(--space-md), env(safe-area-inset-left,0px)) max(var(--space-md), env(safe-area-inset-right,0px));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.DFvpTa{--dialog-min-width:0px;--dialog-max-width:100%;box-sizing:border-box;min-width:min(var(--dialog-min-width), var(--dialog-max-width), 100%);max-width:min(var(--dialog-max-width), 100%);overflow-wrap:anywhere;max-height:100%}.C8ZQm6{width:100%}@media (min-width:47.9988em){.RzJwEj{--dialog-max-width:30em}.zGQoKD{--dialog-max-width:50em}.JUBMwA{--dialog-max-width:70em}._78tTkb{--dialog-max-width:80em}.ld7oQW{--dialog-max-width:95dvw}.Uwqgrr{--dialog-max-width:100%}}.P-rCx1{align-items:center;display:flex}._9yjaDf{justify-content:flex-start;align-items:center;min-width:0;display:flex}._9yjaDf:hover{color:var(--accent-text)}.izVkky{align-items:center;padding-inline-end:var(--space-sm);display:flex}.KAIPfW>.O-da-N{border-radius:0}.KAIPfW>.O-da-N:not(:first-child){border-top:none}.KAIPfW>.O-da-N:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.KAIPfW>.O-da-N:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.h9SMea{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.rUyh0y{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.Q0CY1r{gap:var(--space-xs);margin-top:var(--space-xs);flex-direction:column;display:flex}.AJuYXd{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--surface-2);border-radius:var(--radius-sm);display:flex}.CKKkOD{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.UgxhS1{width:1.25em;height:1.25em;color:var(--content-2);flex-shrink:0}.UgxhS1:hover{color:var(--accent-text)}.q2D6Pw{justify-content:center;align-items:center;gap:var(--space-sm);min-height:8em;padding:var(--space-lg);border:var(--border-width) dashed var(--border-0);border-radius:var(--radius-sm);background-color:var(--surface-0);color:var(--content-2);cursor:pointer;transition-property:border-color,background-color;transition-duration:var(--transition-fast);flex-direction:column;display:flex}.q2D6Pw.QVgB0d{border-color:var(--accent-text);background-color:var(--surface-1)}.q2D6Pw.-nyQKp{cursor:default;pointer-events:none;background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.q2D6Pw.-nyQKp .kY0O9g,.q2D6Pw.-nyQKp .F5K1bE{opacity:.25}.kY0O9g{width:2em;height:2em;color:var(--content-2)}.F5K1bE{text-align:center}.sj-rIq{justify-content:flex-end;align-items:center;gap:var(--space-sm);min-width:var(--control-height);max-width:100%;display:flex;overflow:hidden}._3anR7j{flex:auto;min-width:0;max-width:100%;overflow:hidden}.gMRIsT{width:100%;min-width:0}.f5Pv1e{align-items:center;gap:var(--space-sm);width:100%;min-width:0;display:flex}.q7eZzv{color:var(--content-0)}.maUL24{flex:0 auto}.fY8BBX{z-index:var(--z-fullscreen-portal);background:var(--overlay-glass);position:fixed;inset:0}.M9Yms2{inset:var(--space-lg);min-width:0;min-height:0;padding:var(--space-md);border:var(--border);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;overflow:hidden}.M9Yms2:focus-visible{outline:var(--focus);outline-offset:var(--focus-offset)}.yarl__slide_captions_container{left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,#00000080);position:absolute;-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width,0px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__counter{position:var(--yarl__counter_position,absolute);top:var(--yarl__counter_top,0);left:var(--yarl__counter_left,0);bottom:var(--yarl__counter_bottom,unset);right:var(--yarl__counter_right,unset);color:var(--yarl__counter_color,var(--yarl__color_button,#fffc));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));-webkit-user-select:var(--yarl__counter_user_select,none);-moz-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}[dir=rtl] .yarl__counter{left:var(--yarl__counter_rtl_left,unset);right:var(--yarl__counter_rtl_right,0)}.yarl__thumbnails{height:100%;display:flex}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));padding:var(--yarl__thumbnails_container_padding,16px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;position:relative;overflow:hidden}.yarl__thumbnails_vignette{pointer-events:none;--yarl__thumbnails_vignette_size:12%;position:absolute}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size,12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size,12%)),var(--yarl__color_backdrop,#000) 100%);width:100%;top:0;bottom:0}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{cursor:pointer;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-width:var(--yarl__thumbnails_thumbnail_border,1px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,#fffc));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);-webkit-tap-highlight-color:transparent;padding:var(--yarl__thumbnails_thumbnail_padding,4px);width:var(--yarl__thumbnails_thumbnail_width,120px);height:var(--yarl__thumbnails_thumbnail_height,80px);box-sizing:content-box;outline:none;flex:none;position:relative;overflow:hidden}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{opacity:0;animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{visibility:hidden;cursor:unset}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,#fffc));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px #000c));width:var(--yarl__thumbnails_thumbnail_icon_size,32px);height:var(--yarl__thumbnails_thumbnail_icon_size,32px);position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto;position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1);flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,#fffc);filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.t1iysX{font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.t1iysX::placeholder{color:var(--content-2)}.t1iysX::selection{background-color:var(--focus-ring);color:var(--surface-0)}.t1iysX::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.t1iysX::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.t1iysX:disabled{opacity:.25}._-4oX-p{-webkit-user-select:none;user-select:none;color:var(--content-2);flex-shrink:0}._-4oX-p[data-disabled]{opacity:.25}.Ggxyuj{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.fthcmO{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wyY60X{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.EV-Vji{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.A5-T93{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.V1Rhiv{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.SmdPit{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.giOtGs{width:min(100vw - var(--space-lg) * 2, 44em);max-height:min(75vh,34em)}._57Tr0T{max-height:inherit}.Tkhulr{padding:var(--space-xs);overflow:auto}.VQlniu{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,5em),1fr));display:grid}.wb39Kf{padding:var(--space-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease;position:relative}.wb39Kf:focus-visible{background-color:var(--surface-2);border-color:var(--border-2)}@media (any-hover:hover){.wb39Kf:hover{background-color:var(--surface-2);border-color:var(--border-2)}}@media (any-hover:none){.wb39Kf:active{background-color:var(--surface-2);border-color:var(--border-2)}}.wb39Kf:disabled{cursor:default;opacity:var(--disabled-opacity)}.wb39Kf[data-selected]{border-color:var(--border-1);background-color:var(--surface-1)}.wb39Kf[data-selected] .VrHnjN{background-color:var(--accent-fill);border:var(--border-width) solid var(--accent-border)}.vNV6Q2{justify-content:center;align-items:center;display:flex}.koxYU-,.k8xLa2{--layout-picker-preview-size:3.5em;width:var(--layout-picker-preview-size);height:calc(var(--layout-picker-preview-size) * .72);flex:none}.koxYU-{gap:calc(var(--border-width) * 2);display:grid}._5pd3Bb,.k8xLa2{--layout-picker-preview-size:1.75rem}.VrHnjN{border-radius:var(--radius-xs);background-color:var(--surface-1);border:var(--border-width) solid var(--border-1);min-width:0;min-height:0}._5pd3Bb .VrHnjN{background-color:var(--brand-fill);border:none}.STGQ3g{z-index:var(--z-notify);gap:var(--space-sm);padding:var(--space-lg);width:min(28em, 100dvw - var(--space-lg) * 2);pointer-events:none;display:grid;position:fixed;bottom:0;left:0}.RaiISE{--notify-accent:var(--border-1);--notify-accent-surface:var(--surface-1);--notify-accent-text:var(--accent-text);pointer-events:auto;width:100%;padding:var(--space-md);border-left:.3125em solid var(--notify-accent);border-radius:var(--radius-md);background:linear-gradient(37deg, var(--notify-accent-surface), var(--surface-0));color:var(--content-0);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cM81wO{--notify-accent:var(--info-border);--notify-accent-surface:color-mix(in srgb, var(--info-fill) 12%, var(--surface-0));--notify-accent-text:var(--info-text)}.nH2cuZ{--notify-accent:var(--success-border);--notify-accent-surface:color-mix(in srgb, var(--success-fill) 12%, var(--surface-0));--notify-accent-text:var(--success-text)}.A2glD7{--notify-accent:var(--warning-border);--notify-accent-surface:color-mix(in srgb, var(--warning-fill) 12%, var(--surface-0));--notify-accent-text:var(--warning-text)}.yWjijS{--notify-accent:var(--error-border);--notify-accent-surface:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));--notify-accent-text:var(--error-text)}._1HO2ne,.OyRJpj,.vrCrow{min-width:0}.OyRJpj{flex:1;min-width:0}.A0X-ma{width:var(--control-height);height:var(--control-height);background-color:var(--notify-accent-surface);color:var(--notify-accent-text);border:var(--border-width) solid color-mix(in srgb, var(--notify-accent) 22%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.A0X-ma svg{width:1.125em;height:1.125em}.AkHvPV{margin-bottom:var(--space-xs);color:var(--notify-accent-text);font-size:var(--font-size-xs);font-variation-settings:"wght" 600;letter-spacing:.04em;text-transform:uppercase;font-weight:600}._4YDLB5{color:var(--notify-accent-text);font-variation-settings:"wght" 600;font-weight:600}.CK3Bqv{margin-top:var(--space-xs);color:var(--content-0);white-space:pre-wrap;word-break:break-word}.nLmQut{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}@media (max-width:47.9988em){.STGQ3g{padding:var(--space-md);width:100dvw}}.gu8UMB{border-radius:50%}.fA7zne{gap:var(--space-sm);flex-direction:column;display:flex}.fA7zne[data-disabled] .gg-atO{color:var(--content-2);background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.fA7zne[data-disabled] .bTLJZl{opacity:var(--disabled-opacity)}.fA7zne[data-disabled] .vDAmRy{border-color:var(--overlay-backdrop);background-color:var(--surface-2);color:var(--content-2);box-shadow:none}.fA7zne[data-disabled] .PpaxP2,.fA7zne[data-disabled] ._9K78Fi{color:var(--overlay-backdrop)}.TMbaqW{gap:0}._77qn1L{padding-inline:calc((var(--control-height) - var(--space-xs)) / 2);position:relative}.cxJQqh{height:var(--control-height);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.-X13t0{top:calc(50% - (var(--control-height) - var(--space-xs)) / 2);width:0;height:0;position:absolute;left:0}.gg-atO,.bTLJZl{height:var(--space-sm);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.gg-atO{background-color:var(--surface-2);border:var(--border);left:0;right:0}.bTLJZl{background-color:var(--brand-fill)}.vDAmRy{top:calc((var(--control-height) - var(--space-xs)) / 2);width:calc(var(--control-height) - var(--space-md));height:calc(var(--control-height) - var(--space-md));border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);cursor:grab;z-index:2;transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease, background-color var(--transition-fast) ease;border-radius:50%;position:absolute;left:0;transform:translate(-50%,-50%)}.vDAmRy:active,.vDAmRy:hover{border-color:var(--border-1)}.vDAmRy:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.vDAmRy[data-dragging]{cursor:grabbing;box-shadow:var(--shadow-md);transform:translate(-50%,-50%)scale(1.04)}.iNrV0y{min-height:calc(var(--font-size-sm) + var(--space-md));margin-inline:calc((var(--control-height) - var(--space-xs)) / 2);position:relative}.PpaxP2,._9K78Fi{color:var(--content-2);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex;position:absolute}.PpaxP2:focus-visible,._9K78Fi:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.PpaxP2[data-active],._9K78Fi[data-active]{color:var(--content-0)}.PpaxP2:disabled,._9K78Fi:disabled{cursor:default}.PpaxP2{gap:var(--space-xs);white-space:nowrap;flex-direction:column;top:0;transform:translate(-50%)}._9K78Fi{top:calc(var(--control-height) - var(--space-xs));width:var(--control-height);height:var(--control-height);z-index:1;justify-content:center;left:0;transform:translate(-50%,-50%)}.vzEDBe{width:var(--space-sm);height:var(--space-sm);background-color:currentColor;border-radius:50%}._0OWJh0{font-size:var(--font-size-sm)}.Mk4xi2{min-width:min(24em, 100vw - var(--space-xl))}.SL0IDQ{gap:var(--space-xs);cursor:text}.mdezg5{width:7ch;min-width:0;font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.mdezg5::selection{background-color:var(--focus-ring);color:var(--surface-0)}.mdezg5:disabled{opacity:.25}.a4R18g{-webkit-user-select:none;user-select:none;color:var(--content-2);flex-shrink:0}.a4R18g[data-disabled]{opacity:.25}.wAovST{width:100%;height:100%;display:flex;overflow:hidden}.wAovST.QVVMwe{flex-direction:row}.wAovST.QVVMwe .H43AJ8{cursor:col-resize;margin-inline:var(--space-md)}.wAovST.pgo8sW{flex-direction:column}.wAovST.pgo8sW .H43AJ8{cursor:row-resize;margin-block:var(--space-md)}._8fCvqA{flex-grow:0;flex-shrink:0}.t6RFcI{flex-grow:1}._8fCvqA,.t6RFcI{min-width:0;min-height:0;overflow:auto}.H43AJ8{background-color:var(--border-0);overflow:hidden}.H43AJ8:after{content:"";background-image:radial-gradient(circle, var(--content-1) 1px, transparent 1px);pointer-events:none;background-repeat:repeat;background-size:4px 4px;width:12px;height:12px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.H43AJ8{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.H43AJ8:hover,.H43AJ8:focus-visible{background-color:var(--border-1)}.H43AJ8:active{background-color:var(--border-2)}.H43AJ8{flex-basis:var(--space-sm);flex-grow:0;flex-shrink:0}.dN78Fa{flex-direction:column;min-width:0;display:flex}.q7Yvg9{width:100%;min-width:0;min-height:0;overflow:hidden}.yP9UOD{background-color:var(--border-0);overflow:hidden}.yP9UOD:after{content:"";background-image:radial-gradient(circle, var(--content-1) 1px, transparent 1px);pointer-events:none;background-repeat:repeat;background-size:4px 4px;width:12px;height:12px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.yP9UOD{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.yP9UOD:hover,.yP9UOD:focus-visible{background-color:var(--border-1)}.yP9UOD:active{background-color:var(--border-2)}.yP9UOD{width:100%;height:var(--space-sm);flex:0 0 var(--space-sm);margin-block:var(--space-md);cursor:row-resize}.p4nQdZ{padding-left:var(--space-sm)}._94tg5v{align-items:center;gap:var(--space-sm);width:100%;min-width:0;min-height:1.5em;display:flex}.HyK7Zs{--state-color:transparent;border-radius:var(--radius-xs);border:var(--border-width) solid var(--border-0);background-color:var(--state-color);flex-shrink:0;width:1.25em;height:1.25em;display:inline-block}.HyK7Zs[data-empty]{background-color:var(--surface-0);background-image:repeating-linear-gradient(135deg, var(--border-0), var(--border-0) .25em, transparent .25em, transparent .5em)}.Mm4hrB{--input-width:auto;gap:var(--space-xs);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.clxxBQ{--input-width:16em}._5pJ7o-{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;outline:none}.VV6hKN{padding:var(--space-sm);justify-content:center;align-items:center;min-width:2.25em;display:flex}.cuQNP0{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);display:flex}.w7nIOT{align-items:center;gap:var(--space-xs);min-width:0;display:inline-flex}.ed-Afj{align-items:center;display:inline-flex}.Lbxloe{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.bJvCcD{--status-indicator-fill:var(--neutral-fill);--status-indicator-size:.5em;width:var(--status-indicator-size);height:var(--status-indicator-size);vertical-align:middle;background-color:var(--status-indicator-fill);border-radius:50%;flex:none;display:inline-block}.UhVDLa{--status-indicator-fill:var(--neutral-fill)}.kNg89H{--status-indicator-fill:var(--accent-border)}.bRw83O{--status-indicator-fill:var(--info-fill)}.VQh7sh{--status-indicator-fill:var(--success-fill)}.zdESHk{--status-indicator-fill:var(--warning-fill)}.-KLln9{--status-indicator-fill:var(--error-fill)}.Ak9M6g{--status-indicator-size:.375em}._43MsRd{--status-indicator-size:.5em}.FpGv5-{--status-indicator-size:.75em}.y-1aex{transform-origin:50%;animation:_56N544 var(--animation-2s) ease-in-out infinite}@keyframes _56N544{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.y-1aex{animation:none}}.Or5LYA{--size:calc(var(--control-height) - calc(var(--border-width) * 4));padding:0 var(--border-width);display:block}.qge3io{width:calc(var(--control-height) * 2);justify-content:space-between;display:flex}.qge3io[data-disabled] svg{color:var(--content-2)}.w0AMfA{border-radius:var(--radius-xs);width:var(--size);height:var(--size);opacity:.25;justify-content:center;align-items:center;display:flex}.w0AMfA svg{color:var(--content-0);display:block}.w0AMfA.P1x4lq{flex:100%;width:100%}.w0AMfA.-ZVOZo{background-color:var(--surface-2);opacity:1}._6ftNrS{gap:var(--space-md);min-width:0;color:var(--content-0);display:grid}.tji4uW{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.nVFFYk{color:var(--content-1);margin:0}.S7CdzG{border:var(--border);border-radius:var(--radius-sm);max-height:34rem;overflow:auto}.emaqLv{table-layout:fixed;border-collapse:collapse;width:max-content;min-width:100%}.emaqLv td,.emaqLv th{padding:var(--space-sm);border:var(--border);vertical-align:top;text-align:start;background:var(--surface-0);cursor:cell;min-width:6rem}.emaqLv td[aria-selected=true],.emaqLv th[aria-selected=true]{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--content-1)}.emaqLv td:focus,.emaqLv th:focus{outline:3px solid var(--content-0);outline-offset:-3px}.emaqLv tr[data-header] th{font-weight:600}.emaqLv tr[data-header] th:not([aria-selected=true]){background:var(--surface-1)}.VLG992{overflow-wrap:anywhere;pointer-events:none;-webkit-user-select:none;user-select:none;min-height:2rem}.Hr0ghz{gap:var(--space-sm);padding:var(--space-md);border:var(--border);background:var(--surface-1);display:grid}.tuhyZe{padding:var(--space-sm);border:var(--border);display:grid}.tuhyZe summary{cursor:pointer;margin-bottom:var(--space-sm)}.tuhyZe .tji4uW{margin-bottom:var(--space-sm)}.pcMjuj{--tabs-border:var(--border);--tabs-panel-padding:var(--space-md);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.pcMjuj.NLOw2z{--tabs-border:none;--tabs-panel-padding:0}.ZSAoAa{border:var(--tabs-border);background-color:var(--surface-1);min-width:0;display:flex}.psYhsZ{border:var(--tabs-border);min-width:0;min-height:0}.mNDq9-{grid-template-rows:auto minmax(0,1fr)}.mNDq9- .ZSAoAa{padding:var(--space-sm);border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.mNDq9- .psYhsZ{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-top:none}.mNDq9- ._28F3fs:before{content:"";border-bottom:var(--focus-width) solid var(--decoration-color);position:absolute;bottom:0;left:0;right:0}.g156KO{grid-template-columns:10em minmax(0,1fr);min-height:0}.g156KO .ZSAoAa{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);flex-direction:column}.g156KO .psYhsZ{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-left:none}.C2mO1e{overflow:auto}._28F3fs{--decoration-color:transparent;text-align:left;min-height:var(--control-height);padding:var(--space-xs) var(--space-md);color:var(--content-2);border-radius:var(--radius-sm);font-variation-settings:"wght" 700;flex-shrink:0;font-weight:700;position:relative}._28F3fs:hover{cursor:pointer;color:var(--accent-text);--decoration-color:var(--accent-border)}._28F3fs.UKZXTZ{color:var(--brand-text);--decoration-color:var(--brand-border)}._28F3fs:disabled{cursor:not-allowed;color:var(--content-2);background-color:var(--surface-2)}.jiTafe{min-width:0;height:100%;min-height:0;padding:0}.nhD0k7{min-width:0;height:100%;min-height:0;padding:var(--tabs-panel-padding)}.G8FICe{overflow:hidden}.W50XHh{gap:var(--space-md);min-width:0;height:100%;min-height:0;padding:var(--tabs-panel-padding);display:grid}.vnjXkU{min-width:0}.Nzvfhw{min-height:0}.AoFB3K{min-height:var(--control-height);align-items:center;gap:var(--space-xs);padding:calc(var(--space-xs) / 2) var(--space-sm);cursor:text;--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);flex-wrap:wrap;display:flex}.AoFB3K[data-readonly]{cursor:default;background-color:var(--surface-1)}.PvaUEA{align-items:center;gap:var(--space-xs);flex-wrap:wrap;flex:0 auto;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.FZ-xEM{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,opacity;transition-duration:var(--transition-fast);--ui-color:var(--content-0);--ui-background:var(--surface-2);--ui-border-color:var(--border-0);align-items:center;gap:var(--space-xs);min-width:0;max-width:100%;padding:calc(var(--space-xs) / 2) var(--space-xs);font-size:var(--font-size-sm);transition-timing-function:ease;display:inline-flex}.-RCqfG{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ggY643{border-radius:var(--radius-xs);width:1.25em;height:1.25em;color:inherit;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ggY643:hover{background-color:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));color:var(--error-text)}.ggY643:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.ggY643 svg{display:block}.hiZq-y{min-width:8ch;min-height:calc(var(--control-height) - var(--space-xs) - var(--border-width) * 2);color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:8rem;padding:0}.hiZq-y::placeholder{color:var(--content-2)}.hiZq-y:read-only{cursor:default}.TjY2iu{resize:vertical;width:100%;min-height:6em;padding:var(--space-sm);display:block}.FFyoOs{align-items:center;gap:var(--space-sm);display:flex}.zPYy7T{min-width:calc(var(--drp-ui-width-xs,var(--ui-width-xs)) - var(--width-add));flex:1 0 auto;display:flex;position:relative}.j6ek6R{appearance:none;cursor:pointer;width:100%;margin:0;padding:0}.j6ek6R:checked+.HFTPXI ._0RK4xF{transform:translate(100%)}.j6ek6R:checked+.HFTPXI .kDPnKt{color:var(--content-2)}.j6ek6R:checked+.HFTPXI .DQHqws{color:var(--brand-on-fill)}.j6ek6R:focus-visible+.HFTPXI{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.HFTPXI .kDPnKt{color:var(--brand-on-fill)}.HFTPXI .DQHqws{color:var(--content-2)}.HFTPXI{inset:calc(var(--border-width) * 2);pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-width:6.5em;padding:0;display:grid;position:absolute;overflow:hidden}.HFTPXI[data-disabled] ._0RK4xF{opacity:var(--disabled-opacity)}.nCQ9v4{padding:0 var(--space-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;transition:color var(--transition-fast) linear;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}._0RK4xF{border-radius:var(--radius-xs);background-color:var(--brand-fill);width:50%;height:100%;transition:transform var(--transition-fast) ease-in-out, opacity var(--transition-fast) ease-in-out;position:absolute;top:0;left:0}._6EH37F{gap:var(--space-sm)}.UBll8Q{gap:var(--space-sm);display:grid}.-y3RZP{grid-template-columns:repeat(var(--tree-column-count,1), minmax(0, 1fr));grid-template-rows:repeat(var(--tree-row-count,1), minmax(var(--control-height), auto));column-gap:var(--space-sm);align-content:start;width:100%;min-width:0;display:grid}.ayLJ50{grid-column-start:var(--tree-option-column);grid-row-start:var(--tree-option-row);min-width:0}._430vL2{max-height:none}._2MFkGF{--check-box-control-size:auto;flex-shrink:0;display:inline-flex}.o5NWnX{width:calc(var(--tree-level) * 1em);flex-shrink:0}.ibSd-S,.lXezvv{width:var(--text-height);height:var(--text-height);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ibSd-S{border-radius:var(--radius-sm);color:var(--content-2);background:0 0;border:none}.ibSd-S:hover{color:var(--accent-text)}.FMlLGX{transition:transform var(--transition-fast) ease}.d2Zt7U{transform:rotate(90deg)}.jOS9rT{padding-inline-start:var(--space-sm)}.zHOAf7{box-shadow:inset .1875rem 0 0 var(--accent-text)}.j48cXg{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.mf4-Kr{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.p8pb0F{border-radius:var(--radius-xs);width:1.5rem;height:1.5rem;color:var(--content-0);cursor:pointer;background:0 0;border:0;flex:0 0 1.5rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.p8pb0F:hover,.p8pb0F:focus-visible{background-color:var(--surface-2)}.KIudLf{flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.bJsPGU{height:1px}.yJlLGL{flex-direction:column;display:flex}.lWEMr2{padding:var(--space-md)}.WfVcwm{padding-left:var(--space-md)}._27DQ-H{counter-reset:item;padding-left:var(--space-md);list-style-type:none}._27DQ-H .WfVcwm{margin-left:var(--space-md)}._27DQ-H ol{counter-reset:item}._27DQ-H li{counter-increment:item;position:relative}._27DQ-H li:before{content:counters(item, ".") ". ";position:absolute;left:0;transform:translate(calc(-100% - .25em))}.acj1dM{--_image-viewer-top-row-height:calc(var(--image-viewer-icon-size,1.75rem) + var(--image-viewer-toolbar-padding,var(--space-md,.625rem)) + var(--image-viewer-toolbar-padding,var(--space-md,.625rem)) + 1rem);--yarl__portal_zindex:var(--image-viewer-z-index,var(--z-image-viewer,300));--yarl__color_backdrop:var(--image-viewer-backdrop,#000000eb);--yarl__container_background_color:var(--image-viewer-backdrop,#000000eb);--yarl__color_button:var(--image-viewer-control-color,#ffffffd1);--yarl__color_button_active:var(--image-viewer-control-active-color,var(--white,#fff));--yarl__color_button_disabled:var(--image-viewer-control-disabled-color,#ffffff61);--yarl__button_background_color:var(--image-viewer-control-background,transparent);--yarl__button_border:var(--image-viewer-control-border,0);--yarl__button_filter:var(--image-viewer-control-filter,drop-shadow(0 .125rem .25rem #000000b3));--yarl__icon_size:var(--image-viewer-icon-size,1.75rem);--yarl__toolbar_padding:var(--image-viewer-toolbar-padding,var(--space-md,.625rem));--yarl__slide_icon_loading_color:var(--image-viewer-loading-color,var(--image-viewer-control-color,#ffffffd1));--yarl__slide_icon_error_color:var(--image-viewer-error-color,var(--error-fill,#d32f2f));--yarl__slide_captions_container_background:var(--image-viewer-caption-background,#0000009e);--yarl__slide_title_color:var(--image-viewer-caption-color,var(--white,#fff));--yarl__slide_description_color:var(--image-viewer-caption-color,var(--white,#fff));--yarl__counter_color:var(--image-viewer-counter-color,var(--image-viewer-control-color,#ffffffd1));--yarl__thumbnails_container_background_color:var(--image-viewer-backdrop,#000000eb);--yarl__thumbnails_thumbnail_background:var(--image-viewer-thumbnail-background,#ffffff14);--yarl__thumbnails_thumbnail_border_color:var(--image-viewer-thumbnail-border-color,var(--image-viewer-control-color,#ffffffd1));--yarl__thumbnails_thumbnail_active_border_color:var(--image-viewer-thumbnail-active-border-color,var(--image-viewer-control-active-color,var(--white,#fff)));font-family:var(--font-family-base,sans-serif)}.acj1dM .yarl__button{border-radius:var(--image-viewer-control-radius,var(--radius-sm,.3125rem));transition:color var(--transition-fast,.2s) ease, background-color var(--transition-fast,.2s) ease}.acj1dM .yarl__button:focus-visible,.acj1dM .yarl__thumbnails_thumbnail:focus-visible{outline:var(--image-viewer-focus,var(--focus,.125rem solid currentColor));outline-offset:var(--image-viewer-focus-offset,var(--focus-offset,.125rem))}.acj1dM .yarl__thumbnails_thumbnail:focus-visible{box-shadow:none}.acj1dM .yarl__slide_image{border-radius:var(--image-viewer-image-radius,var(--radius-sm,.3125rem))}.acj1dM .yarl__slide_title_container{box-sizing:border-box;height:var(--_image-viewer-top-row-height);overflow:hidden}.jt3y3m{width:var(--image-viewer-icon-size,1.75rem);height:var(--image-viewer-icon-size,1.75rem);stroke-width:var(--image-viewer-icon-stroke-width,2)}._2SAWIU{animation:1s linear infinite _1GqI3h}@keyframes _1GqI3h{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){._2SAWIU{animation:none}}.shIOqq{justify-content:start;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.shIOqq hr{margin:.5rem 0}.YM-4Dq{gap:var(--space-sm);display:flex}._75LW3N{font-size:inherit}.PLiHsN{padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--surface-secondary);border:var(--border);position:relative}.PLiHsN.m-jmCu{border-color:var(--brand-border)}._4NWAs0{font-size:inherit}.text-align-left .public-DraftStyleDefault-ltr{text-align:left}.text-align-center .public-DraftStyleDefault-ltr{text-align:center}.text-align-right .public-DraftStyleDefault-ltr{text-align:right}.text-align-justify .public-DraftStyleDefault-ltr{text-align:justify}.DraftEditor-editorContainer{padding:var(--space-md);border:var(--border);border-radius:var(--radius-sm);background-color:var(--surface-primary)}.lexicalEditorContentEditable{padding:var(--space-md);border:var(--border);border-radius:var(--radius-sm);background-color:var(--surface-primary);min-height:6rem}.lexicalEditorContentEditable:focus{outline:none}.lexicalEditorPlaceholder{padding:var(--space-md);color:var(--text-secondary);pointer-events:none}.lexicalTextCode{color:#085972;border-radius:var(--radius-md);background-color:#28444d0d;padding:.15em .4em;font-family:monospace;font-size:85%;line-height:1}.lexicalTextHighlight{border-radius:var(--radius-md);background-color:#eaff8e;padding-inline:.15em}.lexicalTextUnderline{text-decoration:underline}.lexicalTextStrikethrough{text-decoration:line-through}.custom-tag-highlight{outline:var(--border-width) dashed var(--text-accent);border-radius:var(--radius-xs);padding:0 .125em}
|
|
1
|
+
.IyEhJp{--base-width:100%;width:var(--base-width)}.IyEhJp.f7M9vJ{--base-width:calc(var(--drp-ui-width-xs,var(--ui-width-xs)) - var(--width-add))}.IyEhJp.HwXbxj{--base-width:calc(var(--drp-ui-width-sm,var(--ui-width-sm)) - var(--width-add))}.IyEhJp.Mym7DA{--base-width:calc(var(--drp-ui-width-md,var(--ui-width-md)) - var(--width-add))}.IyEhJp.w5cM9q{--base-width:calc(var(--drp-ui-width-lg,var(--ui-width-lg)) - var(--width-add))}.IyEhJp.f2EBJz{--base-width:calc(var(--drp-ui-width-xl,var(--ui-width-xl)) - var(--width-add))}._3GzdMJ{--grid-size:var(--space-sm);--grid-line-size:var(--border-width);--grid-line-color:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));height:var(--control-height);border:var(--focus-width) solid var(--error-border);border-radius:var(--radius-sm);font-variation-settings:"wght" 700;width:100%;color:var(--error-text);background-color:var(--surface-0);background-image:repeating-linear-gradient(45deg, var(--grid-line-color) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size)), repeating-linear-gradient(-45deg, var(--grid-line-color) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size));outline:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.mCyi7T,._0uiTC1{width:100%;position:relative}._0uiTC1{--padding-right:var(--control-height)}.y9nuVw,.-lXPkQ{font-variation-settings:"wght" 400;font-weight:400;display:inline-block}.-lXPkQ{margin-block:var(--space-xs)}.kaqcwk{--paragraph-margin:0;padding-bottom:var(--space-xs);color:var(--content-1);font-variation-settings:"wght" 300;font-weight:300}.-lXPkQ,.kaqcwk{margin-inline:var(--space-xs)}.ADooeh,.UQPwkb::placeholder,.x427rk::placeholder,._4GTgCO::placeholder,.CGeRS1::placeholder{color:var(--content-2);font-variation-settings:"wght" 100;text-overflow:ellipsis;white-space:nowrap;font-weight:100;overflow:hidden}._7GxEke .y9nuVw:after,._7GxEke .-lXPkQ:after{content:" *";color:var(--error-text)}.UQPwkb,.x427rk,._4GTgCO,.CGeRS1{--ui-tone-text:var(--neutral-text);--ui-tone-fill:var(--neutral-fill);--ui-tone-on-fill:var(--neutral-on-fill);--ui-tone-border:var(--neutral-border);--ui-tone-text-hover:color-mix(in srgb, var(--neutral-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--neutral-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--neutral-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--neutral-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--neutral-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--neutral-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--neutral-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--neutral-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--neutral-fill) 20%, var(--surface-0));--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);--ui-disabled-color:color-mix(in srgb, var(--ui-tone-text) 32%, var(--content-2));--ui-disabled-background:var(--surface-0);--ui-disabled-border:color-mix(in srgb, var(--ui-tone-border) 28%, var(--border-0));color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,box-shadow,padding,opacity,transform;transition-duration:var(--transition-fast);outline:none;transition-timing-function:ease}@media (any-hover:hover){.UQPwkb:hover,.x427rk:hover,._4GTgCO:hover,.CGeRS1:hover{color:var(--ui-color-hover);background-color:var(--ui-background-hover);border-color:var(--ui-border-hover)}}.UQPwkb:active,.x427rk:active,._4GTgCO:active,.CGeRS1:active{color:var(--ui-color-active);border-color:var(--ui-border-active);background-color:var(--ui-background-active)}.UQPwkb:focus-visible,.x427rk:focus-visible,._4GTgCO:focus-visible,.CGeRS1:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.UQPwkb:disabled,.x427rk:disabled,._4GTgCO:disabled,.CGeRS1:disabled,.UQPwkb[data-disabled],[data-disabled].x427rk,[data-disabled]._4GTgCO,[data-disabled].CGeRS1{color:var(--ui-disabled-color,var(--content-2));background-color:var(--ui-disabled-background,var(--surface-2));border-color:var(--ui-disabled-border,var(--overlay-backdrop))}.UQPwkb:disabled,.x427rk:disabled,._4GTgCO:disabled,.CGeRS1:disabled{cursor:not-allowed}.UQPwkb[data-disabled],[data-disabled].x427rk,[data-disabled]._4GTgCO,[data-disabled].CGeRS1{cursor:default;pointer-events:none}.UQPwkb,.x427rk,._4GTgCO,.CGeRS1{--ui-radius:var(--radius-sm)}.UQPwkb.kkpwQI,.kkpwQI.x427rk,.kkpwQI._4GTgCO,.kkpwQI.CGeRS1,.UQPwkb:invalid,.x427rk:invalid,._4GTgCO:invalid,.CGeRS1:invalid{--ui-tone-text:var(--error-text);--ui-tone-fill:var(--error-fill);--ui-tone-on-fill:var(--error-on-fill);--ui-tone-border:var(--error-border);--ui-tone-text-hover:color-mix(in srgb, var(--error-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--error-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--error-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--error-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--error-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--error-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--error-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--error-fill) 20%, var(--surface-0));--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);--ui-disabled-color:color-mix(in srgb, var(--ui-tone-text) 32%, var(--content-2));--ui-disabled-background:var(--surface-0);--ui-disabled-border:color-mix(in srgb, var(--ui-tone-border) 28%, var(--border-0))}.DPvwku{--ui-tone-text:var(--neutral-text);--ui-tone-fill:var(--neutral-fill);--ui-tone-on-fill:var(--neutral-on-fill);--ui-tone-border:var(--neutral-border);--ui-tone-text-hover:color-mix(in srgb, var(--neutral-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--neutral-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--neutral-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--neutral-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--neutral-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--neutral-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--neutral-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--neutral-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--neutral-fill) 20%, var(--surface-0))}.O9zizU{--ui-tone-text:var(--accent-text);--ui-tone-fill:var(--accent-fill);--ui-tone-on-fill:var(--accent-on-fill);--ui-tone-border:var(--accent-border);--ui-tone-text-hover:color-mix(in srgb, var(--accent-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--accent-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--accent-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--accent-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--accent-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--accent-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--accent-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--accent-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--accent-fill) 20%, var(--surface-0))}.BTLgLF{--ui-tone-text:var(--brand-text);--ui-tone-fill:var(--brand-fill);--ui-tone-on-fill:var(--brand-on-fill);--ui-tone-border:var(--brand-border);--ui-tone-text-hover:color-mix(in srgb, var(--brand-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--brand-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--brand-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--brand-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--brand-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--brand-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--brand-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--brand-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--brand-fill) 20%, var(--surface-0))}.SRqz74{--ui-tone-text:var(--error-text);--ui-tone-fill:var(--error-fill);--ui-tone-on-fill:var(--error-on-fill);--ui-tone-border:var(--error-border);--ui-tone-text-hover:color-mix(in srgb, var(--error-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--error-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--error-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--error-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--error-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--error-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--error-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--error-fill) 20%, var(--surface-0))}.e-6pS0{--ui-tone-text:var(--warning-text);--ui-tone-fill:var(--warning-fill);--ui-tone-on-fill:var(--warning-on-fill);--ui-tone-border:var(--warning-border);--ui-tone-text-hover:color-mix(in srgb, var(--warning-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--warning-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--warning-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--warning-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--warning-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--warning-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--warning-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--warning-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--warning-fill) 20%, var(--surface-0))}.tUxwSm{--ui-tone-text:var(--success-text);--ui-tone-fill:var(--success-fill);--ui-tone-on-fill:var(--success-on-fill);--ui-tone-border:var(--success-border);--ui-tone-text-hover:color-mix(in srgb, var(--success-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--success-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--success-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--success-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--success-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--success-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--success-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--success-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--success-fill) 20%, var(--surface-0))}.bbef8l{--ui-tone-text:var(--info-text);--ui-tone-fill:var(--info-fill);--ui-tone-on-fill:var(--info-on-fill);--ui-tone-border:var(--info-border);--ui-tone-text-hover:color-mix(in srgb, var(--info-text) 88%, var(--content-0));--ui-tone-text-active:color-mix(in srgb, var(--info-text) 76%, var(--content-0));--ui-tone-border-hover:color-mix(in srgb, var(--info-border) 88%, var(--border-0));--ui-tone-border-active:color-mix(in srgb, var(--info-border) 76%, var(--border-0));--ui-tone-fill-hover:color-mix(in srgb, var(--info-fill) 75%, var(--surface-0));--ui-tone-fill-active:color-mix(in srgb, var(--info-fill) 50%, var(--surface-0));--ui-tone-soft:color-mix(in srgb, var(--info-fill) 12%, var(--surface-0));--ui-tone-border-focus:var(--focus-ring);--ui-tone-ghost-hover:color-mix(in srgb, var(--info-fill) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--info-fill) 20%, var(--surface-0))}.Ktkgp1{--ui-color:var(--ui-tone-on-fill);--ui-color-hover:var(--ui-tone-on-fill);--ui-color-active:var(--ui-tone-on-fill);--ui-background:var(--ui-tone-fill);--ui-background-hover:var(--ui-tone-fill-hover);--ui-background-active:var(--ui-tone-fill-active);--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent;--ui-disabled-color:var(--content-1);--ui-disabled-background:color-mix(in srgb, var(--ui-tone-fill) 14%, var(--surface-2));--ui-disabled-border:transparent}.bwQ2eF{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);--ui-disabled-color:color-mix(in srgb, var(--ui-tone-text) 32%, var(--content-2));--ui-disabled-background:var(--surface-0);--ui-disabled-border:color-mix(in srgb, var(--ui-tone-border) 28%, var(--border-0))}._26y4wg{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:transparent;--ui-background-hover:var(--ui-tone-ghost-hover);--ui-background-active:var(--ui-tone-ghost-active);--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent;--ui-disabled-color:color-mix(in srgb, var(--ui-tone-text) 32%, var(--content-2));--ui-disabled-background:transparent;--ui-disabled-border:transparent}.xiEckw{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:transparent;--ui-background-hover:transparent;--ui-background-active:transparent;--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent;--ui-disabled-color:color-mix(in srgb, var(--ui-tone-text) 32%, var(--content-2));--ui-disabled-background:transparent;--ui-disabled-border:transparent}.x427rk,._4GTgCO,.CGeRS1{height:var(--control-height)}.CGeRS1{color:var(--content-0);padding:0 var(--padding-right) 0 var(--space-sm);text-align:left;width:100%}.ARjNgd{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,box-shadow,padding,opacity,transform;transition-duration:var(--transition-fast);outline:none;transition-timing-function:ease}@media (any-hover:hover){.ARjNgd:hover{color:var(--ui-color-hover);background-color:var(--ui-background-hover);border-color:var(--ui-border-hover)}}.ARjNgd:active{color:var(--ui-color-active);border-color:var(--ui-border-active);background-color:var(--ui-background-active)}.ARjNgd:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.ARjNgd:disabled,.ARjNgd[data-disabled]{color:var(--ui-disabled-color,var(--content-2));background-color:var(--ui-disabled-background,var(--surface-2));border-color:var(--ui-disabled-border,var(--overlay-backdrop))}.ARjNgd:disabled{cursor:not-allowed}.ARjNgd[data-disabled]{cursor:default;pointer-events:none}.ARjNgd{--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);--ui-background:var(--surface-0);--ui-background-hover:var(--ui-tone-soft);--ui-background-active:var(--ui-tone-soft);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);appearance:none;cursor:pointer;margin:0}.ARjNgd:checked{border-color:var(--ui-tone-border-active)}.ARjNgd:checked+.hwzILy{color:var(--ui-tone-fill)}.ARjNgd:disabled{cursor:default;border-color:var(--border-0)}.ARjNgd:disabled:checked+.hwzILy{color:var(--border-0)}.hwzILy{pointer-events:none;color:#0000;transition:color var(--transition-fast) ease, opacity var(--transition-fast) ease;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.PXh4Kd.t4Na-6,.PXh4Kd:disabled,.Vq8q-K.t4Na-6,.Vq8q-K:disabled{-webkit-user-select:none;user-select:none}.PXh4Kd.t4Na-6 .-lXPkQ,.PXh4Kd.t4Na-6 .kaqcwk,.PXh4Kd:disabled .-lXPkQ,.PXh4Kd:disabled .kaqcwk,.Vq8q-K.t4Na-6 .-lXPkQ,.Vq8q-K.t4Na-6 .kaqcwk,.Vq8q-K:disabled .-lXPkQ,.Vq8q-K:disabled .kaqcwk{color:var(--content-2)}.PXh4Kd.t4Na-6 .ADooeh,.PXh4Kd.t4Na-6 .UQPwkb::placeholder,.PXh4Kd.t4Na-6 .x427rk::placeholder,.PXh4Kd.t4Na-6 ._4GTgCO::placeholder,.PXh4Kd.t4Na-6 .CGeRS1::placeholder,.PXh4Kd.t4Na-6 .GPetum,.PXh4Kd.t4Na-6 .d-9srB,.PXh4Kd:disabled .ADooeh,.PXh4Kd:disabled .UQPwkb::placeholder,.PXh4Kd:disabled .x427rk::placeholder,.PXh4Kd:disabled ._4GTgCO::placeholder,.PXh4Kd:disabled .CGeRS1::placeholder,.PXh4Kd:disabled .GPetum,.PXh4Kd:disabled .d-9srB,.Vq8q-K.t4Na-6 .ADooeh,.Vq8q-K.t4Na-6 .UQPwkb::placeholder,.Vq8q-K.t4Na-6 .x427rk::placeholder,.Vq8q-K.t4Na-6 ._4GTgCO::placeholder,.Vq8q-K.t4Na-6 .CGeRS1::placeholder,.Vq8q-K.t4Na-6 .GPetum,.Vq8q-K.t4Na-6 .d-9srB,.Vq8q-K:disabled .ADooeh,.Vq8q-K:disabled .UQPwkb::placeholder,.Vq8q-K:disabled .x427rk::placeholder,.Vq8q-K:disabled ._4GTgCO::placeholder,.Vq8q-K:disabled .CGeRS1::placeholder,.Vq8q-K:disabled .GPetum,.Vq8q-K:disabled .d-9srB{opacity:.25}.PXh4Kd.t4Na-6,.Vq8q-K.t4Na-6{cursor:default;pointer-events:none}.PXh4Kd:disabled,.Vq8q-K:disabled{cursor:not-allowed}.X9lGKQ{--ui-panel-background:var(--surface-0)}.hanQAA{--ui-panel-background:var(--surface-1)}.EltZRn{--ui-panel-background:var(--surface-2)}.a7hN1A,.GAMoiV{background-color:var(--ui-panel-background,var(--surface-0))}.snye2X,.GAMoiV{border:var(--border);border-radius:var(--radius-sm);padding:var(--space-sm)}._6GrpYn{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);background-color:var(--surface-1);border-color:var(--border-1);cursor:pointer}.xS7JcQ,._748hD6,.OfS43Y,.Vq8q-K{justify-content:flex-start;align-items:center;gap:var(--space-sm);text-align:left;width:100%;height:100%;display:flex}.Vq8q-K{height:auto;min-height:var(--control-height);border-radius:var(--radius-sm);color:var(--content-0);transition:background-color var(--transition-fast) ease, color var(--transition-fast) ease;background-color:#0000;border:none}.Vq8q-K ._9ExUHY,.Vq8q-K .pO4Y0g{font-size:var(--font-size-sm);width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.Vq8q-K ._9ExUHY,.Vq8q-K .gbYdNR{color:var(--content-2)}.Vq8q-K.wEotEO{color:var(--accent-on-fill);background-color:var(--accent-fill);cursor:default}.Vq8q-K:focus-visible{color:var(--accent-text-hover);background-color:var(--accent-fill-hover);cursor:pointer}@media (any-hover:hover){.Vq8q-K:hover{color:var(--accent-text-hover);background-color:var(--accent-fill-hover);cursor:pointer}}.Vq8q-K.zb4xdz,.Vq8q-K:active{color:var(--accent-text-active);background-color:var(--accent-fill-active)}.Vq8q-K.t4Na-6{color:var(--content-2)}.Vq8q-K:focus-within{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}._748hD6,.OfS43Y{min-width:0;height:100%;padding:var(--space-xs) var(--space-sm);border-radius:inherit;color:inherit;cursor:inherit;background:0 0;border:none;outline:none;flex:1 1 0;text-decoration:none}.-vLdWn{border-top:var(--border);margin-block:var(--space-xs)}.Z3WweK{padding:var(--space-xs) var(--space-sm);color:var(--content-2);text-transform:uppercase;font-weight:300;font-size:var(--font-size-sm)}._9ExUHY{align-items:center;display:flex}.GPetum{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.d-9srB{font-family:var(--font-family-mono);color:var(--content-1);font-variation-settings:"wght" 300;font-weight:300}.JI6Ty-{font-variation-settings:"wght" 600;font-weight:600}.bx4Ra6{width:100%;height:100%;transition-property:width;transition-duration:var(--transition-fast);justify-content:flex-end;align-items:center;transition-timing-function:cubic-bezier(1,0,.5,.5);display:flex}.bx4Ra6>button{cursor:pointer;height:var(--control-height);width:var(--control-height);border-radius:var(--radius-sm);flex:0 0 var(--control-height);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.MDZNQY{color:var(--content-0)}.MDZNQY:hover{color:var(--accent-text)}.MVOYew{transition:transform var(--transition-fast) ease-in-out}.MVOYew._5r-eob{transform:rotate(180deg)}._4GTgCO{width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:text;align-items:center;display:flex}._6evDak{color:var(--error-text)}._6evDak:disabled{opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;overflow:hidden}.rwtbSX{border-left:var(--border);height:calc(100% - var(--space-sm))}.JK2Y7t{padding:var(--space-sm);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-sm);color:var(--content-0);filter:drop-shadow(var(--shadow-md));z-index:var(--z-popover)}.JK2Y7t._5QtpCJ{background-color:var(--surface-0)}.JK2Y7t.hZuysP{background-color:var(--surface-1)}.sZ0x6w,._538Ejd{padding:var(--space-sm);background-color:var(--surface-1);border:var(--border-width) solid var(--border-2);border-radius:var(--radius-sm);color:var(--content-0);filter:drop-shadow(var(--shadow-sm))}.sZ0x6w.fqciCO,.fqciCO._538Ejd{--border-1:var(--content-0);background-color:var(--content-0);border-color:var(--border-1);color:var(--surface-1)}.sZ0x6w.sHkUiQ,.sHkUiQ._538Ejd{--border-1:var(--info-text);background-color:var(--info-text);border-color:var(--info-text);color:var(--info-on-fill)}.sZ0x6w.bpGNoX,.bpGNoX._538Ejd{--border-1:var(--error-text);background-color:var(--error-text);border-color:var(--error-text);color:var(--error-on-fill)}.sZ0x6w.tYnRg-,.tYnRg-._538Ejd{--border-1:var(--warning-text);background-color:var(--warning-text);border-color:var(--warning-text);color:var(--warning-on-fill)}.sZ0x6w._8lflEh,._8lflEh._538Ejd{--border-1:var(--success-text);background-color:var(--success-text);border-color:var(--success-text);color:var(--success-on-fill)}._538Ejd{z-index:var(--z-tooltip);pointer-events:none;text-align:initial;font-size:var(--font-size-sm);font-variation-settings:"wght" 500;font-style:normal;font-weight:500;line-height:var(--line-height)}.wLOHwj{isolation:isolate;padding:0 var(--space-md);-webkit-user-select:none;user-select:none;position:relative}.wLOHwj.lFsM-Y{aspect-ratio:1;padding:0}.wLOHwj:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--transition-fast) ease;background-color:currentColor;position:absolute;inset:0}.wLOHwj:not(:disabled):active:after{opacity:.12;transition-duration:70ms;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){.wLOHwj:after{transition-duration:.01ms}}.LPob63{z-index:1;justify-content:center;align-items:center;gap:var(--space-sm);width:100%;height:100%;display:flex;position:relative}.tsaGtv{width:1.25em;height:1.25em}.tsaGtv svg{width:100%;height:100%}.ZNPIAt{display:flex}.ZNPIAt.FOfB6f{vertical-align:middle;display:inline-flex}.ZNPIAt.S3zmDT{flex-direction:row}.ZNPIAt.ZFdq8E{flex-direction:column}.ZNPIAt.VAzJwr{flex-direction:row-reverse}.ZNPIAt.-U1mun{flex-direction:column-reverse}.ZNPIAt._4ZMtr-{flex-wrap:wrap}.ZNPIAt.SKOoTV{flex-wrap:nowrap}.ZNPIAt.sSe6vs{flex-wrap:wrap-reverse}.ZNPIAt._3K-dKm{align-items:start}.ZNPIAt.-Pfy-z{align-items:center}.ZNPIAt.beSYgR{align-items:end}.ZNPIAt.Ewhv1G{align-items:stretch}.ZNPIAt.JXvBB6{align-items:baseline}.ZNPIAt.hN3T0k{justify-content:start}.ZNPIAt.KKCJ5o{justify-content:center}.ZNPIAt.MnX1Le{justify-content:end}.ZNPIAt.Hom9eH{justify-content:stretch}.ZNPIAt.Oujm4J{justify-content:space-between}.ZNPIAt._2ttx6l{justify-content:space-around}.ZNPIAt.QEwI8b{justify-content:space-evenly}.ZNPIAt._7GQOS7{align-content:start}.ZNPIAt._2IOpAA{align-content:center}.ZNPIAt.fZOYKH{align-content:end}.ZNPIAt._01H9Wl{align-content:stretch}.ZNPIAt.GiMq3P{align-content:space-between}.ZNPIAt.tfwckC{align-content:space-around}.ZNPIAt._9tNYb7{align-content:space-evenly}.ZNPIAt.PoehYn{gap:unset}.ZNPIAt.D9yh46{row-gap:var(--space-xs)}.ZNPIAt.B5WUhS{row-gap:var(--space-sm)}.ZNPIAt.KfUmo4{row-gap:var(--space-md)}.ZNPIAt.m-8JGj{row-gap:var(--space-lg)}.ZNPIAt.zFcs1z{row-gap:var(--space-xl)}.ZNPIAt._0wKkFA{column-gap:var(--space-xs)}.ZNPIAt.VQY6wh{column-gap:var(--space-sm)}.ZNPIAt.csJmh7{column-gap:var(--space-md)}.ZNPIAt._-8r3Oj{column-gap:var(--space-lg)}.ZNPIAt.sCELJe{column-gap:var(--space-xl)}.ZNPIAt.NrH1WE{row-gap:var(--space-xs);column-gap:var(--space-xs)}.ZNPIAt.IIgbrj{row-gap:var(--space-sm);column-gap:var(--space-sm)}.ZNPIAt.alT7CJ{row-gap:var(--space-md);column-gap:var(--space-md)}.ZNPIAt.TBFK23{row-gap:var(--space-lg);column-gap:var(--space-lg)}.ZNPIAt.JR1URZ{row-gap:var(--space-xl);column-gap:var(--space-xl)}.i1imd3.IVZ-ii{flex-grow:1}.i1imd3.zhghPS{flex-grow:0}.i1imd3.-A4gJM{flex-shrink:1}.i1imd3._3Q-lT-{flex-shrink:0}.i1imd3.YSg8P9{flex-basis:0}.i1imd3.RMXnTk{flex-basis:auto}.i1imd3.YyYE7z{flex:none}.i1imd3.LD3bM5{flex:auto}.i1imd3.HpcoTp{align-self:start}.i1imd3.E7ItD3{align-self:center}.i1imd3.v0JFEC{align-self:end}.i1imd3.pmMEmH{align-self:stretch}.i1imd3.qevFHG{align-self:baseline}.i1imd3.OTPY33{justify-self:center}.i1imd3.AjRxTP{justify-self:end}.i1imd3._1YaZWf{justify-self:stretch}.H-DHBq,.JzIGGJ{justify-content:center;align-items:center;display:flex}.aqYTBq{justify-content:space-between;align-items:center;display:flex}.JzIGGJ{flex-direction:column;height:100%}.l9LG-r svg{width:100%;height:auto;display:block}.u4bkNy{opacity:.2;animation:2s ease-in-out infinite S-r8hY}@keyframes S-r8hY{0%{opacity:.2}35%,55%{opacity:1}to{opacity:.2}}@media (prefers-reduced-motion:reduce){.u4bkNy{opacity:1;animation:none}}._0wk7Sq{width:var(--control-height);height:var(--control-height);justify-content:center;align-items:center;margin:auto;display:flex}.qgIKVo{min-height:10em}._7xUQBN{align-items:center;gap:var(--space-xs);min-width:0;display:flex;overflow:hidden}.AonLqg{outline:none;flex:auto;min-width:0;overflow:hidden}.j-5yFn{gap:var(--space-sm);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:end;display:flex;overflow:auto hidden}.j-5yFn ::-webkit-scrollbar{height:0}.pOIq63{z-index:10;width:var(--control-height);flex:0 0 var(--control-height);border-radius:var(--radius-sm);height:100%;color:var(--content-2);transition-property:opacity,color;transition-duration:var(--transition-fast);justify-content:center;align-items:center;display:flex;top:0}.pOIq63:hover{opacity:1;color:var(--content-0)}.pOIq63:disabled{opacity:.5;pointer-events:none}.UMTbLD{color:inherit;border-left-style:solid;border-left-color:var(--state-border-color,transparent);border-left-width:.0625em;padding-left:.25em;text-decoration:none;display:block}.UMTbLD.cz57Fx{border-left-width:.3125em;padding-left:0}.UMTbLD.cz57Fx.oPzAxu{border-left-color:var(--info-fill)}.UMTbLD.cz57Fx.MBu26r{border-left-color:var(--success-fill)}.UMTbLD.cz57Fx._03z-1l{border-left-color:var(--warning-fill)}.UMTbLD.cz57Fx._0RqsqJ{border-left-color:var(--error-fill)}.mXkUoM.oPzAxu{color:var(--info-text);fill:var(--info-fill);stroke:var(--info-on-fill)}.mXkUoM.MBu26r{color:var(--success-text);fill:var(--success-fill);stroke:var(--success-on-fill)}.mXkUoM._03z-1l{color:var(--warning-text);fill:var(--warning-fill);stroke:var(--warning-on-fill);stroke-width:2px}.mXkUoM._0RqsqJ{color:var(--error-text);fill:var(--error-fill);stroke:var(--error-on-fill)}._5Z2YQF{display:grid}._5Z2YQF.gAEXju{vertical-align:middle;display:inline-grid}._5Z2YQF.KdmGbk{grid-auto-flow:row}._5Z2YQF.uOpH1m{grid-auto-flow:column}._5Z2YQF.EOUgpE{grid-auto-flow:dense}._5Z2YQF.PoMD0P{gap:unset}._5Z2YQF.FBebhA{row-gap:var(--space-xs)}._5Z2YQF.rwvhfS{row-gap:var(--space-sm)}._5Z2YQF.ZIsGgj{row-gap:var(--space-md)}._5Z2YQF.lbAie9{row-gap:var(--space-lg)}._5Z2YQF.ylmmN3{row-gap:var(--space-xl)}._5Z2YQF.Fg86QU{column-gap:var(--space-xs)}._5Z2YQF._3qWtbZ{column-gap:var(--space-sm)}._5Z2YQF.gIXZ8P{column-gap:var(--space-md)}._5Z2YQF.xXxHZM{column-gap:var(--space-lg)}._5Z2YQF.zRgpft{column-gap:var(--space-xl)}._5Z2YQF.Fb1W2U{row-gap:var(--space-xs);column-gap:var(--space-xs)}._5Z2YQF._2EojT9{row-gap:var(--space-sm);column-gap:var(--space-sm)}._5Z2YQF.gYCGa5{row-gap:var(--space-md);column-gap:var(--space-md)}._5Z2YQF.JN0CZr{row-gap:var(--space-lg);column-gap:var(--space-lg)}._5Z2YQF._2QvtUb{row-gap:var(--space-xl);column-gap:var(--space-xl)}._5Z2YQF._1kRriS{align-items:start}._5Z2YQF.ocLWZU{align-items:center}._5Z2YQF.TS1qri{align-items:end}._5Z2YQF.FXfvI7{align-items:stretch}._5Z2YQF.biKmzi{align-items:baseline}._5Z2YQF._4-sIS7{justify-items:start}._5Z2YQF.lbdoyi{justify-items:center}._5Z2YQF.WvAC9I{justify-items:end}._5Z2YQF.LN4Ak-{justify-items:stretch}._5Z2YQF.XC0FuJ{align-content:start}._5Z2YQF._6b9wZI{align-content:center}._5Z2YQF.KevE4M{align-content:end}._5Z2YQF.Sn-je4{align-content:stretch}._5Z2YQF.Wnx9iF{align-content:space-between}._5Z2YQF.RAoqm2{align-content:space-around}._5Z2YQF.nUjbmv{align-content:space-evenly}._5Z2YQF.TjTsA7{justify-content:start}._5Z2YQF.VdpzYk{justify-content:center}._5Z2YQF.peszxb{justify-content:end}._5Z2YQF.E98bqx{justify-content:stretch}._5Z2YQF.CdaBbu{justify-content:space-between}._5Z2YQF.leVL0N{justify-content:space-around}._5Z2YQF._6mOZVj{justify-content:space-evenly}.XHgjM3.wtrn5A{grid-area:auto}.XHgjM3.LkIh-N{align-self:start}.XHgjM3.Vhdvpo{align-self:center}.XHgjM3.cyg2du{align-self:end}.XHgjM3.Ptd1ad{align-self:stretch}.XHgjM3.Z22Yty{align-self:baseline}.XHgjM3.gycEgN{justify-self:start}.XHgjM3.s69iy2{justify-self:center}.XHgjM3.pKEJ9k{justify-self:end}.XHgjM3.qWkZVw{justify-self:stretch}.gUbUDY{grid-auto-rows:1fr}.S0HulN{grid-template-columns:auto 1fr;grid-auto-rows:auto}.K2fFKT{grid-template-columns:100%;grid-auto-rows:auto 1fr}.vGPUKV{--modal-border-radius:0;z-index:var(--z-modal);border:var(--border);border-radius:var(--modal-border-radius);background-color:var(--surface-1);box-shadow:var(--shadow-lg);grid-area:1/1;grid-auto-rows:auto 1fr;display:grid}.vGPUKV:not(:last-child){pointer-events:none;filter:grayscale(.5)opacity(.75)}.vGPUKV{width:100%;max-width:none;height:100%;max-height:none}.WhUkxm{background-color:var(--surface-2);border-top-left-radius:var(--modal-border-radius);border-top-right-radius:var(--modal-border-radius);justify-content:space-between;align-items:center;display:flex}.JDlse5{padding-inline:var(--space-md);font-size:var(--font-size-md);font-variation-settings:"wght" 600;margin:0}.FaDKSt{margin-block:var(--space-xs);margin-inline:var(--space-sm);flex:0}.NDgdMi{border-bottom-left-radius:var(--modal-border-radius);border-bottom-right-radius:var(--modal-border-radius);overflow:hidden}@media (min-width:47.9988em){.vGPUKV{height:var(--modal-height,fit-content);max-height:calc(100dvh - var(--space-lg));--modal-border-radius:var(--radius-md)}.vGPUKV.O7gb7P{max-width:min(30em,93dvw)}.vGPUKV.RVq8v3{max-width:min(50em,93dvw)}.vGPUKV.PCSUAL{max-width:min(70em,93dvw)}.vGPUKV.XDCHzq{max-width:min(80em,93dvw)}.vGPUKV.t1kl8L{width:95dvw;max-width:none;height:92dvh;max-height:none}.vGPUKV.o3PEEB{--modal-border-radius:0;width:100%;max-width:none;height:100%;max-height:none}}.qBtmnH{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,opacity;transition-duration:var(--transition-fast);align-items:center;gap:var(--space-xs);max-width:100%;padding:0 var(--space-xs);font-variation-settings:"wght" 500;vertical-align:middle;font-weight:500;transition-timing-function:ease;display:inline-flex}.p-HsHY{pointer-events:none;-webkit-user-select:none;user-select:none}.u9tQAE{font-size:var(--font-size-xs)}.FRScRz{font-size:var(--font-size-sm)}.W13uQO{font-size:var(--font-size-md)}._3IRcM9{font-size:var(--font-size-lg)}.R3ybI7{font-size:var(--font-size-xl)}.DdWAaC{min-width:0}._5cXBQF{border-radius:var(--radius-xs);width:1.25em;height:1.25em;color:inherit;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, scale var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._5cXBQF:hover{background-color:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));color:var(--error-text);scale:1.1}._5cXBQF:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}._5cXBQF svg{display:block}.lRn5ye{width:100%;position:relative}._0CSWJY{--button-size:calc(var(--control-height) - var(--border-width) * 4)}.ce5HAY{height:var(--control-height);width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-md);--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0)}._8TObqB{appearance:textfield}._8TObqB::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._8TObqB::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Gx3Wbd{padding-right:calc(var(--input-end-adornment-width,var(--control-height)) + var(--space-sm))}.cpwaYo{height:100%;top:0;right:calc(var(--border-width) * 2);max-width:calc(100% - var(--space-md));justify-content:flex-end;align-items:center;display:flex;position:absolute}.itlmix{align-items:center;gap:var(--space-xs);display:flex}.aITEGl{width:var(--button-size);height:var(--button-size);border-radius:var(--radius-sm);color:var(--content-2);transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.aITEGl:hover{color:var(--accent-text)}.aITEGl:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.aITEGl:disabled{pointer-events:none;opacity:var(--disabled-opacity)}.ekyJIt{z-index:11;bottom:calc(var(--space-xs) * -1);color:var(--error-on-fill);background:var(--error-fill);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-sm);opacity:.9;position:absolute;left:0;right:0;transform:translateY(100%)}.cgozWT{align-items:center;gap:var(--space-xs);display:flex}._1evcXl{--check-box-size:var(--text-height);--check-icon-size:calc(var(--text-height) - 6px);width:var(--check-box-control-size,var(--control-height));height:var(--check-box-control-size,var(--control-height));flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.lU3P-V{width:var(--check-box-size);height:var(--check-box-size);border-radius:var(--radius-xs)}.uVSbSw+.PhkI5X{color:var(--ui-tone-fill)}.PhkI5X{width:var(--check-box-size);height:var(--check-box-size)}.PhkI5X svg{width:var(--check-icon-size);height:var(--check-icon-size);stroke:currentColor;display:block}._81qOBF,.Fj-KxT{border-radius:var(--radius-sm);grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}._81qOBF{--anchor-gap:var(--space-xs);--anchor-padding:var(--space-xs);--anchor-offset:0;--input-width:min(100vw, var(--base-width,15em));min-width:0;z-index:var(--z-dropdown);box-shadow:var(--shadow-md)}._81qOBF .Fj-KxT{min-width:var(--input-width)}.Fj-KxT{width:100%;min-height:0;max-height:75vh;padding:var(--space-sm);background-color:var(--surface-0);border:var(--border)}.Fj-KxT:empty{visibility:hidden}.Fj-KxT[data-has-toolbar=true]{grid-template-rows:auto minmax(0,1fr)}.tCn0CX{gap:var(--space-xs);padding:var(--space-xs);display:grid}.pP2yXa{min-height:0}.bupTWA{padding:var(--space-xs) var(--space-sm);color:var(--content-2)}.GkeyGF{color:var(--error-text)}._8F667e{position:relative}._8F667e[data-has-overlay=true] input{--ui-color:transparent;--ui-color-hover:transparent;--ui-color-active:transparent;color:#0000;caret-color:#0000;-webkit-text-fill-color:transparent}.RMwzIX{--trigger-count:2;--input-end-adornment-width:calc(var(--control-height) * 2)}.wvU2oL{inset:0 calc(var(--control-height) * var(--trigger-count,1) + var(--space-sm)) 0 var(--space-sm);pointer-events:none;justify-content:flex-end;align-items:center;min-width:0;display:flex;position:absolute}.efKX6F{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:47.9988em){._81qOBF{--input-width:calc(100dvw - var(--space-xl))}}.OGMk6I{padding-block:var(--space-xs);border-radius:var(--radius-sm)}.OGMk6I:hover{background-color:var(--surface-2)}._9oSdQi{padding:0}.d9SDKQ{--check-box-control-size:auto;padding-left:var(--space-sm);flex-shrink:0;display:inline-flex}.YJUVjb{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;width:6px;height:100%;position:absolute;top:0;right:0}.YJUVjb:hover,.YJUVjb:focus-visible{background-color:var(--focus-ring)}.YJUVjb:focus-visible{outline:var(--focus);outline-offset:calc(var(--focus-offset) * -1)}.MsGee8{z-index:var(--z-dropdown);outline:none}._5yVJwD{--menu-max-height:calc(100dvh - var(--space-xl));--menu-min-width:14em;--menu-max-width:min(24em, calc(100dvw - var(--space-xl)));min-width:var(--menu-min-width);max-width:var(--menu-max-width);max-height:var(--menu-max-height)}.f9wo9l{width:var(--radial-panel-size);height:var(--radial-panel-size);z-index:var(--z-context-menu,var(--z-dropdown));pointer-events:none;outline:none;position:fixed}._9IPwGF{inset:calc(var(--radial-item-size) / 2);border:var(--border);background:radial-gradient(circle, color-mix(in srgb, var(--surface-0) 96%, transparent) 0 36%, transparent 37%), color-mix(in srgb, var(--surface-0) 88%, transparent);box-shadow:var(--shadow-md);pointer-events:none;border-radius:50%;position:absolute}.CAmmlz{width:calc(var(--radial-item-size) * .72);height:calc(var(--radial-item-size) * .72);padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.CAmmlz:focus{background-color:var(--surface-1);border-color:var(--border-1)}.CAmmlz:focus-visible{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}@media (any-hover:hover){.CAmmlz:hover{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}@media (any-hover:none){.CAmmlz:active{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}._5KEBWR{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);line-height:1.1;overflow:hidden}.L28onY{pointer-events:none;position:absolute;inset:0}.Pg-1Y3{width:var(--radial-item-size);height:var(--radial-item-size);transform:rotate(var(--radial-item-angle)) translate(var(--radial-radius)) rotate(calc(var(--radial-item-angle) * -1)) translate(-50%, -50%);pointer-events:none;position:absolute;top:50%;left:50%}.ObIrS2{width:100%;height:100%;padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;grid-template-rows:1fr auto;place-items:center;gap:.15rem;display:grid}.ObIrS2:focus{background-color:var(--surface-1);border-color:var(--border-1)}.ObIrS2:disabled,.ObIrS2[aria-disabled=true]{cursor:default;color:var(--content-2);opacity:.52;pointer-events:none}.ObIrS2:focus-visible{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:scale(1.06)}@media (any-hover:hover){.ObIrS2:hover{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:scale(1.06)}}@media (any-hover:none){.ObIrS2:active{background-color:var(--accent-fill);color:var(--accent-text);cursor:pointer;transform:scale(1.06)}}._0jf5vt{min-width:var(--space-md);min-height:var(--space-md);justify-content:center;align-items:center;display:inline-flex}._0jf5vt>svg{width:var(--space-md);height:var(--space-md)}.zKwsQF{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);overflow:hidden}._7rGb26{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-sm);color:inherit;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}._7rGb26:focus-visible{outline:var(--focus);outline-offset:var(--focus-offset)}._7rGb26:active,._7rGb26[data-sortable-handle-dragging=true]{cursor:grabbing}._7rGb26[data-sortable-handle-disabled=true]{cursor:default;opacity:.25}._7rGb26 svg{width:1.25em;height:1.25em;display:block}._0rNBMr,.gp-7Db{min-width:0}.Ck-sXP{border-collapse:separate;border-spacing:0;table-layout:fixed;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;width:100%}.-F3gli{z-index:10}.V5tPM-{box-shadow:inset var(--focus-offset) 0 0 var(--border-0)}._2VJbvj{background-color:var(--surface-0)}.AD8NkG{padding:var(--space-sm) var(--space-md);background-color:var(--surface-2);border-bottom:var(--border);color:var(--content-0);vertical-align:middle;position:relative}.qqixKn{min-width:0}.dVDRNv{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dVDRNv:active{cursor:grabbing}.klOoMz{opacity:.75}.fJvFJA{z-index:12;position:sticky}._7D8xa9{transition:background-color var(--transition-fast) ease}._3j87pS{cursor:pointer}._3j87pS:hover .uwojkJ,._3j87pS:focus-visible .uwojkJ,.lLsmW6 .uwojkJ{background-color:var(--surface-1)}.uwojkJ{padding:var(--space-sm) var(--space-md);background-color:var(--surface-0);border-bottom:var(--border);vertical-align:middle}.uYvZ5P{z-index:2;position:sticky}.QIS3xA{border-bottom-color:#0000}.a580w0{padding:var(--space-md);background-color:var(--surface-0)}.UOhaMF .a580w0{border-bottom:0}.DtKAgs{pointer-events:none;z-index:40;position:absolute;inset:0}.jPPyP7,.Oa7e5P,.KhQtgF{width:100%;min-width:0}.Oa7e5P,.KhQtgF{align-items:center;display:flex}.KhQtgF{gap:var(--space-xs)}.hKghZt{box-shadow:inset .1875rem 0 0 var(--accent-text)}.QsLRvS{height:1px}.-bko3o{gap:var(--space-md);min-inline-size:0;display:grid}.K0Pwy-{aspect-ratio:4/3;border:var(--border);border-radius:var(--radius-md);background:#000;inline-size:100%;position:relative;overflow:hidden}.mXbD4L,.o-ELdM{block-size:100%;inline-size:100%}.o-ELdM{object-fit:cover}.yEOcB8{place-content:center;justify-items:center;gap:var(--space-md);min-block-size:100%;padding:var(--space-lg);background:var(--surface-0);color:var(--content-0);text-align:center;display:grid}.yEOcB8 p{margin:0}.Nhg42b{color:var(--content-1);font-size:var(--font-size-sm);text-align:center;margin:0}.Dshr-j{padding:0}.esetVt{text-align:center;margin-bottom:var(--space-sm);color:var(--content-1);grid-template-columns:repeat(7,1fr);display:grid}.i-LJYe{font-size:var(--font-size-xs)}.XZsnCH{gap:var(--border-width);display:grid}._2KDjTS{gap:var(--border-width);grid-template-columns:repeat(7,1fr);display:grid}.o-freG{--range-radius:calc(var(--control-height) / 2);height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);background-color:var(--surface-1)}.o-freG:hover:not(.GcV08-){background-color:var(--accent-fill)}.o-freG.UCrE-I{color:var(--content-2);background-color:#0000}.o-freG.L2V3uq:hover:not(.GcV08-):not(.Te9oCq):not(.cUF2pQ){background-color:var(--surface-1)}.o-freG.L2V3uq.UCrE-I:hover:not(.GcV08-):not(.Te9oCq):not(.cUF2pQ){background-color:#0000}.o-freG.Te9oCq,.o-freG.d1L5uw{background-color:var(--accent-fill);color:var(--content-0)}.o-freG.cUF2pQ,.o-freG.LU0M9Y,.o-freG.MR3y5p{background-color:var(--accent-fill);color:var(--accent-text);font-variation-settings:"wght" 600;font-weight:600}.o-freG.VDqDpm:not(.cUF2pQ):not(.d1L5uw):not(.LU0M9Y):not(.MR3y5p){color:var(--error-fill)}.o-freG.GcV08-{color:var(--content-2);cursor:not-allowed}.o-freG.GcV08-:hover{background:0 0}.o-freG.CLR-7m{border:var(--border);color:var(--info-text);border-color:var(--info-text)}.p5pRGW{padding:0}.pUHpxD{gap:var(--border-width);grid-template-columns:repeat(3,1fr);align-content:center;display:grid}.lwWv-z{height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);text-transform:capitalize;background-color:var(--surface-1)}.lwWv-z:hover:not(._8gn-3z){background-color:var(--accent-fill)}.lwWv-z.b57d-c{background-color:var(--accent-fill);color:var(--content-0)}.lwWv-z.nGc5FO,.lwWv-z.JLqjri,.lwWv-z.UQMYwg{background-color:var(--accent-fill);color:var(--accent-text);font-variation-settings:"wght" 600;font-weight:600}.lwWv-z._8gn-3z{color:var(--content-2);cursor:not-allowed}.lwWv-z._8gn-3z:hover{background:0 0}.E35KE6{width:calc(18em + var(--width-add))}.L14Qef{padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;gap:var(--space-sm);border-bottom:var(--border);display:flex}._--xW7O{padding:0}.-N-5Jk{gap:var(--border-width);grid-template-columns:repeat(3,1fr);display:grid}.hhY92S{height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);background-color:var(--surface-1)}.hhY92S:hover:not(.IhX7jj){background-color:var(--accent-fill)}.hhY92S.NWNpWj{background-color:var(--accent-fill);color:var(--content-0)}.hhY92S.d1SfcV,.hhY92S.Gkui4r,.hhY92S._0dVZLW{background-color:var(--accent-fill);color:var(--accent-text);font-variation-settings:"wght" 600;font-weight:600}.hhY92S.IhX7jj{color:var(--content-2);cursor:not-allowed}.hhY92S.IhX7jj:hover{background:0 0}.nINbA6{flex-wrap:wrap;align-content:flex-start;height:auto;display:flex}.nINbA6.GL-UWx{flex-wrap:nowrap}.nINbA6._6PeF-i{flex-direction:row}.nINbA6._5wP4aR{flex-direction:column;align-content:stretch}.S3MnZI{align-items:center;gap:var(--space-sm);color:var(--content-2);border-radius:var(--radius-xs);padding:0 var(--space-md);margin:var(--border-width);min-height:calc(var(--control-height) - var(--border-width) * 4);cursor:pointer;flex:1 0;display:flex}.S3MnZI:hover{color:var(--content-1);background-color:var(--surface-2)}.S3MnZI.KHJ0ja{color:var(--brand-on-fill);background-color:var(--brand-fill)}.S3MnZI:disabled{opacity:var(--disabled-opacity)}.oGmcQH{align-content:center;gap:var(--space-sm);flex:1 0;display:grid}.-tM-kj{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border)}.GLhdJ6{--wheel-picker-min-height:10em;--wheel-picker-viewport-height:var(--wheel-picker-min-height);--wheel-picker-item-height:calc(var(--wheel-picker-viewport-height) / 7);--wheel-picker-edge-padding:calc((var(--wheel-picker-viewport-height) / 2) - (var(--wheel-picker-item-height) / 2));min-height:var(--wheel-picker-min-height);border:var(--border);border-radius:var(--radius-sm);background:linear-gradient(to bottom, var(--surface-0), transparent 18%, transparent 82%, var(--surface-0)), var(--surface-1);height:100%;position:relative;overflow:hidden}._2xLNL2{height:var(--wheel-picker-viewport-height);position:relative}.dgX32S{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;padding-block:var(--wheel-picker-edge-padding);outline:none;overflow-y:auto}.dgX32S::-webkit-scrollbar{display:none}.dgX32S:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.WfOtQ9{display:grid}.XIdSMi{height:var(--wheel-picker-item-height);padding:0 var(--space-sm);scroll-snap-align:center;color:var(--content-2);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, font-variation-settings var(--transition-fast) ease;background:0 0;justify-content:center;align-items:center;display:flex}.XIdSMi[data-selected]{color:var(--content-0);font-variation-settings:"wght" 600;font-weight:600}.XIdSMi:hover:not(:disabled){background:color-mix(in srgb, var(--accent-fill) 40%, transparent)}.XIdSMi:disabled{cursor:default}._--Hsbk{height:var(--wheel-picker-item-height);border-top:var(--border);border-bottom:var(--border);background:color-mix(in srgb, var(--accent-fill) 28%, transparent);pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.AvG-mf{border-radius:var(--radius-xs);font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.AvG-mf::placeholder{color:var(--content-2)}.AvG-mf::selection{background-color:var(--focus-ring);color:var(--surface-0)}.AvG-mf:disabled{opacity:.25}.ig7KtT{-webkit-user-select:none;user-select:none;color:var(--content-1);flex-shrink:0}.ig7KtT[data-disabled]{opacity:.25}.YQHPZa{gap:var(--space-md);display:grid}.-RZe-i{grid-template-columns:minmax(0,1fr)}.Ox0SRE{grid-template-columns:auto calc(9em + var(--width-add));align-items:stretch}.gfaRup,._59kEea{min-width:0}.Jjdu1Q{min-width:calc(9em + var(--width-add))}.Q8Y2xS{padding-top:var(--space-md);border-top:var(--border)}.XxZYTW{padding-left:var(--space-md);border-left:var(--border)}._5-SSnO{height:100%}.s1NHua{font-size:var(--font-size-xs);color:var(--content-1)}.KQC9-8{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));height:100%;min-height:10em;display:grid}.WDu02W{gap:var(--space-xs);grid-template-rows:auto 1fr;min-height:0;display:grid}._9mEhfD{color:var(--content-1)}.N-Fzjk{min-height:10em}.DyKaN-{column-gap:var(--space-sm)}.DyKaN-._2Cf0DN{--row-gap:0}.DyKaN-.igyZiV{--row-gap:var(--space-xs)}.DyKaN-.lFsl-5{--row-gap:var(--space-sm)}.DyKaN-.zQlD1x{--row-gap:var(--space-md)}.a6oRih .MYdzIV{font-variation-settings:"wght" 700;font-weight:700}.a6oRih .Pxw-eb{font-variation-settings:"wght" 500;font-weight:500}.a6oRih.Kz2K6S{text-align:center}.a6oRih.Kz2K6S .MYdzIV,.a6oRih.Kz2K6S .Pxw-eb{flex:1}.a6oRih.Pbwja7{display:flex}.a6oRih.Pbwja7 .MYdzIV{text-align:right;padding-right:var(--space-sm)}.a6oRih.Pbwja7 .Pxw-eb{text-align:left}.a6oRih.Pbwja7._1DseTb{align-items:flex-start}.a6oRih.Pbwja7.h3oORx{align-items:center}.a6oRih.Pbwja7.gB9Kr4{align-items:flex-end}.a6oRih.V-PlLc .MYdzIV,.a6oRih.V-PlLc .Pxw-eb{white-space:nowrap;word-break:normal}.a6oRih.V-PlLc .Pxw-eb{text-overflow:ellipsis;overflow:hidden}.a6oRih:not(:last-child){margin-bottom:var(--row-gap)}.CAE3zd{z-index:var(--z-dialog);box-sizing:border-box;width:100%;height:100vh;height:100dvh;padding-block:max(var(--space-md), env(safe-area-inset-top,0px)) max(var(--space-md), env(safe-area-inset-bottom,0px));padding-inline:max(var(--space-md), env(safe-area-inset-left,0px)) max(var(--space-md), env(safe-area-inset-right,0px));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.DFvpTa{--dialog-min-width:0px;--dialog-max-width:100%;box-sizing:border-box;min-width:min(var(--dialog-min-width), var(--dialog-max-width), 100%);max-width:min(var(--dialog-max-width), 100%);overflow-wrap:anywhere;max-height:100%}.C8ZQm6{width:100%}@media (min-width:47.9988em){.RzJwEj{--dialog-max-width:30em}.zGQoKD{--dialog-max-width:50em}.JUBMwA{--dialog-max-width:70em}._78tTkb{--dialog-max-width:80em}.ld7oQW{--dialog-max-width:95dvw}.Uwqgrr{--dialog-max-width:100%}}.P-rCx1{align-items:center;display:flex}._9yjaDf{justify-content:flex-start;align-items:center;min-width:0;display:flex}._9yjaDf:hover{color:var(--accent-text)}.izVkky{align-items:center;padding-inline-end:var(--space-sm);display:flex}.KAIPfW>.O-da-N{border-radius:0}.KAIPfW>.O-da-N:not(:first-child){border-top:none}.KAIPfW>.O-da-N:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.KAIPfW>.O-da-N:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.h9SMea{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.rUyh0y{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.Q0CY1r{gap:var(--space-xs);margin-top:var(--space-xs);flex-direction:column;display:flex}.AJuYXd{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--surface-2);border-radius:var(--radius-sm);display:flex}.CKKkOD{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.UgxhS1{width:1.25em;height:1.25em;color:var(--content-2);flex-shrink:0}.UgxhS1:hover{color:var(--accent-text)}.q2D6Pw{justify-content:center;align-items:center;gap:var(--space-sm);min-height:8em;padding:var(--space-lg);border:var(--border-width) dashed var(--border-0);border-radius:var(--radius-sm);background-color:var(--surface-0);color:var(--content-2);cursor:pointer;transition-property:border-color,background-color;transition-duration:var(--transition-fast);flex-direction:column;display:flex}.q2D6Pw.QVgB0d{border-color:var(--accent-text);background-color:var(--surface-1)}.q2D6Pw.-nyQKp{cursor:default;pointer-events:none;background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.q2D6Pw.-nyQKp .kY0O9g,.q2D6Pw.-nyQKp .F5K1bE{opacity:.25}.kY0O9g{width:2em;height:2em;color:var(--content-2)}.F5K1bE{text-align:center}.sj-rIq{justify-content:flex-end;align-items:center;gap:var(--space-sm);min-width:var(--control-height);max-width:100%;display:flex;overflow:hidden}._3anR7j{flex:auto;min-width:0;max-width:100%;overflow:hidden}.gMRIsT{width:100%;min-width:0}.f5Pv1e{align-items:center;gap:var(--space-sm);width:100%;min-width:0;display:flex}.q7eZzv{color:var(--content-0)}.maUL24{flex:0 auto}.fY8BBX{z-index:var(--z-fullscreen-portal);background:var(--overlay-glass);position:fixed;inset:0}.M9Yms2{inset:var(--space-lg);min-width:0;min-height:0;padding:var(--space-md);border:var(--border);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;overflow:hidden}.M9Yms2:focus-visible{outline:var(--focus);outline-offset:var(--focus-offset)}.yarl__slide_captions_container{left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,#00000080);position:absolute;-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width,0px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__counter{position:var(--yarl__counter_position,absolute);top:var(--yarl__counter_top,0);left:var(--yarl__counter_left,0);bottom:var(--yarl__counter_bottom,unset);right:var(--yarl__counter_right,unset);color:var(--yarl__counter_color,var(--yarl__color_button,#fffc));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));-webkit-user-select:var(--yarl__counter_user_select,none);-moz-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}[dir=rtl] .yarl__counter{left:var(--yarl__counter_rtl_left,unset);right:var(--yarl__counter_rtl_right,0)}.yarl__thumbnails{height:100%;display:flex}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));padding:var(--yarl__thumbnails_container_padding,16px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;position:relative;overflow:hidden}.yarl__thumbnails_vignette{pointer-events:none;--yarl__thumbnails_vignette_size:12%;position:absolute}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size,12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size,12%)),var(--yarl__color_backdrop,#000) 100%);width:100%;top:0;bottom:0}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{cursor:pointer;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-width:var(--yarl__thumbnails_thumbnail_border,1px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,#fffc));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);-webkit-tap-highlight-color:transparent;padding:var(--yarl__thumbnails_thumbnail_padding,4px);width:var(--yarl__thumbnails_thumbnail_width,120px);height:var(--yarl__thumbnails_thumbnail_height,80px);box-sizing:content-box;outline:none;flex:none;position:relative;overflow:hidden}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{opacity:0;animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{visibility:hidden;cursor:unset}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,#fffc));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px #000c));width:var(--yarl__thumbnails_thumbnail_icon_size,32px);height:var(--yarl__thumbnails_thumbnail_icon_size,32px);position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto;position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1);flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,#fffc);filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.t1iysX{font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.t1iysX::placeholder{color:var(--content-2)}.t1iysX::selection{background-color:var(--focus-ring);color:var(--surface-0)}.t1iysX::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.t1iysX::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.t1iysX:disabled{opacity:.25}._-4oX-p{-webkit-user-select:none;user-select:none;color:var(--content-2);flex-shrink:0}._-4oX-p[data-disabled]{opacity:.25}.Ggxyuj{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.fthcmO{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wyY60X{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.EV-Vji{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.A5-T93{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.V1Rhiv{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.SmdPit{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.giOtGs{width:min(100vw - var(--space-lg) * 2, 44em);max-height:min(75vh,34em)}._57Tr0T{max-height:inherit}.Tkhulr{padding:var(--space-xs);overflow:auto}.VQlniu{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,5em),1fr));display:grid}.wb39Kf{padding:var(--space-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease;position:relative}.wb39Kf:focus-visible{background-color:var(--surface-2);border-color:var(--border-2)}@media (any-hover:hover){.wb39Kf:hover{background-color:var(--surface-2);border-color:var(--border-2)}}@media (any-hover:none){.wb39Kf:active{background-color:var(--surface-2);border-color:var(--border-2)}}.wb39Kf:disabled{cursor:default;opacity:var(--disabled-opacity)}.wb39Kf[data-selected]{border-color:var(--border-1);background-color:var(--surface-1)}.wb39Kf[data-selected] .VrHnjN{background-color:var(--accent-fill);border:var(--border-width) solid var(--accent-border)}.vNV6Q2{justify-content:center;align-items:center;display:flex}.koxYU-,.k8xLa2{--layout-picker-preview-size:3.5em;width:var(--layout-picker-preview-size);height:calc(var(--layout-picker-preview-size) * .72);flex:none}.koxYU-{gap:calc(var(--border-width) * 2);display:grid}._5pd3Bb,.k8xLa2{--layout-picker-preview-size:1.75rem}.VrHnjN{border-radius:var(--radius-xs);background-color:var(--surface-1);border:var(--border-width) solid var(--border-1);min-width:0;min-height:0}._5pd3Bb .VrHnjN{background-color:var(--brand-fill);border:none}.STGQ3g{z-index:var(--z-notify);gap:var(--space-sm);padding:var(--space-lg);width:min(28em, 100dvw - var(--space-lg) * 2);pointer-events:none;display:grid;position:fixed;bottom:0;left:0}.RaiISE{--notify-accent:var(--border-1);--notify-accent-surface:var(--surface-1);--notify-accent-text:var(--accent-text);pointer-events:auto;width:100%;padding:var(--space-md);border-left:.3125em solid var(--notify-accent);border-radius:var(--radius-md);background:linear-gradient(37deg, var(--notify-accent-surface), var(--surface-0));color:var(--content-0);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cM81wO{--notify-accent:var(--info-border);--notify-accent-surface:color-mix(in srgb, var(--info-fill) 12%, var(--surface-0));--notify-accent-text:var(--info-text)}.nH2cuZ{--notify-accent:var(--success-border);--notify-accent-surface:color-mix(in srgb, var(--success-fill) 12%, var(--surface-0));--notify-accent-text:var(--success-text)}.A2glD7{--notify-accent:var(--warning-border);--notify-accent-surface:color-mix(in srgb, var(--warning-fill) 12%, var(--surface-0));--notify-accent-text:var(--warning-text)}.yWjijS{--notify-accent:var(--error-border);--notify-accent-surface:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));--notify-accent-text:var(--error-text)}._1HO2ne,.OyRJpj,.vrCrow{min-width:0}.OyRJpj{flex:1;min-width:0}.A0X-ma{width:var(--control-height);height:var(--control-height);background-color:var(--notify-accent-surface);color:var(--notify-accent-text);border:var(--border-width) solid color-mix(in srgb, var(--notify-accent) 22%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.A0X-ma svg{width:1.125em;height:1.125em}.AkHvPV{margin-bottom:var(--space-xs);color:var(--notify-accent-text);font-size:var(--font-size-xs);font-variation-settings:"wght" 600;letter-spacing:.04em;text-transform:uppercase;font-weight:600}._4YDLB5{color:var(--notify-accent-text);font-variation-settings:"wght" 600;font-weight:600}.CK3Bqv{margin-top:var(--space-xs);color:var(--content-0);white-space:pre-wrap;word-break:break-word}.nLmQut{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}@media (max-width:47.9988em){.STGQ3g{padding:var(--space-md);width:100dvw}}.gu8UMB{border-radius:50%}.fA7zne{gap:var(--space-sm);flex-direction:column;display:flex}.fA7zne[data-disabled] .gg-atO{color:var(--content-2);background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.fA7zne[data-disabled] .bTLJZl{opacity:var(--disabled-opacity)}.fA7zne[data-disabled] .vDAmRy{border-color:var(--overlay-backdrop);background-color:var(--surface-2);color:var(--content-2);box-shadow:none}.fA7zne[data-disabled] .PpaxP2,.fA7zne[data-disabled] ._9K78Fi{color:var(--overlay-backdrop)}.TMbaqW{gap:0}._77qn1L{padding-inline:calc((var(--control-height) - var(--space-xs)) / 2);position:relative}.cxJQqh{height:var(--control-height);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.-X13t0{top:calc(50% - (var(--control-height) - var(--space-xs)) / 2);width:0;height:0;position:absolute;left:0}.gg-atO,.bTLJZl{height:var(--space-sm);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.gg-atO{background-color:var(--surface-2);border:var(--border);left:0;right:0}.bTLJZl{background-color:var(--brand-fill)}.vDAmRy{top:calc((var(--control-height) - var(--space-xs)) / 2);width:calc(var(--control-height) - var(--space-md));height:calc(var(--control-height) - var(--space-md));border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);cursor:grab;z-index:2;transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease, background-color var(--transition-fast) ease;border-radius:50%;position:absolute;left:0;transform:translate(-50%,-50%)}.vDAmRy:active,.vDAmRy:hover{border-color:var(--border-1)}.vDAmRy:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.vDAmRy[data-dragging]{cursor:grabbing;box-shadow:var(--shadow-md);transform:translate(-50%,-50%)scale(1.04)}.iNrV0y{min-height:calc(var(--font-size-sm) + var(--space-md));margin-inline:calc((var(--control-height) - var(--space-xs)) / 2);position:relative}.PpaxP2,._9K78Fi{color:var(--content-2);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex;position:absolute}.PpaxP2:focus-visible,._9K78Fi:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.PpaxP2[data-active],._9K78Fi[data-active]{color:var(--content-0)}.PpaxP2:disabled,._9K78Fi:disabled{cursor:default}.PpaxP2{gap:var(--space-xs);white-space:nowrap;flex-direction:column;top:0;transform:translate(-50%)}._9K78Fi{top:calc(var(--control-height) - var(--space-xs));width:var(--control-height);height:var(--control-height);z-index:1;justify-content:center;left:0;transform:translate(-50%,-50%)}.vzEDBe{width:var(--space-sm);height:var(--space-sm);background-color:currentColor;border-radius:50%}._0OWJh0{font-size:var(--font-size-sm)}.Mk4xi2{min-width:min(24em, 100vw - var(--space-xl))}.SL0IDQ{gap:var(--space-xs);cursor:text}.mdezg5{width:7ch;min-width:0;font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.mdezg5::selection{background-color:var(--focus-ring);color:var(--surface-0)}.mdezg5:disabled{opacity:.25}.a4R18g{-webkit-user-select:none;user-select:none;color:var(--content-2);flex-shrink:0}.a4R18g[data-disabled]{opacity:.25}.wAovST{width:100%;height:100%;display:flex;overflow:hidden}.wAovST.QVVMwe{flex-direction:row}.wAovST.QVVMwe .H43AJ8{overflow:hidden}.wAovST.QVVMwe .H43AJ8:after{content:"";background-image:radial-gradient(circle, var(--content-1) 1px, transparent 1px);pointer-events:none;background-repeat:repeat;background-size:4px 4px;width:4px;height:12px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.wAovST.QVVMwe .H43AJ8{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.wAovST.QVVMwe .H43AJ8:hover,.wAovST.QVVMwe .H43AJ8:focus-visible{background-color:var(--border-1)}.wAovST.QVVMwe .H43AJ8:active{background-color:var(--border-2)}.wAovST.QVVMwe .H43AJ8{cursor:col-resize;margin-inline:var(--space-xs)}.wAovST.pgo8sW{flex-direction:column}.wAovST.pgo8sW .H43AJ8{overflow:hidden}.wAovST.pgo8sW .H43AJ8:after{content:"";background-image:radial-gradient(circle, var(--content-1) 1px, transparent 1px);pointer-events:none;background-repeat:repeat;background-size:4px 4px;width:12px;height:4px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.wAovST.pgo8sW .H43AJ8{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.wAovST.pgo8sW .H43AJ8:hover,.wAovST.pgo8sW .H43AJ8:focus-visible{background-color:var(--border-1)}.wAovST.pgo8sW .H43AJ8:active{background-color:var(--border-2)}.wAovST.pgo8sW .H43AJ8{cursor:row-resize;margin-block:var(--space-xs)}._8fCvqA{flex-grow:0;flex-shrink:0}.t6RFcI{flex-grow:1}._8fCvqA,.t6RFcI{min-width:0;min-height:0;overflow:auto}.H43AJ8{flex-basis:var(--space-sm);flex-grow:0;flex-shrink:0}.dN78Fa{flex-direction:column;min-width:0;display:flex}.q7Yvg9{width:100%;min-width:0;min-height:0;overflow:hidden}.yP9UOD{overflow:hidden}.yP9UOD:after{content:"";background-image:radial-gradient(circle, var(--content-1) 1px, transparent 1px);pointer-events:none;background-repeat:repeat;background-size:4px 4px;width:12px;height:4px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.yP9UOD{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.yP9UOD:hover,.yP9UOD:focus-visible{background-color:var(--border-1)}.yP9UOD:active{background-color:var(--border-2)}.yP9UOD{width:100%;height:var(--space-sm);flex:0 0 var(--space-sm);margin-block:var(--space-xs);cursor:row-resize}.p4nQdZ{padding-left:var(--space-sm)}._94tg5v{align-items:center;gap:var(--space-sm);width:100%;min-width:0;min-height:1.5em;display:flex}.HyK7Zs{--state-color:transparent;border-radius:var(--radius-xs);border:var(--border-width) solid var(--border-0);background-color:var(--state-color);flex-shrink:0;width:1.25em;height:1.25em;display:inline-block}.HyK7Zs[data-empty]{background-color:var(--surface-0);background-image:repeating-linear-gradient(135deg, var(--border-0), var(--border-0) .25em, transparent .25em, transparent .5em)}.Mm4hrB{--input-width:auto;gap:var(--space-xs);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.clxxBQ{--input-width:16em}._5pJ7o-{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;outline:none}.VV6hKN{padding:var(--space-sm);justify-content:center;align-items:center;min-width:2.25em;display:flex}.cuQNP0{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);display:flex}.w7nIOT{align-items:center;gap:var(--space-xs);min-width:0;display:inline-flex}.ed-Afj{align-items:center;display:inline-flex}.Lbxloe{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.bJvCcD{--status-indicator-fill:var(--neutral-fill);--status-indicator-size:.5em;width:var(--status-indicator-size);height:var(--status-indicator-size);vertical-align:middle;background-color:var(--status-indicator-fill);border-radius:50%;flex:none;display:inline-block}.UhVDLa{--status-indicator-fill:var(--neutral-fill)}.kNg89H{--status-indicator-fill:var(--accent-border)}.bRw83O{--status-indicator-fill:var(--info-fill)}.VQh7sh{--status-indicator-fill:var(--success-fill)}.zdESHk{--status-indicator-fill:var(--warning-fill)}.-KLln9{--status-indicator-fill:var(--error-fill)}.Ak9M6g{--status-indicator-size:.375em}._43MsRd{--status-indicator-size:.5em}.FpGv5-{--status-indicator-size:.75em}.y-1aex{transform-origin:50%;animation:_56N544 var(--animation-2s) ease-in-out infinite}@keyframes _56N544{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.y-1aex{animation:none}}.Or5LYA{--size:calc(var(--control-height) - calc(var(--border-width) * 4));padding:0 var(--border-width);display:block}.qge3io{width:calc(var(--control-height) * 2);justify-content:space-between;display:flex}.qge3io[data-disabled] svg{color:var(--content-2)}.w0AMfA{border-radius:var(--radius-xs);width:var(--size);height:var(--size);opacity:.25;justify-content:center;align-items:center;display:flex}.w0AMfA svg{color:var(--content-0);display:block}.w0AMfA.P1x4lq{flex:100%;width:100%}.w0AMfA.-ZVOZo{background-color:var(--surface-2);opacity:1}._6ftNrS{gap:var(--space-md);min-width:0;color:var(--content-0);display:grid}.tji4uW{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.nVFFYk{color:var(--content-1);margin:0}.S7CdzG{border:var(--border);border-radius:var(--radius-sm);max-height:34rem;overflow:auto}.emaqLv{table-layout:fixed;border-collapse:collapse;width:max-content;min-width:100%}.emaqLv td,.emaqLv th{padding:var(--space-sm);border:var(--border);vertical-align:top;text-align:start;background:var(--surface-0);cursor:cell;min-width:6rem}.emaqLv td[aria-selected=true],.emaqLv th[aria-selected=true]{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--content-1)}.emaqLv td:focus,.emaqLv th:focus{outline:3px solid var(--content-0);outline-offset:-3px}.emaqLv tr[data-header] th{font-weight:600}.emaqLv tr[data-header] th:not([aria-selected=true]){background:var(--surface-1)}.VLG992{overflow-wrap:anywhere;pointer-events:none;-webkit-user-select:none;user-select:none;min-height:2rem}.Hr0ghz{gap:var(--space-sm);padding:var(--space-md);border:var(--border);background:var(--surface-1);display:grid}.tuhyZe{padding:var(--space-sm);border:var(--border);display:grid}.tuhyZe summary{cursor:pointer;margin-bottom:var(--space-sm)}.tuhyZe .tji4uW{margin-bottom:var(--space-sm)}.pcMjuj{--tabs-border:var(--border);--tabs-panel-padding:var(--space-md);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.pcMjuj.NLOw2z{--tabs-border:none;--tabs-panel-padding:0}.ZSAoAa{border:var(--tabs-border);background-color:var(--surface-1);min-width:0;display:flex}.psYhsZ{border:var(--tabs-border);min-width:0;min-height:0}.mNDq9-{grid-template-rows:auto minmax(0,1fr)}.mNDq9- .ZSAoAa{padding:var(--space-sm);border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.mNDq9- .psYhsZ{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-top:none}.mNDq9- ._28F3fs:before{content:"";border-bottom:var(--focus-width) solid var(--decoration-color);position:absolute;bottom:0;left:0;right:0}.g156KO{grid-template-columns:10em minmax(0,1fr);min-height:0}.g156KO .ZSAoAa{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);flex-direction:column}.g156KO .psYhsZ{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-left:none}.C2mO1e{overflow:auto}._28F3fs{--decoration-color:transparent;text-align:left;min-height:var(--control-height);padding:var(--space-xs) var(--space-md);color:var(--content-2);border-radius:var(--radius-sm);font-variation-settings:"wght" 700;flex-shrink:0;font-weight:700;position:relative}._28F3fs:hover{cursor:pointer;color:var(--accent-text);--decoration-color:var(--accent-border)}._28F3fs.UKZXTZ{color:var(--brand-text);--decoration-color:var(--brand-border)}._28F3fs:disabled{cursor:not-allowed;color:var(--content-2);background-color:var(--surface-2)}.jiTafe{min-width:0;height:100%;min-height:0;padding:0}.nhD0k7{min-width:0;height:100%;min-height:0;padding:var(--tabs-panel-padding)}.G8FICe{overflow:hidden}.W50XHh{gap:var(--space-md);min-width:0;height:100%;min-height:0;padding:var(--tabs-panel-padding);display:grid}.vnjXkU{min-width:0}.Nzvfhw{min-height:0}.AoFB3K{min-height:var(--control-height);align-items:center;gap:var(--space-xs);padding:calc(var(--space-xs) / 2) var(--space-sm);cursor:text;--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);flex-wrap:wrap;display:flex}.AoFB3K[data-readonly]{cursor:default;background-color:var(--surface-1)}.PvaUEA{align-items:center;gap:var(--space-xs);flex-wrap:wrap;flex:0 auto;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.FZ-xEM{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,opacity;transition-duration:var(--transition-fast);--ui-color:var(--content-0);--ui-background:var(--surface-2);--ui-border-color:var(--border-0);align-items:center;gap:var(--space-xs);min-width:0;max-width:100%;padding:calc(var(--space-xs) / 2) var(--space-xs);font-size:var(--font-size-sm);transition-timing-function:ease;display:inline-flex}.-RCqfG{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ggY643{border-radius:var(--radius-xs);width:1.25em;height:1.25em;color:inherit;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ggY643:hover{background-color:color-mix(in srgb, var(--error-fill) 12%, var(--surface-0));color:var(--error-text)}.ggY643:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.ggY643 svg{display:block}.hiZq-y{min-width:8ch;min-height:calc(var(--control-height) - var(--space-xs) - var(--border-width) * 2);color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:8rem;padding:0}.hiZq-y::placeholder{color:var(--content-2)}.hiZq-y:read-only{cursor:default}.TjY2iu{resize:vertical;width:100%;min-height:6em;padding:var(--space-sm);display:block}.FFyoOs{align-items:center;gap:var(--space-sm);display:flex}.zPYy7T{min-width:calc(var(--drp-ui-width-xs,var(--ui-width-xs)) - var(--width-add));flex:1 0 auto;display:flex;position:relative}.j6ek6R{appearance:none;cursor:pointer;width:100%;margin:0;padding:0}.j6ek6R:checked+.HFTPXI ._0RK4xF{transform:translate(100%)}.j6ek6R:checked+.HFTPXI .kDPnKt{color:var(--content-2)}.j6ek6R:checked+.HFTPXI .DQHqws{color:var(--brand-on-fill)}.j6ek6R:focus-visible+.HFTPXI{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.HFTPXI .kDPnKt{color:var(--brand-on-fill)}.HFTPXI .DQHqws{color:var(--content-2)}.HFTPXI{inset:calc(var(--border-width) * 2);pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-width:6.5em;padding:0;display:grid;position:absolute;overflow:hidden}.HFTPXI[data-disabled] ._0RK4xF{opacity:var(--disabled-opacity)}.nCQ9v4{padding:0 var(--space-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;transition:color var(--transition-fast) linear;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}._0RK4xF{border-radius:var(--radius-xs);background-color:var(--brand-fill);width:50%;height:100%;transition:transform var(--transition-fast) ease-in-out, opacity var(--transition-fast) ease-in-out;position:absolute;top:0;left:0}._6EH37F{gap:var(--space-sm)}.UBll8Q{gap:var(--space-sm);display:grid}.-y3RZP{grid-template-columns:repeat(var(--tree-column-count,1), minmax(0, 1fr));grid-template-rows:repeat(var(--tree-row-count,1), minmax(var(--control-height), auto));column-gap:var(--space-sm);align-content:start;width:100%;min-width:0;display:grid}.ayLJ50{grid-column-start:var(--tree-option-column);grid-row-start:var(--tree-option-row);min-width:0}._430vL2{max-height:none}._2MFkGF{--check-box-control-size:auto;flex-shrink:0;display:inline-flex}.o5NWnX{width:calc(var(--tree-level) * 1em);flex-shrink:0}.ibSd-S,.lXezvv{width:var(--text-height);height:var(--text-height);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ibSd-S{border-radius:var(--radius-sm);color:var(--content-2);background:0 0;border:none}.ibSd-S:hover{color:var(--accent-text)}.FMlLGX{transition:transform var(--transition-fast) ease}.d2Zt7U{transform:rotate(90deg)}.jOS9rT{padding-inline-start:var(--space-sm)}.zHOAf7{box-shadow:inset .1875rem 0 0 var(--accent-text)}.j48cXg{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.mf4-Kr{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.p8pb0F{border-radius:var(--radius-xs);width:1.5rem;height:1.5rem;color:var(--content-0);cursor:pointer;background:0 0;border:0;flex:0 0 1.5rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.p8pb0F:hover,.p8pb0F:focus-visible{background-color:var(--surface-2)}.KIudLf{flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.bJsPGU{height:1px}.yJlLGL{flex-direction:column;display:flex}.lWEMr2{padding:var(--space-md)}.WfVcwm{padding-left:var(--space-md)}._27DQ-H{counter-reset:item;padding-left:var(--space-md);list-style-type:none}._27DQ-H .WfVcwm{margin-left:var(--space-md)}._27DQ-H ol{counter-reset:item}._27DQ-H li{counter-increment:item;position:relative}._27DQ-H li:before{content:counters(item, ".") ". ";position:absolute;left:0;transform:translate(calc(-100% - .25em))}.acj1dM{--_image-viewer-top-row-height:calc(var(--image-viewer-icon-size,1.75rem) + var(--image-viewer-toolbar-padding,var(--space-md,.625rem)) + var(--image-viewer-toolbar-padding,var(--space-md,.625rem)) + 1rem);--yarl__portal_zindex:var(--image-viewer-z-index,var(--z-image-viewer,300));--yarl__color_backdrop:var(--image-viewer-backdrop,#000000eb);--yarl__container_background_color:var(--image-viewer-backdrop,#000000eb);--yarl__color_button:var(--image-viewer-control-color,#ffffffd1);--yarl__color_button_active:var(--image-viewer-control-active-color,var(--white,#fff));--yarl__color_button_disabled:var(--image-viewer-control-disabled-color,#ffffff61);--yarl__button_background_color:var(--image-viewer-control-background,transparent);--yarl__button_border:var(--image-viewer-control-border,0);--yarl__button_filter:var(--image-viewer-control-filter,drop-shadow(0 .125rem .25rem #000000b3));--yarl__icon_size:var(--image-viewer-icon-size,1.75rem);--yarl__toolbar_padding:var(--image-viewer-toolbar-padding,var(--space-md,.625rem));--yarl__slide_icon_loading_color:var(--image-viewer-loading-color,var(--image-viewer-control-color,#ffffffd1));--yarl__slide_icon_error_color:var(--image-viewer-error-color,var(--error-fill,#d32f2f));--yarl__slide_captions_container_background:var(--image-viewer-caption-background,#0000009e);--yarl__slide_title_color:var(--image-viewer-caption-color,var(--white,#fff));--yarl__slide_description_color:var(--image-viewer-caption-color,var(--white,#fff));--yarl__counter_color:var(--image-viewer-counter-color,var(--image-viewer-control-color,#ffffffd1));--yarl__thumbnails_container_background_color:var(--image-viewer-backdrop,#000000eb);--yarl__thumbnails_thumbnail_background:var(--image-viewer-thumbnail-background,#ffffff14);--yarl__thumbnails_thumbnail_border_color:var(--image-viewer-thumbnail-border-color,var(--image-viewer-control-color,#ffffffd1));--yarl__thumbnails_thumbnail_active_border_color:var(--image-viewer-thumbnail-active-border-color,var(--image-viewer-control-active-color,var(--white,#fff)));font-family:var(--font-family-base,sans-serif)}.acj1dM .yarl__button{border-radius:var(--image-viewer-control-radius,var(--radius-sm,.3125rem));transition:color var(--transition-fast,.2s) ease, background-color var(--transition-fast,.2s) ease}.acj1dM .yarl__button:focus-visible,.acj1dM .yarl__thumbnails_thumbnail:focus-visible{outline:var(--image-viewer-focus,var(--focus,.125rem solid currentColor));outline-offset:var(--image-viewer-focus-offset,var(--focus-offset,.125rem))}.acj1dM .yarl__thumbnails_thumbnail:focus-visible{box-shadow:none}.acj1dM .yarl__slide_image{border-radius:var(--image-viewer-image-radius,var(--radius-sm,.3125rem))}.acj1dM .yarl__slide_title_container{box-sizing:border-box;height:var(--_image-viewer-top-row-height);overflow:hidden}.jt3y3m{width:var(--image-viewer-icon-size,1.75rem);height:var(--image-viewer-icon-size,1.75rem);stroke-width:var(--image-viewer-icon-stroke-width,2)}._2SAWIU{animation:1s linear infinite _1GqI3h}@keyframes _1GqI3h{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){._2SAWIU{animation:none}}.shIOqq{justify-content:start;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.shIOqq hr{margin:.5rem 0}.YM-4Dq{gap:var(--space-sm);display:flex}._75LW3N{font-size:inherit}.PLiHsN{padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--surface-secondary);border:var(--border);position:relative}.PLiHsN.m-jmCu{border-color:var(--brand-border)}._4NWAs0{font-size:inherit}.text-align-left .public-DraftStyleDefault-ltr{text-align:left}.text-align-center .public-DraftStyleDefault-ltr{text-align:center}.text-align-right .public-DraftStyleDefault-ltr{text-align:right}.text-align-justify .public-DraftStyleDefault-ltr{text-align:justify}.DraftEditor-editorContainer{padding:var(--space-md);border:var(--border);border-radius:var(--radius-sm);background-color:var(--surface-primary)}.lexicalEditorContentEditable{padding:var(--space-md);border:var(--border);border-radius:var(--radius-sm);background-color:var(--surface-primary);min-height:6rem}.lexicalEditorContentEditable:focus{outline:none}.lexicalEditorPlaceholder{padding:var(--space-md);color:var(--text-secondary);pointer-events:none}.lexicalTextCode{color:#085972;border-radius:var(--radius-md);background-color:#28444d0d;padding:.15em .4em;font-family:monospace;font-size:85%;line-height:1}.lexicalTextHighlight{border-radius:var(--radius-md);background-color:#eaff8e;padding-inline:.15em}.lexicalTextUnderline{text-decoration:underline}.lexicalTextStrikethrough{text-decoration:line-through}.custom-tag-highlight{outline:var(--border-width) dashed var(--text-accent);border-radius:var(--radius-xs);padding:0 .125em}
|
|
2
2
|
/*$vite$:1*/
|