@slotted/react 0.1.0-beta.10 → 0.1.0-beta.11
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/action-bar-z2DPc1Wy.js +285 -0
- package/dist/action-bar.js +1 -1
- package/dist/action-sheet-BnedGewu.js +360 -0
- package/dist/action-sheet.js +1 -1
- package/dist/{alert-BTcqbG8w.js → alert-BTAXJ69M.js} +5 -5
- package/dist/alert.js +1 -1
- package/dist/{app-shell-BlkqQrOx.js → app-shell-Cb_kDBeV.js} +232 -173
- package/dist/app-shell.js +1 -1
- package/dist/{attachment-zlOPJvIm.js → attachment-D1O4qS8H.js} +28 -28
- package/dist/attachment.js +1 -1
- package/dist/{breadcrumb-DCGynpkb.js → breadcrumb-CnFjxxI2.js} +10 -10
- package/dist/breadcrumb.js +1 -1
- package/dist/{button-BCVjdzkn.js → button-D31perSu.js} +2 -2
- package/dist/button.js +2 -2
- package/dist/{calendar-qGUJ-kAy.js → calendar-DZyC1gAT.js} +8 -8
- package/dist/calendar.js +1 -1
- package/dist/{carousel-CjRTu8m7.js → carousel-Dso3gcYd.js} +14 -14
- package/dist/carousel.js +1 -1
- package/dist/cascader-BbajBwsX.js +1157 -0
- package/dist/cascader.js +1 -1
- package/dist/{chart-CPFq3jIE.js → chart-Bb6ctahn.js} +9 -9
- package/dist/chart.js +1 -1
- package/dist/{checkbox-CMY2KIih.js → checkbox-C_8GVtjD.js} +3 -3
- package/dist/{checkbox-group-DzMtLF7f.js → checkbox-group-DXCcusol.js} +2 -2
- package/dist/checkbox-group.js +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{code-block-Bh_2Eg3M.js → code-block-C4mtsROE.js} +8 -8
- package/dist/code-block.js +1 -1
- package/dist/{color-picker-DlepH5co.js → color-picker-JZPnPb7s.js} +49 -49
- package/dist/color-picker.js +1 -1
- package/dist/{column-manager-CV9tCnKa.js → column-manager-BDUj-WIs.js} +31 -31
- package/dist/column-manager.js +1 -1
- package/dist/combobox-Dn69QwGX.js +904 -0
- package/dist/combobox.js +1 -1
- package/dist/command-palette-Dh1HKz_F.js +744 -0
- package/dist/command-palette.js +1 -1
- package/dist/{context-menu-Dbc0KkFp.js → context-menu-uJjEmAN3.js} +1 -1
- package/dist/context-menu.js +1 -1
- package/dist/{currency-field--wIfgVAx.js → currency-field-lHcrNJ7X.js} +13 -13
- package/dist/currency-field.js +1 -1
- package/dist/{dashboard-grid-D_LbWfdZ.js → dashboard-grid-z-SOm9H0.js} +65 -65
- package/dist/dashboard-grid.js +1 -1
- package/dist/{data-grid-XH5fGoGj.js → data-grid-DQCvXMJA.js} +1330 -1278
- package/dist/data-grid.js +1 -1
- package/dist/data-list-BgdkA3bD.js +587 -0
- package/dist/data-list.js +1 -1
- package/dist/{date-field-BrNyJBiJ.js → date-field-B2lQzE3p.js} +5 -5
- package/dist/date-field.js +1 -1
- package/dist/{date-picker-Nl55so0C.js → date-picker-DpTRb-Y1.js} +16 -16
- package/dist/date-picker.js +1 -1
- package/dist/{date-range-picker-DLkvfUJD.js → date-range-picker-CBUPJep5.js} +17 -17
- package/dist/date-range-picker.js +1 -1
- package/dist/{datetime-field-CZRhRDPb.js → datetime-field-BZ44uJ_B.js} +7 -7
- package/dist/datetime-field.js +1 -1
- package/dist/{datetime-picker-_GHra2WL.js → datetime-picker-BK_bV3Yr.js} +21 -21
- package/dist/datetime-picker.js +1 -1
- package/dist/{datetime-range-picker-Dy1A0Wqy.js → datetime-range-picker-ChdbRgzQ.js} +21 -21
- package/dist/datetime-range-picker.js +1 -1
- package/dist/{description-list-Cc4JYZ-3.js → description-list-CYlfHDwx.js} +11 -11
- package/dist/description-list.js +1 -1
- package/dist/{detail-panel-BI_wHSoz.js → detail-panel-DimjnPI8.js} +91 -91
- package/dist/detail-panel.js +1 -1
- package/dist/{dialog-B6MP7GYI.js → dialog-BB5MdJex.js} +108 -108
- package/dist/dialog.js +1 -1
- package/dist/docs/action-bar.json +4 -4
- package/dist/docs/action-bar.md +3 -3
- package/dist/docs/calendar.md +2 -2
- package/dist/docs/command-palette.json +1 -0
- package/dist/docs/command-palette.md +1 -1
- package/dist/docs/data-grid.examples.md +8 -2
- package/dist/docs/data-grid.json +25 -3
- package/dist/docs/data-grid.md +4 -1
- package/dist/docs/data-grid.props.md +2 -1
- package/dist/docs/detail-panel.json +4 -2
- package/dist/docs/detail-panel.md +15 -5
- package/dist/docs/dialog.json +1 -0
- package/dist/docs/dialog.md +1 -1
- package/dist/docs/drawer.json +6 -4
- package/dist/docs/drawer.md +3 -3
- package/dist/docs/event-calendar.md +2 -2
- package/dist/docs/guidelines/index.md +4 -3
- package/dist/docs/guidelines/layout-alignment.md +17 -7
- package/dist/docs/guidelines/list-pages.md +3 -3
- package/dist/docs/page-header.json +18 -2
- package/dist/docs/page-header.md +5 -3
- package/dist/docs/page.json +1 -0
- package/dist/docs/page.md +1 -1
- package/dist/docs/rating.md +1 -1
- package/dist/docs/section.json +1 -1
- package/dist/docs/section.md +1 -1
- package/dist/docs/skills/compose-screen/SKILL.md +12 -4
- package/dist/docs/skills/review-screen/SKILL.md +20 -18
- package/dist/docs/skills/theme-app/SKILL.md +12 -1
- package/dist/docs/toast.json +1 -0
- package/dist/docs/toast.md +1 -1
- package/dist/docs/tokens.md +1 -1
- package/dist/docs/toolbar.json +1 -1
- package/dist/docs/toolbar.md +1 -1
- package/dist/docs/typography.md +1 -1
- package/dist/{drawer-CkpFlKYa.js → drawer-fyPyxnYQ.js} +216 -206
- package/dist/drawer.js +1 -1
- package/dist/entity-picker-ClyhBTyK.js +1283 -0
- package/dist/entity-picker.js +1 -1
- package/dist/{event-calendar-BDjI5T44.js → event-calendar-COgC24UG.js} +23 -23
- package/dist/event-calendar.js +1 -1
- package/dist/{field-group-CCM2vPKL.js → field-group-Bj-EbPIU.js} +2 -2
- package/dist/field-group.js +1 -1
- package/dist/{field-CzSGs7wo.js → field-tnEZiRLg.js} +19 -19
- package/dist/field.js +1 -1
- package/dist/filter-bar-BRuCz79-.js +1342 -0
- package/dist/filter-bar.js +1 -1
- package/dist/{form-CDq04WDY.js → form-DEcJ7tHf.js} +1 -1
- package/dist/form.js +1 -1
- package/dist/{fullscreen-6GW4naDP.js → fullscreen-BwweNj3-.js} +13 -13
- package/dist/fullscreen.js +1 -1
- package/dist/{hover-card-aadyPXzF.js → hover-card-BWcU37Yp.js} +1 -1
- package/dist/hover-card.js +1 -1
- package/dist/{i18n-DpW8lqJ1.js → i18n-D7xXDd8-.js} +11 -4
- package/dist/i18n.js +1 -1
- package/dist/{icon-button-CRB218_z.js → icon-button-DbSZKGT4.js} +73 -71
- package/dist/{import-export-center-DUrNwRKP.js → import-export-center-CYf0Qxl_.js} +291 -289
- package/dist/import-export-center.js +1 -1
- package/dist/index.js +100 -100
- package/dist/{kbd-Z4YmSPRy.js → kbd-dNz8QHfL.js} +1 -1
- package/dist/kbd.js +1 -1
- package/dist/{link-BsSlZ1ts.js → link-DLPyg54C.js} +5 -5
- package/dist/link.js +1 -1
- package/dist/{listbox-VFcfZT70.js → listbox-BSqx_ARf.js} +1 -1
- package/dist/listbox.js +1 -1
- package/dist/{loading-overlay-BZPBDK4w.js → loading-overlay-BLIrcaoj.js} +9 -9
- package/dist/loading-overlay.js +1 -1
- package/dist/{markdown-BmCU_sOv.js → markdown-DccRb1xf.js} +17 -17
- package/dist/markdown.js +1 -1
- package/dist/{menu-parts-DS9JEUCt.js → menu-parts-CNNHRduK.js} +42 -42
- package/dist/menu.js +1 -1
- package/dist/{menubar-BV43BKep.js → menubar-Bdr6zigi.js} +1 -1
- package/dist/menubar.js +1 -1
- package/dist/message-BkTiWsUp.js +436 -0
- package/dist/message-scroller-akQEtQLn.js +218 -0
- package/dist/message-scroller.js +1 -1
- package/dist/message.js +1 -1
- package/dist/{multi-select-YaxhhH9y.js → multi-select-BvlJIEtz.js} +445 -443
- package/dist/multi-select.js +1 -1
- package/dist/{navigation-menu-parts-B64gKl8B.js → navigation-menu-parts-CEW4fgCo.js} +12 -12
- package/dist/navigation-menu.js +1 -1
- package/dist/{notification-center-Ci-OLWTO.js → notification-center-BQO0Ey3h.js} +40 -40
- package/dist/notification-center.js +1 -1
- package/dist/{number-field-BYQmPyM-.js → number-field-D1MqT8_A.js} +13 -13
- package/dist/number-field.js +1 -1
- package/dist/{otp-input-BKO0WPZc.js → otp-input-Cub9H9Di.js} +1 -1
- package/dist/otp-input.js +1 -1
- package/dist/{page-CfjGviUA.js → page-CwYmBoZQ.js} +1 -1
- package/dist/{page-header-w_PFLnLG.js → page-header-CMxCQqu_.js} +117 -114
- package/dist/page-header.js +1 -1
- package/dist/page.js +1 -1
- package/dist/{pagination-Cm9665gb.js → pagination-IEuos7H1.js} +12 -12
- package/dist/pagination.js +1 -1
- package/dist/{popover-D1krYeP-.js → popover-C7NpEzq6.js} +22 -22
- package/dist/popover.js +1 -1
- package/dist/prompt-composer-Cu8bj1Vb.js +276 -0
- package/dist/prompt-composer.js +1 -1
- package/dist/{prose-Bl5OjXTb.js → prose-CQN4Bqqh.js} +1 -1
- package/dist/prose.js +1 -1
- package/dist/{radio-group-D9VTBLUB.js → radio-group-BHlDgCLk.js} +2 -2
- package/dist/radio-group.js +1 -1
- package/dist/{rating-BRqsV5OF.js → rating-Cr0lXaAV.js} +15 -15
- package/dist/rating.js +1 -1
- package/dist/{saved-views-C_76obIv.js → saved-views-CyLSn8a2.js} +151 -151
- package/dist/saved-views.js +1 -1
- package/dist/{scroll-area-vrm2bbtZ.js → scroll-area-Fr0PmnRS.js} +1 -1
- package/dist/scroll-area.js +1 -1
- package/dist/{segmented-control-5DTOKO3g.js → segmented-control-uPnQYklX.js} +2 -2
- package/dist/segmented-control.js +1 -1
- package/dist/select-C0JYHwBy.js +1020 -0
- package/dist/select.js +1 -1
- package/dist/{side-navigation-MNMSkj9b.js → side-navigation-D8lRpHwj.js} +64 -64
- package/dist/side-navigation.js +1 -1
- package/dist/{skeleton-DyOwgYmF.js → skeleton-DeEOmm1y.js} +1 -1
- package/dist/skeleton.js +1 -1
- package/dist/{slider-OMe1DAC-.js → slider-BSI1xvjw.js} +2 -2
- package/dist/slider.js +1 -1
- package/dist/{sparkline-ChkaLVdY.js → sparkline-CYU4_lCD.js} +1 -1
- package/dist/sparkline.js +1 -1
- package/dist/spinner-ring-DyfaYloA.js +19 -0
- package/dist/{split-button-DbmRwfMC.js → split-button-CkbylOMN.js} +2 -2
- package/dist/split-button.js +1 -1
- package/dist/{stat-card-BSnsTmsq.js → stat-card-CAh4SdeY.js} +16 -16
- package/dist/stat-card.js +1 -1
- package/dist/{status-indicator-CyKhBdvN.js → status-indicator-BVMnpcm8.js} +4 -4
- package/dist/status-indicator.js +1 -1
- package/dist/{stepper-Cw1Auv3n.js → stepper-BLfvMz04.js} +16 -16
- package/dist/stepper.js +1 -1
- package/dist/styles/action-bar.css +1 -1
- package/dist/styles/action-sheet.css +2 -2
- package/dist/styles/button.css +2 -2
- package/dist/styles/cascader.css +2 -2
- package/dist/styles/chart.css +1 -1
- package/dist/styles/column-manager.css +3 -3
- package/dist/styles/command-palette.css +3 -3
- package/dist/styles/dashboard-grid.css +2 -2
- package/dist/styles/data-grid.css +3 -3
- package/dist/styles/data-list.css +2 -2
- package/dist/styles/detail-panel.css +4 -4
- package/dist/styles/dialog.css +1 -1
- package/dist/styles/drawer.css +1 -1
- package/dist/styles/entity-picker.css +1 -1
- package/dist/styles/event-calendar.css +1 -1
- package/dist/styles/filter-bar.css +3 -3
- package/dist/styles/import-export-center.css +4 -4
- package/dist/styles/index.css +12 -12
- package/dist/styles/markdown.css +2 -2
- package/dist/styles/multi-select.css +1 -1
- package/dist/styles/notification-center.css +3 -3
- package/dist/styles/page-header.css +2 -2
- package/dist/styles/page.css +1 -1
- package/dist/styles/prompt-composer.css +1 -1
- package/dist/styles/saved-views.css +2 -2
- package/dist/styles/split-button.css +2 -2
- package/dist/styles/table.css +2 -2
- package/dist/styles/tabs.css +1 -1
- package/dist/styles/timeline.css +1 -1
- package/dist/styles/toast.css +1 -1
- package/dist/styles/tour.css +2 -2
- package/dist/styles/transfer.css +2 -2
- package/dist/styles/upload.css +1 -1
- package/dist/styles/wizard.css +2 -2
- package/dist/styles.css +1 -1
- package/dist/{switch-CQ1rpuKa.js → switch-BHyKHqeI.js} +5 -5
- package/dist/switch.js +1 -1
- package/dist/{table-DpGTPtnb.js → table-C8zOHDcY.js} +30 -30
- package/dist/{table-of-contents-BFVERMZy.js → table-of-contents-BAIuPCdy.js} +8 -8
- package/dist/table-of-contents.js +1 -1
- package/dist/table.js +1 -1
- package/dist/{tag-aX7uyAN0.js → tag-XYGEPUHR.js} +14 -14
- package/dist/tag.js +1 -1
- package/dist/{tags-input-BgpS22sf.js → tags-input-ClYSd-No.js} +40 -40
- package/dist/tags-input.js +1 -1
- package/dist/text-field-Cguj75tn.js +205 -0
- package/dist/text-field.js +1 -1
- package/dist/{textarea-DNCjsQYd.js → textarea-BKsh_jAo.js} +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{time-field-Cm6iBjwH.js → time-field-BIE4WMpS.js} +7 -7
- package/dist/time-field.js +1 -1
- package/dist/{time-picker-Ce18FSO2.js → time-picker-CNfafRDF.js} +18 -18
- package/dist/time-picker.js +1 -1
- package/dist/{time-range-picker-kDnw4PQ3.js → time-range-picker-D7gM_Wno.js} +20 -20
- package/dist/time-range-picker.js +1 -1
- package/dist/timeline-BLadNUkS.js +449 -0
- package/dist/timeline.js +1 -1
- package/dist/{toast-58ex8PDK.js → toast-CjbiXiza.js} +16 -16
- package/dist/toast.js +1 -1
- package/dist/{toggle-group-YxVJlCnI.js → toggle-group-BZmghKac.js} +1 -1
- package/dist/toggle-group.js +1 -1
- package/dist/toolbar-BI4ZepBs.js +243 -0
- package/dist/toolbar.js +1 -1
- package/dist/{top-navigation-DorkYBnR.js → top-navigation-BTZpx5VA.js} +13 -13
- package/dist/top-navigation.js +1 -1
- package/dist/{tour-CwK_m_Jp.js → tour-_CQ1kYov.js} +23 -23
- package/dist/tour.js +1 -1
- package/dist/{transfer-DxGDWIEt.js → transfer-BVhBdIGp.js} +59 -59
- package/dist/transfer.js +1 -1
- package/dist/tree-DfI9UWLA.js +794 -0
- package/dist/tree.js +1 -1
- package/dist/types/action-bar/action-bar-overflow.d.ts.map +1 -1
- package/dist/types/action-bar/action-bar.types.d.ts +2 -2
- package/dist/types/action-sheet/action-sheet-parts.d.ts.map +1 -1
- package/dist/types/app-shell/app-shell-parts.d.ts.map +1 -1
- package/dist/types/app-shell/app-shell.d.ts.map +1 -1
- package/dist/types/app-shell/app-shell.types.d.ts +21 -14
- package/dist/types/app-shell/app-shell.types.d.ts.map +1 -1
- package/dist/types/app-shell/index.d.ts +1 -1
- package/dist/types/app-shell/index.d.ts.map +1 -1
- package/dist/types/button/button-indicator.d.ts.map +1 -1
- package/dist/types/button/spinner-ring.d.ts +8 -0
- package/dist/types/button/spinner-ring.d.ts.map +1 -0
- package/dist/types/cascader/cascader-surface.d.ts.map +1 -1
- package/dist/types/cascader/cascader.d.ts.map +1 -1
- package/dist/types/combobox/combobox-parts.d.ts.map +1 -1
- package/dist/types/command-palette/command-palette.d.ts.map +1 -1
- package/dist/types/data-grid/data-grid-body.d.ts +7 -2
- package/dist/types/data-grid/data-grid-body.d.ts.map +1 -1
- package/dist/types/data-grid/data-grid-context.d.ts +2 -1
- package/dist/types/data-grid/data-grid-context.d.ts.map +1 -1
- package/dist/types/data-grid/data-grid-header.d.ts.map +1 -1
- package/dist/types/data-grid/data-grid.d.ts +1 -1
- package/dist/types/data-grid/data-grid.d.ts.map +1 -1
- package/dist/types/data-grid/data-grid.types.d.ts +12 -0
- package/dist/types/data-grid/data-grid.types.d.ts.map +1 -1
- package/dist/types/data-grid/index.d.ts +1 -1
- package/dist/types/data-grid/index.d.ts.map +1 -1
- package/dist/types/detail-panel/detail-panel-parts.d.ts +2 -1
- package/dist/types/detail-panel/detail-panel-parts.d.ts.map +1 -1
- package/dist/types/drawer/drawer-parts.d.ts.map +1 -1
- package/dist/types/entity-picker/entity-picker-control.d.ts.map +1 -1
- package/dist/types/filter-bar/filter-bar.d.ts.map +1 -1
- package/dist/types/i18n/slotted-provider.d.ts +6 -0
- package/dist/types/i18n/slotted-provider.d.ts.map +1 -1
- package/dist/types/import-export-center/import-export-center.d.ts.map +1 -1
- package/dist/types/message/message-parts.d.ts.map +1 -1
- package/dist/types/message-scroller/message-scroller.d.ts.map +1 -1
- package/dist/types/multi-select/multi-select-parts.d.ts.map +1 -1
- package/dist/types/page-header/page-header-defaults.d.ts +1 -1
- package/dist/types/page-header/page-header-defaults.d.ts.map +1 -1
- package/dist/types/page-header/page-header.d.ts +1 -1
- package/dist/types/page-header/page-header.d.ts.map +1 -1
- package/dist/types/page-header/page-header.types.d.ts +9 -0
- package/dist/types/page-header/page-header.types.d.ts.map +1 -1
- package/dist/types/prompt-composer/prompt-composer.d.ts.map +1 -1
- package/dist/types/select/select-parts.d.ts.map +1 -1
- package/dist/types/text-field/text-field.d.ts.map +1 -1
- package/dist/types/timeline/timeline-parts.d.ts.map +1 -1
- package/dist/types/timeline/timeline.d.ts.map +1 -1
- package/dist/types/toolbar/toolbar-overflow.d.ts.map +1 -1
- package/dist/types/toolbar/toolbar.types.d.ts +2 -2
- package/dist/types/tree/tree-parts.d.ts.map +1 -1
- package/dist/{upload-CEDsfMWz.js → upload-N2-nyO8x.js} +65 -65
- package/dist/upload.js +1 -1
- package/dist/{wizard-B3p7zCSj.js → wizard-CK1x2fs3.js} +16 -16
- package/dist/wizard.js +1 -1
- package/package.json +6 -6
- package/dist/action-bar-CJgBierN.js +0 -283
- package/dist/action-sheet-tRrjm7WQ.js +0 -358
- package/dist/cascader-DqlC1z5b.js +0 -1154
- package/dist/combobox-YWFkxaQ3.js +0 -902
- package/dist/command-palette-DXNq-zKN.js +0 -741
- package/dist/data-list-DZCN_uW1.js +0 -587
- package/dist/entity-picker-CFwLGQeU.js +0 -1281
- package/dist/filter-bar-G50WdRac.js +0 -1340
- package/dist/message-Dtck9RJy.js +0 -434
- package/dist/message-scroller-niUJ8RoL.js +0 -216
- package/dist/prompt-composer-sh_TXKYZ.js +0 -273
- package/dist/select-BFx5EgAa.js +0 -1018
- package/dist/text-field-DL_uhNXV.js +0 -203
- package/dist/timeline-pEL30Jp8.js +0 -446
- package/dist/toolbar-BtIyVbs4.js +0 -241
- package/dist/tree-DbLRyItM.js +0 -792
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
|
|
6
6
|
@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}
|
|
7
7
|
|
|
8
|
-
@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px))
|
|
8
|
+
@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
|
|
9
9
|
|
|
10
|
-
@layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;min-inline-size:0}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
|
|
10
|
+
@layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
|
|
11
11
|
|
|
12
12
|
@layer slotted.components{[data-ui-tooltip]{--_gap:var(--slotted-tooltip-gap,var(--slotted-space-4,.5rem));--_surface:var(--slotted-tooltip-surface,var(--slotted-surface-inverse,#172033));--_text:var(--slotted-tooltip-text,var(--slotted-text-inverse,#f8fafc));--_border-color:transparent;--_border-width:0;--_radius:var(--slotted-tooltip-radius,var(--slotted-radius-sm,4px));--_shadow:var(--slotted-tooltip-shadow,var(--slotted-shadow-xs));--_arrow-size:var(--slotted-tooltip-arrow-size,.5rem);--_arrow-tip-radius:var(--slotted-tooltip-arrow-tip-radius,var(--slotted-radius-xs,2px));--_padding-inline:var(--slotted-control-padding-inline-md,.8125rem);--_padding-block:var(--slotted-control-gap-md,.5rem);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_line-height:var(--slotted-line-height-sm,1.45);--_measure:var(--slotted-tooltip-measure,18rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-tooltip][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-tooltip]:is([data-side=left],[data-side=right]){translate:0}[data-ui-tooltip][data-open]{opacity:1;transition:none;translate:0}[data-ui-tooltip][data-open][data-positioned]{animation:slotted-tooltip-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-tooltip][data-open][data-positioned][data-side=top]{animation-name:slotted-tooltip-enter-up}[data-ui-tooltip][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-tooltip-fade}@keyframes slotted-tooltip-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-tooltip-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-tooltip-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-tooltip],[data-ui-tooltip][data-side=top],[data-ui-tooltip][data-side=left],[data-ui-tooltip][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-tooltip][data-open][data-positioned],[data-ui-tooltip][data-open][data-positioned][data-side=top],[data-ui-tooltip][data-open][data-positioned][data-side=left],[data-ui-tooltip][data-open][data-positioned][data-side=right]{animation-name:slotted-tooltip-fade}}[data-ui-tooltip][data-open][data-hoverable]{pointer-events:auto}[data-ui-tooltip][data-detached]{visibility:hidden}[data-ui-tooltip][data-size=sm]{--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_padding-block:var(--slotted-control-gap-sm,.375rem);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_measure:var(--slotted-tooltip-measure-sm,14rem)}[data-ui-tooltip][data-variant=surface]{--_surface:var(--slotted-tooltip-surface-raised,var(--slotted-surface-raised,#fff));--_text:var(--slotted-tooltip-text-raised,var(--slotted-text,#0f172a));--_border-color:var(--slotted-tooltip-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px)}[data-ui-tooltip]>[data-part-content]{box-sizing:border-box;border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);max-inline-size:100%;color:var(--_text);box-shadow:var(--_shadow);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--_line-height);text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext;display:block}[data-ui-tooltip]>[data-part-arrow]{z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);background:var(--_surface);border:0 solid var(--_border-color);position:absolute;rotate:45deg}[data-ui-tooltip][data-side=top]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=bottom]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius);bottom:auto}[data-ui-tooltip][data-side=left]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=right]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:calc(var(--_gap) - var(--_arrow-size) / 2);border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius);right:auto}}
|
|
13
13
|
|
|
@@ -61,4 +61,4 @@
|
|
|
61
61
|
|
|
62
62
|
@layer slotted.components{[data-ui-time-range-picker][data-part-root]{inline-size:100%;display:block}[data-ui-time-range-picker] [data-part-control]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_border-width:var(--slotted-control-border-width,1px);--_action-size:var(--slotted-time-range-picker-action-size,min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), calc(var(--_height) - var(--_border-width) * 2 - var(--slotted-space-2,.25rem))));--_action-inset:max(0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2));background-color:var(--slotted-time-range-picker-background,var(--slotted-control-surface,Field));block-size:var(--_height);border:var(--_border-width) solid var(--slotted-time-range-picker-border-color,var(--slotted-control-border-color,ButtonBorder));border-radius:var(--slotted-time-range-picker-radius,var(--slotted-control-radius,4px));box-shadow:var(--slotted-time-range-picker-shadow,var(--slotted-control-shadow,none));box-sizing:border-box;color:var(--slotted-time-range-picker-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;min-inline-size:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);display:flex;position:relative}[data-ui-time-range-picker][data-part-root][data-size=sm] [data-part-control]{--_font-size:var(--slotted-control-font-size-sm,12px);--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,11px);--_gap:var(--slotted-control-gap-sm,6px);--_icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-time-range-picker][data-part-root][data-size=lg] [data-part-control]{--_font-size:var(--slotted-control-font-size-lg,14px);--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,15px);--_gap:var(--slotted-control-gap-lg,10px);--_icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-time-range-picker][data-part-root][data-variant=subtle] [data-part-control]{background-color:var(--slotted-time-range-picker-subtle-background,var(--slotted-surface-sunken,Canvas));border-color:var(--slotted-time-range-picker-subtle-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-time-range-picker][data-part-root][data-variant=plain] [data-part-control]{border-radius:var(--slotted-radius-none,0px);box-shadow:none;background-color:#0000;border-color:#0000}[data-ui-time-range-picker] [data-part-trigger]{appearance:none;border-radius:inherit;color:inherit;cursor:pointer;font:inherit;align-items:center;gap:var(--_gap);min-inline-size:0;text-align:start;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;flex:auto;padding-block:0;padding-inline-start:var(--_padding-inline);padding-inline-end:calc(var(--_action-inset) + var(--_action-size) * var(--_actions,1) + var(--slotted-space-1,.125rem) * (var(--_actions,1) - 1) + var(--slotted-space-2,.25rem));display:flex}[data-ui-time-range-picker] [data-part-control]:has(>[data-part-clear]){--_actions:2}[data-ui-time-range-picker] [data-part-summary]{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;flex:auto;min-inline-size:0;overflow:hidden}[data-ui-time-range-picker] [data-part-summary][data-placeholder]{color:var(--slotted-time-range-picker-placeholder-color,var(--slotted-text-muted,GrayText))}[data-ui-time-range-picker] [data-part-trigger]:focus-visible{outline:none}[data-ui-time-range-picker] [data-part-trigger]>[data-ui-icon]{--slotted-icon-size:var(--_icon-size);color:var(--slotted-time-range-picker-action-color,var(--slotted-text-muted));position:absolute;inset-block-start:50%;inset-inline-end:calc(var(--_action-inset) + (var(--_action-size) - var(--_icon-size)) / 2);translate:0 -50%}[data-ui-time-range-picker] [data-part-trigger]:disabled{cursor:not-allowed}[data-ui-time-range-picker] [data-part-clear]{--slotted-icon-size:var(--_icon-size);appearance:none;block-size:var(--_action-size);border-radius:var(--slotted-time-range-picker-radius,var(--slotted-control-radius,4px));color:var(--slotted-time-range-picker-action-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_action-size);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block-start:calc((var(--_height) - var(--_border-width) * 2 - var(--_action-size)) / 2);inset-inline-end:calc(var(--_action-inset) + var(--_action-size) + var(--slotted-space-1,.125rem))}[data-ui-time-range-picker] [data-part-clear]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-time-range-picker] [data-part-clear]:after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));inset-inline-end:0}}[data-ui-time-range-picker] [data-part-clear]:hover:not(:disabled):not([data-disabled]){background-color:var(--slotted-time-range-picker-action-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-time-range-picker] [data-part-clear]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-time-range-picker-action-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-time-range-picker] [data-part-clear]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-time-range-picker] [data-part-clear]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-time-range-picker][data-part-root]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part-control]:hover{border-color:var(--slotted-time-range-picker-hover-border-color,var(--slotted-tone-accent-border))}[data-ui-time-range-picker][data-part-root][data-variant=subtle]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part-control]:hover{background-color:var(--slotted-time-range-picker-subtle-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-time-range-picker][data-part-root][data-variant=plain]:not([data-disabled]):not([data-readonly]):not([data-invalid]) [data-part-control]:hover{background-color:var(--slotted-time-range-picker-plain-hover-background,var(--slotted-tone-secondary-subtle-hover));border-color:#0000}[data-ui-time-range-picker] [data-part-control]:has(>[data-part-trigger]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight);outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-time-range-picker][data-part-root][data-variant=plain] [data-part-control]:has(>[data-part-trigger]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-time-range-picker][data-part-root][data-invalid] [data-part-control]{--slotted-focus-ring-color:var(--slotted-time-range-picker-invalid-focus-ring-color,var(--slotted-focus-ring-color-invalid,Highlight));--_invalid-edge-width:var(--slotted-time-range-picker-invalid-edge-width,var(--slotted-control-invalid-edge-width,1px));--_invalid-edge-color:var(--slotted-time-range-picker-invalid-border-color,var(--slotted-tone-danger-border));--_invalid-edge:inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-time-range-picker-invalid-border-color,var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui-time-range-picker][data-invalid] [data-part-control]:has(>[data-part-trigger]:focus-visible){box-shadow:var(--_invalid-edge), var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight)}[data-ui-time-range-picker][data-part-root][data-variant=plain][data-invalid] [data-part-control]:has(>[data-part-trigger]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset,2px) - var(--_border-width) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media (forced-colors:active){[data-ui-time-range-picker][data-part-root][data-invalid] [data-part-control]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui-time-range-picker][data-invalid] [data-part-control]:has(>[data-part-trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-time-range-picker][data-part-root][data-variant=plain][data-invalid] [data-part-control]:has(>[data-part-trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)))}}[data-ui-time-range-picker][data-part-root][data-readonly] [data-part-control]{background-color:var(--slotted-time-range-picker-readonly-background,var(--slotted-tone-secondary-subtle-hover));cursor:default}[data-ui-time-range-picker][data-part-root][data-disabled] [data-part-control]{background-color:var(--slotted-time-range-picker-disabled-background,var(--slotted-disabled-background));border-color:var(--slotted-time-range-picker-disabled-border-color,var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-time-range-picker-disabled-color,var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-time-range-picker][data-part-root][data-disabled] [data-part-trigger]>[data-ui-icon]{color:var(--slotted-disabled-foreground)}[data-ui-time-range-picker][data-part-positioner]{box-sizing:border-box;isolation:isolate;pointer-events:none;z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));--_enter-distance:var(--slotted-space-2,.25rem);opacity:0;translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-time-range-picker][data-part-positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-time-range-picker][data-part-positioner]:is([data-side=left],[data-side=right]){translate:0}[data-ui-time-range-picker][data-part-positioner][data-open]{opacity:1;transition:none;translate:0}[data-ui-time-range-picker][data-part-positioner][data-open][data-positioned]{animation:slotted-time-range-picker-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-time-range-picker][data-part-positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-time-range-picker-enter-up}[data-ui-time-range-picker][data-part-positioner][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-time-range-picker-fade}@keyframes slotted-time-range-picker-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-time-range-picker-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-time-range-picker-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-time-range-picker][data-part-positioner],[data-ui-time-range-picker][data-part-positioner][data-side=top],[data-ui-time-range-picker][data-part-positioner][data-side=left],[data-ui-time-range-picker][data-part-positioner][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-time-range-picker][data-part-positioner][data-open][data-positioned],[data-ui-time-range-picker][data-part-positioner][data-open][data-positioned][data-side=top],[data-ui-time-range-picker][data-part-positioner][data-open][data-positioned][data-side=left],[data-ui-time-range-picker][data-part-positioner][data-open][data-positioned][data-side=right]{animation-name:slotted-time-range-picker-fade}}[data-ui-time-range-picker][data-part-positioner][data-detached]{visibility:hidden}[data-ui-time-range-picker] [data-part-content]{background-color:var(--slotted-time-range-picker-surface,var(--slotted-surface-raised,Canvas));border:var(--slotted-border-width-thin,1px) solid var(--slotted-time-range-picker-content-border-color,var(--slotted-border-subtle,ButtonBorder));border-radius:var(--slotted-time-range-picker-content-radius,var(--slotted-radius-lg,8px));box-shadow:var(--slotted-time-range-picker-content-shadow,var(--slotted-shadow-md));box-sizing:border-box;color:var(--slotted-time-range-picker-content-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--slotted-control-font-size-md,13px);--_row:max(var(--slotted-target-min,24px), var(--slotted-control-height-sm,30px));--_row-pitch:calc(var(--_row) + var(--slotted-space-1,.125rem));gap:var(--slotted-space-5,.75rem);inline-size:max(var(--slotted-time-range-picker-content-min-inline-size,16rem), min(var(--slotted-positioner-anchor-width,16rem), 22rem));max-inline-size:var(--slotted-positioner-available-width,100vw);padding:var(--slotted-time-range-picker-content-padding,var(--slotted-space-5,.75rem));pointer-events:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""presets""panel""footer";display:grid}[data-ui-time-range-picker] [data-part-head]{box-sizing:border-box;column-gap:var(--slotted-space-2,.25rem);row-gap:var(--slotted-space-2,.25rem);grid-area:head;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tabs tabs""field now""hint length""limit limit";inline-size:0;min-inline-size:100%;display:grid}[data-ui-time-range-picker] [data-part-tabs]{grid-area:tabs}[data-ui-time-range-picker] [data-part-field]{grid-area:field}[data-ui-time-range-picker] [data-part-head]>[data-part-now]{grid-area:now;align-self:center}[data-ui-time-range-picker] [data-part-hint]{grid-area:hint;align-self:center}[data-ui-time-range-picker] [data-part-length]{grid-area:length;align-self:center}[data-ui-time-range-picker] [data-part-limit]{grid-area:limit}[data-ui-time-range-picker] [data-part-tabs]{border-block-end:var(--slotted-border-width-thin,1px) solid var(--slotted-time-range-picker-content-border-color,var(--slotted-border-subtle,ButtonBorder));gap:var(--slotted-space-2,.25rem);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}[data-ui-time-range-picker] [data-part-tab]{appearance:none;color:var(--slotted-time-range-picker-content-color,var(--slotted-text,CanvasText));cursor:pointer;font:inherit;gap:var(--slotted-space-1,.125rem);min-block-size:var(--slotted-time-range-picker-tab-block-size,calc(var(--_row) * 1.5));min-inline-size:0;padding-block:var(--slotted-space-2,.25rem) var(--slotted-space-3,.375rem);padding-inline:var(--slotted-space-3,.375rem);text-align:start;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;border-start-start-radius:var(--slotted-time-range-picker-option-radius,var(--slotted-radius-sm,4px));border-start-end-radius:var(--slotted-time-range-picker-option-radius,var(--slotted-radius-sm,4px));flex-direction:column;display:flex;position:relative}[data-ui-time-range-picker] [data-part-tab]:after{background-color:var(--slotted-time-range-picker-current-color,var(--slotted-tone-accent-solid));block-size:var(--slotted-time-range-picker-current-size,2px);content:"";opacity:0;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);border-start-start-radius:var(--slotted-radius-xs,2px);border-start-end-radius:var(--slotted-radius-xs,2px);position:absolute;inset-block-end:calc(-1 * var(--slotted-border-width-thin,1px));inset-inline:0}[data-ui-time-range-picker] [data-part-tab][data-current]:after{opacity:1}[data-ui-time-range-picker] [data-part-tab]:hover:not(:disabled):not([data-current]){background-color:var(--slotted-time-range-picker-option-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-time-range-picker] [data-part-tab]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-time-range-picker] [data-part-tab]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-time-range-picker] [data-part-tab-label]{color:var(--slotted-time-range-picker-label-color,var(--slotted-text-muted,GrayText));font-size:var(--slotted-font-size-xs,11px);font-weight:var(--slotted-font-weight-medium,500);letter-spacing:var(--slotted-letter-spacing-wide,.02em);text-transform:uppercase;white-space:nowrap}[data-ui-time-range-picker] [data-part-tab-value]{font-size:var(--slotted-font-size-sm,13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium,500);text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;overflow:hidden}[data-ui-time-range-picker] [data-part-tab][data-placeholder] [data-part-tab-value]{color:var(--slotted-time-range-picker-label-color,var(--slotted-text-muted,GrayText));font-weight:var(--slotted-font-weight-regular,400)}[data-ui-time-range-picker] [data-part-field]{--slotted-control-border-width:0px;--slotted-control-padding-inline-sm:var(--slotted-space-2,.25rem);--slotted-control-padding-inline-md:var(--slotted-space-2,.25rem);--slotted-control-padding-inline-lg:var(--slotted-space-2,.25rem);--slotted-time-field-plain-hover-background:transparent;--slotted-time-field-invalid-border-color:transparent;--slotted-time-field-shadow:none;--slotted-control-shadow-focus-geometry:0 0 0 0;flex:0 auto;min-inline-size:0;display:flex}[data-ui-time-range-picker] [data-part-hint]{color:var(--slotted-time-range-picker-hint-color,var(--slotted-text-muted,GrayText));font-size:var(--slotted-font-size-sm,13px);min-inline-size:0;text-wrap:balance;unicode-bidi:plaintext;padding-inline-start:var(--slotted-space-2,.25rem)}[data-ui-time-range-picker] [data-part-hint][data-invalid]{color:var(--slotted-time-range-picker-invalid-color,var(--slotted-tone-danger-text))}[data-ui-time-range-picker] [data-part-length]{color:var(--slotted-time-range-picker-length-color,var(--slotted-tone-accent-text));font-size:var(--slotted-font-size-sm,13px);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold,600);padding-inline:var(--slotted-space-4,.5rem) var(--slotted-space-2,.25rem);white-space:nowrap;unicode-bidi:plaintext}[data-ui-time-range-picker] [data-part-length][data-pending]{font-weight:var(--slotted-font-weight-medium,500)}[data-ui-time-range-picker] [data-part-length]:empty:before{content:""}[data-ui-time-range-picker] [data-part-limit]{color:var(--slotted-time-range-picker-limit-color,var(--slotted-text-muted,GrayText));font-size:var(--slotted-font-size-xs,11px);unicode-bidi:plaintext;padding-inline-start:var(--slotted-space-2,.25rem)}[data-ui-time-range-picker] [data-part-panel]{gap:var(--slotted-space-2,.25rem);flex-direction:column;grid-area:panel;min-inline-size:0;display:flex}[data-ui-time-range-picker] [data-part-now]{appearance:none;border-radius:var(--slotted-time-range-picker-option-radius,var(--slotted-radius-sm,4px));color:var(--slotted-time-range-picker-now-color,var(--slotted-tone-accent-text));cursor:pointer;font:inherit;font-size:var(--slotted-font-size-sm,13px);min-block-size:var(--_row);padding-block:var(--slotted-space-1,.125rem);padding-inline:var(--slotted-space-3,.375rem);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none}[data-ui-time-range-picker] [data-part-now]:hover:not(:disabled):not([data-disabled]){background-color:var(--slotted-time-range-picker-option-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-time-range-picker] [data-part-now]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-time-range-picker] [data-part-now]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-time-range-picker] [data-part-presets]{gap:var(--slotted-space-2,.25rem);flex-wrap:wrap;grid-area:presets;min-inline-size:0;display:flex}[data-ui-time-range-picker] [data-part-preset]{appearance:none;background-color:var(--slotted-time-range-picker-preset-background,var(--slotted-tone-secondary-subtle));border-radius:var(--slotted-time-range-picker-preset-radius,var(--slotted-radius-pill,999px));color:var(--slotted-time-range-picker-content-color,var(--slotted-text,CanvasText));cursor:pointer;font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--slotted-font-size-sm,13px);line-height:var(--slotted-line-height-sm,1.4);min-block-size:var(--_row);padding-block:var(--slotted-space-1,.125rem);padding-inline:var(--slotted-space-4,.5rem);text-align:start;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:0}[data-ui-time-range-picker] [data-part-preset]:hover:not(:disabled):not([data-selected]){background-color:var(--slotted-time-range-picker-preset-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-time-range-picker] [data-part-preset]:active:not(:disabled):not([data-selected]){background-color:var(--slotted-time-range-picker-preset-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-time-range-picker] [data-part-preset][data-selected]{background-color:var(--slotted-time-range-picker-preset-selected-background,var(--slotted-tone-accent-subtle-hover));color:var(--slotted-time-range-picker-preset-selected-color,var(--slotted-tone-accent-text));font-weight:var(--slotted-font-weight-medium,500)}[data-ui-time-range-picker] [data-part-preset]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-time-range-picker] [data-part-preset]:disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-time-range-picker] [data-part-list]{gap:var(--slotted-space-1,.125rem);max-block-size:var(--slotted-time-range-picker-list-block-size,calc(var(--_row-pitch) * 8.5));min-inline-size:0;scroll-padding-block:var(--slotted-space-2,.25rem);flex-direction:column;display:flex;overflow-y:auto}[data-ui-time-range-picker] [data-part-option]{border-radius:var(--slotted-time-range-picker-option-radius,var(--slotted-radius-sm,4px));color:inherit;cursor:pointer;font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--slotted-space-3,.375rem);line-height:var(--_row);min-block-size:var(--_row);padding-inline:var(--slotted-space-3,.375rem);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#0000;flex:none;justify-content:space-between;display:flex}[data-ui-time-range-picker] [data-part-option-duration]{color:var(--slotted-time-range-picker-label-color,var(--slotted-text-muted,GrayText));font-size:var(--slotted-font-size-xs,11px);text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;flex:0 auto;min-inline-size:0;overflow:hidden}[data-ui-time-range-picker] [data-part-option][data-selected] [data-part-option-duration],[data-ui-time-range-picker] [data-part-option][data-disabled] [data-part-option-duration]{color:inherit}[data-ui-time-range-picker] [data-part-option]:hover:not([data-disabled]):not([data-selected]):not([data-current]){background-color:var(--slotted-time-range-picker-option-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-time-range-picker] [data-part-option][data-current]:not([data-selected]){background-color:var(--slotted-time-range-picker-option-current-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-time-range-picker] [data-part-option]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-time-range-picker] [data-part-option][data-selected]{background-color:var(--slotted-time-range-picker-option-selected-background,var(--slotted-tone-accent-solid));color:var(--slotted-time-range-picker-option-selected-color,var(--slotted-tone-accent-on-solid))}[data-ui-time-range-picker] [data-part-option][data-selected]:hover:not([data-disabled]){background-color:var(--slotted-time-range-picker-option-selected-hover-background,var(--slotted-tone-accent-solid-hover))}[data-ui-time-range-picker] [data-part-option][data-disabled]{color:var(--slotted-disabled-foreground);cursor:not-allowed;background-color:#0000}[data-ui-time-range-picker] [data-part-empty]{color:var(--slotted-time-range-picker-label-color,var(--slotted-text-muted,GrayText));font-size:var(--slotted-font-size-sm,13px);min-block-size:calc(var(--_row) * 2);padding:var(--slotted-space-4,.5rem);text-align:center;text-wrap:balance;unicode-bidi:plaintext;justify-content:center;align-items:center;display:flex}[data-ui-time-range-picker] [data-part-footer]{box-sizing:border-box;border-block-start:var(--slotted-border-width-thin,1px) solid var(--slotted-time-range-picker-content-border-color,var(--slotted-border-subtle,ButtonBorder));align-items:center;gap:var(--slotted-space-2,.25rem);inline-size:0;min-inline-size:100%;grid-area:footer;justify-content:flex-end;padding-block-start:var(--slotted-space-3,.375rem);display:flex}[data-ui-time-range-picker] [data-part-done]{appearance:none;background-color:var(--slotted-time-range-picker-done-background,var(--slotted-tone-accent-solid));border-radius:var(--slotted-time-range-picker-radius,var(--slotted-control-radius,4px));color:var(--slotted-time-range-picker-done-color,var(--slotted-tone-accent-on-solid,Canvas));cursor:pointer;font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--slotted-font-size-sm,13px);font-weight:var(--slotted-font-weight-medium,500);line-height:var(--slotted-line-height-sm,1.4);min-block-size:var(--_row);padding-block:var(--slotted-space-1,.125rem);padding-inline:var(--slotted-space-5,.75rem);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent;border:0;margin-inline-start:auto}[data-ui-time-range-picker] [data-part-done]:hover:not(:disabled){background-color:var(--slotted-time-range-picker-done-hover-background,var(--slotted-tone-accent-solid-hover))}[data-ui-time-range-picker] [data-part-done]:active:not(:disabled){background-color:var(--slotted-time-range-picker-done-active-background,var(--slotted-tone-accent-solid-active))}[data-ui-time-range-picker] [data-part-done]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}@media (pointer:coarse){[data-ui-time-range-picker] [data-part-field]{display:none}}@media (width<=480px) and (pointer:coarse){[data-ui-time-range-picker][data-part-positioner][data-presentation=sheet]{translate:0 var(--slotted-space-9,2rem);position:fixed;inset:auto 0 0}[data-ui-time-range-picker][data-part-positioner][data-presentation=sheet][data-open]{translate:0}[data-ui-time-range-picker][data-part-positioner][data-presentation=sheet] [data-part-content]{inline-size:var(--slotted-time-range-picker-sheet-inline-size,100%);overscroll-behavior:contain;max-block-size:100dvh;max-inline-size:none;border-block-end:0;border-inline:0;border-end-end-radius:0;border-end-start-radius:0;padding-block-end:max(var(--slotted-time-range-picker-content-padding,var(--slotted-space-5,.75rem)), env(safe-area-inset-bottom,0px));overflow-y:auto}[data-ui-time-range-picker][data-part-positioner][data-presentation=sheet] [data-part-list]{max-block-size:calc(var(--_row-pitch) * 6.5)}[data-ui-time-range-picker][data-part-positioner][data-presentation=sheet] [data-part-tab]{min-block-size:var(--slotted-time-range-picker-tab-block-size,var(--slotted-target-comfortable,44px))}}@media (forced-colors:active){[data-ui-time-range-picker][data-part-root][data-variant=plain] [data-part-control]{border-color:buttonborder}[data-ui-time-range-picker] [data-part-tab]:after{forced-color-adjust:none;background-color:currentColor}[data-ui-time-range-picker] [data-part-preset][data-selected],[data-ui-time-range-picker] [data-part-option][data-selected]{color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-time-range-picker] [data-part-option][data-current]:not([data-selected]){outline:var(--slotted-focus-ring-width,2px) solid Highlight;outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}}}
|
|
63
63
|
|
|
64
|
-
@layer slotted.components{[data-ui-data-grid][data-part-root]{--_head-block:var(--slotted-data-grid-head-block-size,var(--slotted-control-height-md,34px));--_row-block:var(--slotted-data-grid-row-block-size,var(--_head-block));--_row-max-block:var(--slotted-data-grid-row-max-block-size,calc(var(--_row-block) * 4));--_font-size:var(--slotted-data-grid-font-size,var(--slotted-control-font-size-md,13px));--_icon-size:var(--slotted-data-grid-icon-size,var(--slotted-control-icon-size-md,16px));--_gap:var(--slotted-data-grid-gap,var(--slotted-control-gap-md,8px));--_pad-inline:var(--slotted-data-grid-cell-padding-inline,var(--slotted-control-padding-inline-md,13px));--_pad-block:var(--slotted-data-grid-cell-padding-block,max(var(--slotted-space-2,.25rem), calc((var(--_head-block) - var(--_font-size) * var(--slotted-line-height-md,1.5)) / 2)));--_line:calc(var(--_font-size) * var(--slotted-line-height-md,1.5));--_radius:var(--slotted-data-grid-radius,var(--slotted-radius-md,6px));--_rule:var(--slotted-data-grid-border-color,var(--slotted-border-subtle,ButtonBorder));--_rule-strong:var(--slotted-data-grid-border-color-strong,var(--slotted-border-strong,ButtonBorder));--_rule-width:var(--slotted-data-grid-border-width,var(--slotted-border-width-thin,1px));--_edge-shadow:var(--slotted-data-grid-pin-shadow-color,color-mix(in oklab, var(--slotted-scrim,#00000080) 22%, transparent));--_edge-shadow-size:var(--slotted-data-grid-pin-shadow-size,var(--slotted-space-5,.75rem));--_indent:var(--slotted-data-grid-indent,var(--slotted-space-6,1rem));--_text:var(--slotted-data-grid-color,var(--slotted-text,CanvasText));--_muted:var(--slotted-data-grid-color-muted,var(--slotted-text-muted,GrayText));--_surface:var(--slotted-data-grid-surface,var(--slotted-ground,var(--slotted-surface,Canvas)));--_head-surface:var(--slotted-data-grid-header-surface,color-mix(in oklab, var(--slotted-text,CanvasText) 8%, var(--_surface)));--_head-surface-hover:var(--slotted-data-grid-header-surface-hover,color-mix(in oklab, var(--slotted-text,CanvasText) 7%, var(--_head-surface)));--_band-surface:var(--slotted-data-grid-band-surface,color-mix(in oklab, var(--slotted-text,CanvasText) 4%, var(--_surface)));--_stripe:var(--slotted-data-grid-row-surface-stripe,color-mix(in oklab, var(--slotted-text,CanvasText) 5%, var(--_surface)));--_hover:var(--slotted-data-grid-row-surface-hover,var(--slotted-tone-secondary-subtle-hover,ButtonFace));--_selected:var(--slotted-data-grid-row-surface-selected,var(--slotted-tone-accent-surface,Canvas));--_selected-hover:var(--slotted-data-grid-row-surface-selected-hover,var(--slotted-tone-accent-subtle-hover,ButtonFace));--_selected-text:var(--slotted-data-grid-row-color-selected,var(--slotted-tone-accent-text,CanvasText));--_cursor:var(--slotted-data-grid-cursor-color,var(--slotted-tone-accent-border,Highlight));--_cursor-rest:color-mix(in oklab, var(--slotted-focus-ring-color,Highlight) 60%, transparent);--_range:var(--slotted-data-grid-range-surface,var(--slotted-tone-accent-surface,Canvas));--_changed:var(--slotted-data-grid-changed-surface,color-mix(in oklab, var(--slotted-tone-accent-solid,Highlight) 24%, transparent));--_ring-width:var(--slotted-focus-ring-width,2px);--_control:min(var(--slotted-target-min,24px), calc(min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2 - var(--slotted-space-1,.125rem) * 2));--_control-height-sm:var(--slotted-control-height-sm,30px);--_control-height-md:var(--slotted-control-height-md,34px);--_control-height-lg:var(--slotted-control-height-lg,38px);--_target-min:var(--slotted-target-min,24px);--_control-icon:min(var(--_icon-size), calc(var(--_control) - var(--slotted-space-2,.25rem)));--_track:var(--_row-block);--_transition:var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:var(--_surface);block-size:var(--slotted-data-grid-block-size,auto);box-sizing:border-box;color:var(--_text);font-family:var(--slotted-data-grid-font-family,var(--slotted-control-font-family));font-size:var(--_font-size);isolation:isolate;line-height:var(--slotted-line-height-md,1.5);flex-direction:column;min-block-size:0;max-inline-size:100%;display:flex;position:relative}[data-ui-data-grid][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-data-grid-shadow,var(--slotted-shadow-xs,none));overflow:clip}[data-ui-data-grid]>[data-part-scroll]{overscroll-behavior-block:auto;overscroll-behavior-inline:contain;flex:auto;min-block-size:0;position:relative;overflow:auto}[data-ui-data-grid][data-sticky-to=page]>[data-part-scroll]{overflow:visible}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader])>[role=row]{box-sizing:border-box;grid-template-columns:var(--slotted-data-grid-template,none) auto;inline-size:fit-content;min-inline-size:100%;display:grid}[data-ui-data-grid] [data-part-header-row]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong)}[data-ui-data-grid] [data-part-header-row]:not(:last-of-type){border-block-end-color:var(--_rule)}[data-ui-data-grid][data-variant=plain] [data-part-header-row]{background-color:#0000}[data-ui-data-grid] [data-part-filter-row]{background-color:var(--_band-surface);border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader])>[role=row]>*{grid-column:var(--slotted-data-grid-column,auto)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader]){inline-size:fit-content;min-inline-size:100%}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]{z-index:calc(var(--slotted-z-index-sticky,100) + 1);position:sticky;inset-block-start:var(--slotted-data-grid-sticky-offset,0)}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-head]{position:static}[data-ui-data-grid] [data-part-column-header],[data-ui-data-grid] [data-part-column-group],[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{background-color:var(--_head-surface);box-sizing:border-box;color:var(--_text);font-weight:var(--slotted-font-weight-semibold,600);align-items:center;gap:var(--slotted-space-2,.25rem);min-block-size:var(--_head-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;transition:background-color var(--_transition);display:flex;position:relative}[data-ui-data-grid][data-variant=plain] :is([data-part-column-header],[data-part-column-group]){background-color:#0000}[data-ui-data-grid] [data-part-column-group]{justify-content:center}[data-ui-data-grid] [data-part-column-header]>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}[data-ui-data-grid] [data-part-column-header][data-align=center]{justify-content:center}[data-ui-data-grid] [data-part-column-header][data-align=center]>span:first-child{flex:0 auto;margin-inline-start:auto}[data-ui-data-grid] [data-part-column-header]:is([data-align=end],[data-numeric]:not([data-align]))>span:first-child{text-align:end}[data-ui-data-grid] [data-part-column-header][data-sortable]{cursor:pointer}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>*,[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row]>*,[data-ui-data-grid]:is([data-selection=multiple],[data-selection=range]) :is([data-part-body],[data-part-pinned-rows]){-webkit-user-select:none;user-select:none}[data-ui-data-grid] [data-part-column-header][data-sortable]:not([data-disabled]):hover{background-color:var(--_head-surface-hover)}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]{--slotted-icon-size:var(--_icon-size);color:var(--_text);font-size:var(--slotted-font-size-xs,.75rem);font-variant-numeric:tabular-nums;align-items:center;gap:var(--slotted-space-1,.125rem);flex:none;line-height:1;display:none}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]>[data-ui-icon]{transition:rotate var(--_transition)}[data-ui-data-grid] [data-part-column-header][data-sorted]>[data-part-sort]{display:inline-flex}[data-ui-data-grid] [data-part-column-header][data-sorted=ascending]>[data-part-sort]>[data-ui-icon]{rotate:180deg}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]:before{content:attr(data-index);font-weight:var(--slotted-font-weight-medium,500)}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]:not([data-index]):before{content:none}[data-ui-data-grid] [data-part-column-actions]{align-items:center;gap:var(--slotted-space-1,.125rem);margin-block:calc((var(--_line) - var(--_control)) / 2);flex:none;margin-inline-start:auto;display:inline-flex}[data-ui-data-grid] [data-part-column-actions] :has([data-part-filter]){display:contents}[data-ui-data-grid] [data-part-column-help],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter],[data-ui-data-grid] [data-part-expander],[data-ui-data-grid] [data-part-group-toggle],[data-ui-data-grid] [data-part-tree-toggle]{--slotted-icon-size:var(--_control-icon);block-size:var(--_control);border-radius:var(--slotted-data-grid-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:pointer;inline-size:var(--_control);transition:background-color var(--_transition), color var(--_transition), opacity var(--_transition);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-ui-data-grid] [data-part-column-menu]{opacity:0}[data-ui-data-grid] [data-part-column-header] [data-part-filter]:not([data-filtered],[data-open]){display:none}[data-ui-data-grid] [data-part-column-header]:not([data-disabled]):hover [data-part-column-menu],[data-ui-data-grid] [data-part-column-header]:focus-within [data-part-column-menu],[data-ui-data-grid] [data-part-column-header][data-current] [data-part-column-menu],[data-ui-data-grid] [data-part-column-menu][data-open]{opacity:1}[data-ui-data-grid] [data-part-column-help]:not(:disabled):hover,[data-ui-data-grid] [data-part-column-help][data-open],[data-ui-data-grid] [data-part-column-menu]:not(:disabled):hover,[data-ui-data-grid] [data-part-column-header] [data-part-filter]:not(:disabled):hover,[data-ui-data-grid] [data-part-group-toggle]:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui-data-grid] [data-part-expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] [data-part-column-help]:focus-visible,[data-ui-data-grid] [data-part-column-menu]:focus-visible,[data-ui-data-grid] [data-part-column-header] [data-part-filter]:focus-visible,[data-ui-data-grid] [data-part-expander]:focus-visible,[data-ui-data-grid] [data-part-group-toggle]:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-data-grid] [data-part-column-description],[data-ui-data-grid] [data-part-popin-header]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-ui-menu] [data-part-column-menu-description]{border-block-end:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText);font-size:var(--slotted-font-size-xs,.75rem);line-height:var(--slotted-line-height-md,1.5);max-inline-size:18rem;padding-block:var(--slotted-space-2,.25rem) var(--slotted-space-3,.375rem);padding-inline:var(--slotted-control-padding-inline-sm,.625rem);grid-column:1/-1;margin-block-end:var(--slotted-space-2,.25rem)}[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-filtered],[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-open]{color:var(--slotted-tone-accent-text,CanvasText)}[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-filtered]:not(:disabled):hover{background-color:var(--slotted-tone-accent-surface,Canvas)}[data-ui-data-grid] [data-part-expander]>[data-ui-icon],[data-ui-data-grid] [data-part-group-toggle]>[data-ui-icon],[data-ui-data-grid] button[data-part-tree-toggle]>[data-ui-icon]{transition:rotate var(--_transition)}[data-ui-data-grid] [data-part-expander][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid] button[data-part-tree-toggle][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid] [data-part-group-row][aria-expanded=true] [data-part-group-toggle]>[data-ui-icon]{rotate:90deg}[data-ui-data-grid]:dir(rtl) [data-part-expander]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) [data-part-group-toggle]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) button[data-part-tree-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-data-grid]:dir(rtl) [data-part-expander][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) button[data-part-tree-toggle][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) [data-part-group-row][aria-expanded=true] [data-part-group-toggle]>[data-ui-icon]{rotate:90deg}[data-ui-data-grid] [data-part-cell][data-tree],[data-ui-data-grid] [data-part-row-header][data-tree]{gap:var(--slotted-space-1,.125rem);padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level,1) - 1))}[data-ui-data-grid] [data-part-tree-toggle][data-empty]{cursor:default}[data-ui-data-grid] button[data-part-tree-toggle]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] button[data-part-tree-toggle][data-loading]>[data-ui-icon]{animation:slotted-data-grid-turn var(--slotted-duration-loop) linear infinite;rotate:0deg}@keyframes slotted-data-grid-turn{to{rotate:1turn}}[data-ui-data-grid] [data-part-cell][data-kind=drag]{justify-content:center;padding-inline:0}[data-ui-data-grid] [data-part-row-handle]{--slotted-icon-size:var(--_control-icon);block-size:var(--_control);border-radius:var(--slotted-data-grid-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:grab;inline-size:var(--_control);touch-action:none;transition:background-color var(--_transition), color var(--_transition), opacity var(--_transition);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-ui-data-grid] [data-part-row-handle]:not([data-disabled]):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] [data-part-row-handle][data-disabled]{cursor:default;opacity:.5}[data-ui-data-grid] [data-part-row][data-dragging]{opacity:.5}[data-ui-data-grid] [data-part-row][data-dragging] [data-part-row-handle]{cursor:grabbing}[data-ui-data-grid] [data-part-resizer]{cursor:col-resize;inline-size:var(--slotted-target-min,24px);touch-action:none;z-index:1;position:absolute;inset-block:0;inset-inline-end:calc(var(--slotted-target-min,24px) / -2)}[data-ui-data-grid] [data-part-header-row]>[data-part-column-header]:last-child>[data-part-resizer]{inline-size:calc(var(--slotted-target-min,24px) / 2);inset-inline-end:0}[data-ui-data-grid] [data-part-resizer]:after{content:"";block-size:100%;inline-size:var(--slotted-border-width-thick,2px);transition:background-color var(--_transition);background-color:#0000;position:absolute;inset-inline-start:calc(50% - var(--slotted-border-width-thick,2px) / 2)}[data-ui-data-grid] [data-part-resizer]:not([data-disabled]):hover:after{background-color:var(--_rule-strong)}[data-ui-data-grid] [data-part-resizer][data-resizing]:after,[data-ui-data-grid] [data-part-column-header][data-resizing]>[data-part-resizer]:after{background-color:var(--_cursor)}[data-ui-data-grid] [data-part-column-header][data-dragging]{opacity:.5}[data-ui-data-grid] [data-part-column-header][data-drop-target]{background-color:var(--_head-surface-hover)}[data-ui-data-grid] [data-part-drop-indicator]{background-color:var(--_cursor);block-size:100%;inline-size:var(--slotted-border-width-thick,2px);pointer-events:none;z-index:calc(var(--slotted-z-index-sticky,100) + 3);position:absolute;inset-block-start:var(--slotted-data-grid-drop-scroll,0px);inset-inline-start:calc(var(--slotted-data-grid-drop-offset,0px) - var(--slotted-border-width-thick,2px) / 2)}[data-ui-data-grid] [data-part-drop-indicator][data-axis=row]{block-size:var(--slotted-border-width-thick,2px);inline-size:var(--slotted-data-grid-viewport,100%);inset-block-start:calc(var(--slotted-data-grid-drop-offset,0px) - var(--slotted-border-width-thick,2px) / 2);inset-inline-start:var(--slotted-data-grid-drop-scroll,0px)}[data-ui-data-grid] [data-part-filter-row]>[data-part-filter-cell]{--slotted-focus-ring-width:0px;--slotted-select-open-border-color:transparent;--slotted-multi-select-open-border-color:transparent;background-color:var(--_band-surface);box-sizing:border-box;min-block-size:var(--_head-block);align-items:center;min-inline-size:0;padding:0;display:flex;position:relative}[data-ui-data-grid] [data-part-filter-row]>[data-part-filter-cell]:focus-within{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [data-part-filter-cell]>[data-part-filter-operand],[data-ui-data-grid] [data-part-filter-cell]>:not([data-part])>[data-part-filter-operand]{margin:var(--_ring-width);white-space:nowrap;flex:auto;align-items:center;min-inline-size:0;display:flex;overflow:clip}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand]>[data-part-root][data-variant=plain],[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand]>:not([data-part])>[data-part-root][data-variant=plain]{--slotted-control-padding-inline-sm:var(--slotted-space-3,.375rem);--slotted-control-height-sm:calc(var(--_head-block) - var(--_ring-width) * 2);flex:auto;min-inline-size:0}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>[data-part-root],[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>:not([data-part])>[data-part-root]{flex:1 1 0;inline-size:0}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]:before{color:var(--_muted);content:"–";order:2}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>[data-part-root]:last-child,[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>:not([data-part]):last-child>[data-part-root]{order:3}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]{flex:none;padding-inline-start:var(--slotted-space-3,.375rem);display:inline-flex}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button{block-size:var(--slotted-control-inner-size-sm,22px);border-radius:var(--slotted-data-grid-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:pointer;font:inherit;font-size:var(--slotted-control-font-size-sm,12px);font-weight:var(--slotted-font-weight-semibold,600);inline-size:var(--slotted-control-inner-size-sm,22px);transition:background-color var(--_transition), color var(--_transition);background-color:#0000;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-data-grid] [data-part-filter-cell][data-filtered] [data-part-filter-operator]>button{color:var(--slotted-tone-accent-text,CanvasText)}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel]){--slotted-popover-measure-sm:calc(var(--slotted-data-grid-filter-panel-size,24rem) + 2 * (var(--slotted-popover-gap,.5rem) + var(--slotted-border-width-thin,1px)))}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel][data-kind=date]){--slotted-data-grid-filter-panel-size:var(--slotted-data-grid-filter-panel-size-date,28rem)}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel][data-kind=datetime]){--slotted-data-grid-filter-panel-size:var(--slotted-data-grid-filter-panel-size-datetime,34rem)}[data-ui-data-grid][data-part-filter-panel]{--_operator-size:var(--slotted-data-grid-filter-operator-size,7rem);--_panel-gap:var(--slotted-space-3,.375rem);box-sizing:border-box;color:var(--slotted-text,CanvasText);font-family:var(--slotted-control-font-family);font-size:var(--slotted-control-font-size-sm,12px);gap:var(--_panel-gap);grid-template-columns:max-content var(--_operator-size) minmax(0, 1fr);inline-size:var(--slotted-data-grid-filter-panel-size,24rem);max-inline-size:100%;padding:var(--slotted-popover-padding-block-sm,var(--slotted-space-4,.5rem)) var(--slotted-popover-padding-inline-sm,var(--slotted-space-5,.75rem));display:grid}[data-ui-data-grid][data-part-filter-panel]>[data-part-filter-condition]{align-items:center;gap:var(--_panel-gap);grid-column:1/-1;grid-template-columns:subgrid;display:grid}[data-ui-data-grid][data-part-filter-panel]>[data-part-filter-condition]:first-child>[data-part-filter-operator]{grid-column:2}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-join]{grid-column:1}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operator]{grid-column:2;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]{align-items:center;gap:var(--_panel-gap);grid-column:3;min-inline-size:0;display:flex}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-condition][data-operands="0"]>[data-part-filter-operand]{display:none}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]>*{flex:1 1 0;inline-size:0;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]:before{color:var(--slotted-text-muted);content:"–";order:1}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]>:last-child{order:2}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]>[data-part-root],[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]>:not([data-part])>[data-part-root]{flex:auto;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand] [data-part-input]{min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-actions]{gap:var(--_panel-gap);grid-column:1/-1;justify-content:end;margin-block-start:var(--slotted-space-2,.25rem);display:flex}[data-ui-data-grid]>[data-part-scroll]>[data-part-body]{box-sizing:border-box;block-size:var(--slotted-data-grid-window-total,auto);padding-block-start:var(--slotted-data-grid-window-start,0);position:relative}[data-ui-data-grid] [data-part-row]{background-color:var(--_surface);transition:background-color var(--_transition)}[data-ui-data-grid][data-rows=fixed]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{block-size:var(--_row-block);grid-auto-rows:var(--_track)}[data-ui-data-grid][data-rows=auto]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{grid-auto-rows:minmax(var(--_track), auto)}[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>:is([role=gridcell],[role=rowheader]):not([data-part-popin]){max-block-size:var(--_row-max-block);overflow-y:clip}[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>[role=gridcell],[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>[role=rowheader]{align-items:start}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed])>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows]){--_track:calc(var(--_row-block) - var(--_rule-width))}[data-ui-data-grid]>[data-part-scroll]>[data-part-body]>[data-part-row],[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows]>[data-part-row]{--_cell-control:calc(var(--_track) - var(--_ring-width) * 2 - var(--slotted-space-1,.125rem) * 2);--slotted-control-height-sm:min(var(--_control-height-sm), var(--_cell-control));--slotted-control-height-md:min(var(--_control-height-md), var(--_cell-control));--slotted-control-height-lg:min(var(--_control-height-lg), var(--_cell-control));--slotted-target-min:min(var(--_target-min), var(--_cell-control))}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row],[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row],[data-ui-data-grid]>[data-part-scroll]>[data-part-loader]>[role=row]{grid-auto-rows:minmax(var(--_head-block), auto)}[data-ui-data-grid] [data-part-cell],[data-ui-data-grid] [data-part-row-header],[data-ui-data-grid] [data-part-summary-cell],[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[role=row]>[data-part-selection]{box-sizing:border-box;min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;align-items:center;display:flex}[data-ui-data-grid] [data-part-cell]:not([data-pinned]){position:relative}[data-ui-data-grid] [data-part-cell]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-row-header]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-summary-cell]>span:not([data-ui],[data-part]){unicode-bidi:plaintext;flex:auto;min-inline-size:0}[data-ui-data-grid] [data-part-cell]>[data-ui]:not([data-part]){flex:none;max-inline-size:100%}[data-ui-data-grid] [data-part-row-header]{font-weight:var(--slotted-font-weight-medium,500)}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part-body],[data-part-pinned-rows])>[role=row]{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part-body],[data-part-pinned-rows])>[role=row]:last-child{border-block-end-color:#0000}[data-ui-data-grid][data-striped]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]:nth-child(2n){background-color:var(--_stripe)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui-data-grid] [data-part-row][data-disabled]{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-data-grid] [role=gridcell][data-current]:not([data-editing]),[data-ui-data-grid] [role=rowheader][data-current]:not([data-editing]),[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest)}[data-ui-data-grid] [role=row]>[role=gridcell]:focus-visible:not([data-editing]),[data-ui-data-grid] [role=row]>[role=rowheader]:focus-visible:not([data-editing]),[data-ui-data-grid] [role=row]>[role=columnheader]:focus-visible{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [role=gridcell][data-current]:not([data-editing],[data-part-filter-cell]):focus-within:not(:focus){outline:none}[data-ui-data-grid] [data-part-cell][data-in-range]{background-color:var(--_range)}[data-ui-data-grid] [data-part-cell][data-range-edge]:before{border:0 solid var(--_cursor);content:"";inset:0 0 calc(var(--_rule-width) * -1);pointer-events:none;position:absolute}[data-ui-data-grid] [data-part-cell][data-range-edge~=top]:before{border-block-start-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-range-edge~=bottom]:before{border-block-end-width:var(--_ring-width);inset-block-end:0}[data-ui-data-grid] [data-part-cell][data-range-edge~=start]:before{border-inline-start-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-range-edge~=end]:before{border-inline-end-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-editing]{--slotted-control-padding-inline-sm:var(--_pad-inline);--slotted-control-padding-inline-md:var(--_pad-inline);--slotted-control-padding-inline-lg:var(--_pad-inline);--slotted-control-height-sm:calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-md:calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-lg:calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-font-size-sm:var(--_font-size);--slotted-focus-ring-width:0px;--slotted-select-open-border-color:transparent;--slotted-multi-select-open-border-color:transparent;box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest);padding:0}[data-ui-data-grid] [data-part-cell][data-editing][data-current]{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [data-part-cell][data-editing][data-invalid]{--slotted-focus-ring-color:var(--slotted-focus-ring-color-invalid);--_invalid-ring:calc(var(--_ring-width) + var(--slotted-control-invalid-edge-width,1px));box-shadow:none;outline:var(--_invalid-ring) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--_invalid-ring) * -1)}[data-ui-data-grid] [data-numeric][data-editing] [data-part-input]{text-align:end}[data-ui-data-grid] [data-part-cell]>[data-part-editor]{margin:var(--_ring-width);flex:auto;min-inline-size:0;display:flex}[data-ui-data-grid] [data-part-cell]>[data-part-editor]>[data-part-root],[data-ui-data-grid] [data-part-cell]>[data-part-editor]>:not([data-part])>[data-part-root]{flex:auto;min-inline-size:0}[data-ui-data-grid] [data-part-cell][data-changed=a]{animation:slotted-data-grid-changed-a var(--slotted-data-grid-changed-duration,var(--slotted-duration-long)) var(--slotted-easing-standard,ease-out) forwards}[data-ui-data-grid] [data-part-cell][data-changed=b]{animation:slotted-data-grid-changed-b var(--slotted-data-grid-changed-duration,var(--slotted-duration-long)) var(--slotted-easing-standard,ease-out) forwards}@keyframes slotted-data-grid-changed-a{0%,35%{background-color:var(--_changed)}to{background-color:#0000}}@keyframes slotted-data-grid-changed-b{0%,35%{background-color:var(--_changed)}to{background-color:#0000}}@media (prefers-reduced-motion:reduce){[data-ui-data-grid] [data-part-cell][data-changed]{background-color:var(--_changed);animation:none}[data-ui-data-grid] button[data-part-tree-toggle][data-loading]>[data-ui-icon]{animation:none}}[data-ui-data-grid] [data-part-cell][data-invalid]:not([data-editing]):after{border-block-start:var(--slotted-space-3,.375rem) solid var(--slotted-tone-danger-border);border-inline-start:var(--slotted-space-3,.375rem) solid transparent;content:"";pointer-events:none;z-index:1;position:absolute;inset-block-start:0;inset-inline-end:0}[data-ui-data-grid] [data-part-cell][data-loading]{color:var(--_muted)}[data-ui-data-grid] [data-part-cell][data-readonly]{cursor:default}[data-ui-data-grid] [data-align=start]{text-align:start;justify-content:start}[data-ui-data-grid] [data-align=center]{text-align:center;justify-content:center}[data-ui-data-grid] [data-align=end]{text-align:end;justify-content:end}[data-ui-data-grid] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui-data-grid] [data-numeric]:not([data-align]){text-align:end;justify-content:end}[data-ui-data-grid] [data-text=truncate]>span:not([data-ui],[data-part]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-data-grid] [data-text=nowrap]>span:not([data-ui],[data-part]){white-space:nowrap;overflow:hidden}[data-ui-data-grid] [data-text=wrap]>span:not([data-ui],[data-part]){overflow-wrap:anywhere}[data-ui-data-grid] [data-pinned=start]{background-color:inherit;z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-inline-start:var(--slotted-data-grid-pin-offset,0)}[data-ui-data-grid] [data-pinned=end]{background-color:inherit;z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-inline-end:var(--slotted-data-grid-pin-offset,0)}[data-ui-data-grid]>[data-part-scroll]>[data-part-head] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky,100) + 2)}[data-ui-data-grid][data-variant=plain]>[data-part-scroll]>[data-part-head] [data-pinned],[data-ui-data-grid][data-variant=plain]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{background-color:var(--_surface)}[data-ui-data-grid] [data-part-filter-row]>[data-pinned]{background-color:var(--_band-surface)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]>[data-pinned]{background-color:var(--_selected)}[data-ui-data-grid] [data-pinned][data-pin-edge]:after{background-color:var(--_rule);content:"";inline-size:var(--_rule-width);inset-block:0 calc(var(--_rule-width) * -1);pointer-events:none;z-index:1;position:absolute}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[role=row]:last-child>[data-pin-edge]:after{inset-block-end:0}[data-ui-data-grid] [data-pinned=start][data-pin-edge]:after{inset-inline-end:0}[data-ui-data-grid] [data-pinned=end][data-pin-edge]:after{inset-inline-start:0}[data-ui-data-grid][data-popin] [data-pinned][data-pin-edge]:after{background-color:#0000}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after,[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{inline-size:calc(var(--_rule-width) + var(--_edge-shadow-size));background-color:#0000}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to right, var(--_rule) var(--_rule-width), var(--_edge-shadow) var(--_rule-width), transparent);inset-inline-end:calc(var(--_edge-shadow-size) * -1)}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to left, var(--_rule) var(--_rule-width), var(--_edge-shadow) var(--_rule-width), transparent);inset-inline-start:calc(var(--_edge-shadow-size) * -1)}[data-ui-data-grid]:dir(rtl) [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to left, var(--_rule) var(--_rule-width), var(--_edge-shadow) var(--_rule-width), transparent)}[data-ui-data-grid]:dir(rtl) [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to right, var(--_rule) var(--_rule-width), var(--_edge-shadow) var(--_rule-width), transparent)}[data-ui-data-grid] [role=row]>[data-part-selection]{--slotted-selection-halo-opacity:0;background-color:inherit;z-index:var(--slotted-z-index-sticky,100);justify-content:center;padding-inline:0;position:sticky;inset-inline-start:0}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky,100) + 2);position:sticky;inset-inline-start:0}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]>[data-part-selection]{background-color:var(--_selected)}[data-ui-data-grid] [role=row]>[data-part-selection]>[data-ui-checkbox]{block-size:var(--_line)}[data-ui-data-grid] [data-part-cell][data-kind=expander]{justify-content:center;padding-inline:0}[data-ui-data-grid] [data-part-detail]{background-color:var(--slotted-surface-sunken,Canvas)}[data-ui-data-grid] [data-part-detail]>*{background-color:var(--slotted-surface-sunken,Canvas);box-sizing:border-box;padding-block:var(--slotted-space-5,.75rem);padding-inline:var(--_pad-inline);max-inline-size:var(--slotted-data-grid-viewport,100%);grid-column:1/-1;position:sticky;inset-inline-start:0}[data-ui-data-grid][data-popin]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{grid-template-rows:minmax(var(--_track), auto) auto}[data-ui-data-grid][data-popin]>[data-part-scroll]>[data-part-summary]>[role=row]{grid-template-rows:minmax(var(--_head-block), auto) auto}[data-ui-data-grid][data-popin] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>:is([role=gridcell],[role=rowheader]):not([data-part-popin]){align-items:center}[data-ui-data-grid] [data-part-popin]{box-sizing:border-box;align-content:start;column-gap:var(--slotted-space-4,.5rem);max-inline-size:var(--slotted-data-grid-viewport,100%);min-inline-size:0;padding-block:0 var(--_pad-block);padding-inline:calc(var(--slotted-data-grid-leading,0px) + var(--_pad-inline)) var(--_pad-inline);row-gap:var(--slotted-space-2,.25rem);grid-area:2/1/auto/-1;grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));display:grid;position:sticky;inset-inline-start:0;container:slotted-data-grid-popin/inline-size}[data-ui-data-grid][data-narrow] [data-part-popin]{padding-inline-start:var(--_pad-inline)}[data-ui-data-grid] [data-part-popin-field]{flex-direction:column;min-inline-size:0;display:flex}@container slotted-data-grid-popin (width<19rem){[data-ui-data-grid] [data-part-popin-field]{align-items:baseline;column-gap:var(--slotted-space-3,.375rem);grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);display:grid}}[data-ui-data-grid] [data-part-popin-label]{color:var(--_muted);font-size:var(--slotted-font-size-xs,.75rem);font-weight:var(--slotted-font-weight-regular,400);overflow-wrap:anywhere}[data-ui-data-grid] [data-part-popin-value]{align-items:center;gap:var(--_gap);min-block-size:var(--_line);text-align:start;justify-content:start;min-inline-size:0;display:flex}[data-ui-data-grid] [data-part-popin-value][data-text]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-popin-value]>span:not([data-ui],[data-part]){overflow-wrap:anywhere;text-align:left;text-overflow:clip;white-space:normal;unicode-bidi:plaintext;flex:0 auto;min-inline-size:0;overflow:visible}[data-ui-data-grid]:dir(rtl) [data-part-popin-value]>span:not([data-ui],[data-part]){text-align:right}[data-ui-data-grid] [data-part-popin-value]>[data-ui]:not([data-part]){flex:none;max-inline-size:100%}[data-ui-data-grid] [data-part-group-row]{background-color:var(--_band-surface);color:var(--_text);font-weight:var(--slotted-font-weight-semibold,600)}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]{box-sizing:border-box;align-items:center;gap:var(--_gap);min-block-size:var(--_row-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);display:flex}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]:first-child{padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level,1) - 1));position:sticky;inset-inline-start:0}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]:first-child>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-data-grid] [data-part-group-row] [data-count]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular,400)}[data-ui-data-grid] [data-part-group-row] [data-aggregate]{color:var(--_muted);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium,500)}[data-ui-data-grid] [data-part-group-toggle]{margin-block:calc((var(--_line) - var(--slotted-target-min,24px)) / 2);margin-inline-start:calc(var(--slotted-space-2,.25rem) * -1)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]{z-index:calc(var(--slotted-z-index-sticky,100) + 1);position:sticky;inset-block-end:var(--slotted-data-grid-sticky-offset-end,0)}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-summary]{position:static}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows]{background-color:var(--_surface);z-index:calc(var(--slotted-z-index-sticky,100) + 1);position:sticky}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows][data-edge=top]{border-block-end:var(--_rule-width) solid var(--_rule-strong);inset-block-start:calc(var(--slotted-data-grid-sticky-offset,0px) + var(--slotted-data-grid-pinned-top-offset,0px))}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows][data-edge=bottom]{border-block-start:var(--_rule-width) solid var(--_rule-strong);inset-block-end:calc(var(--slotted-data-grid-sticky-offset-end,0px) + var(--slotted-data-grid-pinned-bottom-offset,0px))}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-pinned-rows]{position:static}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows] [data-pinned]{background-color:var(--_surface)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row]{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong)}[data-ui-data-grid] [data-part-summary-cell]{background-color:var(--_head-surface);font-weight:var(--slotted-font-weight-semibold,600);min-block-size:var(--_head-block)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky,100) + 2)}[data-ui-data-grid] [data-part-summary-cell] [data-label]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular,400);margin-inline-end:var(--slotted-space-2,.25rem)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]{block-size:var(--_line);align-items:center;gap:var(--slotted-space-1,.125rem);opacity:0;transition:opacity var(--_transition);display:inline-flex}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button{block-size:var(--_control);border-radius:var(--slotted-data-grid-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:pointer;inline-size:var(--_control);transition:background-color var(--_transition), color var(--_transition);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button :is(svg,img){block-size:var(--_control-icon);inline-size:var(--_control-icon)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button:not(:disabled):hover{background-color:color-mix(in oklab, var(--slotted-text,CanvasText) 7%, transparent);color:var(--_text)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-data-grid] [data-part-row]:not([data-disabled]):hover [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row]:focus-within [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row][data-current] [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row][data-editing] [data-part-cell]>[data-part-actions]{opacity:1}@media (pointer:coarse){[data-ui-data-grid] [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter]{opacity:1}[data-ui-data-grid][data-part-root]{--_control:min(var(--slotted-target-comfortable,44px), calc(min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2));--_target:var(--slotted-target-comfortable,44px);--_reach:max(0px, calc((var(--_target) - var(--_control)) / 2))}[data-ui-data-grid] [data-part-column-help],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter],[data-ui-data-grid] [data-part-expander],[data-ui-data-grid] [data-part-group-toggle],[data-ui-data-grid] [data-part-tree-toggle],[data-ui-data-grid] [data-part-row-handle]{box-sizing:content-box;margin:calc(var(--_reach) * -1);padding:var(--_reach);background-clip:content-box}}[data-ui-data-grid]>[data-part-scroll]>[data-part-empty]{box-sizing:border-box;inline-size:var(--slotted-data-grid-viewport,100%);min-block-size:calc(var(--_row-block) * 6);padding:var(--slotted-space-8,1.5rem);justify-content:center;align-items:center;display:flex;position:sticky;inset-inline-start:0}[data-ui-data-grid]>[data-part-scroll]>[data-part-loader]>[data-part-row]>*{box-sizing:border-box;min-block-size:max(var(--_row-block), var(--slotted-data-grid-loader-row-size,0px));min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);align-items:center;display:flex}[data-ui-data-grid][aria-busy=true]>[data-part-scroll]>[data-part-body]{opacity:.55;transition:opacity var(--_transition)}[data-ui-data-grid][aria-busy=true]>[data-part-scroll]>[data-part-body]:after{content:"";z-index:calc(var(--slotted-z-index-sticky,100) + 4);position:absolute;inset:0}[data-ui-data-grid]>[data-part-footer]{border-block-start:var(--_rule-width) solid var(--_rule);box-sizing:border-box;align-items:center;gap:var(--_gap);min-block-size:calc(var(--_head-block) + var(--_pad-block) * 2);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);flex-wrap:wrap;flex:none;display:flex}[data-ui-data-grid]>[data-part-footer]>:last-child{flex:auto;justify-content:flex-end;min-inline-size:0;display:flex}[data-ui-data-grid]>[data-part-footer] [data-range]{color:var(--_muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}@media (forced-colors:active){[data-ui-data-grid] [role=gridcell][data-current],[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) Highlight}[data-ui-data-grid] [data-part-cell][data-in-range]{color:highlighttext;background-color:highlight}[data-ui-data-grid] [data-part-drop-indicator]{background-color:highlight}[data-ui-data-grid] [data-part-cell][data-changed]{color:highlighttext;background-color:highlight;animation:none}[data-ui-data-grid] [data-part-resizer]:after{forced-color-adjust:none}}@media print{[data-ui-data-grid][data-part-root]{break-inside:auto;block-size:auto}[data-ui-data-grid]>[data-part-scroll]{overflow:visible}[data-ui-data-grid]>[data-part-scroll]>[data-part-head],[data-ui-data-grid]>[data-part-scroll]>[data-part-summary],[data-ui-data-grid]>[data-part-scroll]>[data-part-empty],[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows],[data-ui-data-grid] [data-pinned]{position:static}[data-ui-data-grid] [data-pinned]{box-shadow:none}[data-ui-data-grid] [data-part-column-actions],[data-ui-data-grid] [data-part-row-handle],[data-ui-data-grid] [data-part-resizer],[data-ui-data-grid] [data-part-drop-indicator],[data-ui-data-grid] [data-part-loader]{display:none}[data-ui-data-grid] [role=gridcell][data-current],[data-ui-data-grid] [role=rowheader][data-current],[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:none}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]{break-inside:avoid}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{--_hover:transparent}}}@property --slotted-data-grid-window-start{syntax:"*";inherits:false}@property --slotted-data-grid-window-total{syntax:"*";inherits:false}
|
|
64
|
+
@layer slotted.components{[data-ui-data-grid][data-part-root]{--_head-block:var(--slotted-data-grid-head-block-size,var(--slotted-control-height-md,34px));--_row-block:var(--slotted-data-grid-row-block-size,var(--_head-block));--_row-max-block:var(--slotted-data-grid-row-max-block-size,calc(var(--_row-block) * 4));--_font-size:var(--slotted-data-grid-font-size,var(--slotted-control-font-size-md,13px));--_icon-size:var(--slotted-data-grid-icon-size,var(--slotted-control-icon-size-md,16px));--_gap:var(--slotted-data-grid-gap,var(--slotted-control-gap-md,8px));--_pad-inline:var(--slotted-data-grid-cell-padding-inline,var(--slotted-control-padding-inline-md,13px));--_pad-block:var(--slotted-data-grid-cell-padding-block,max(var(--slotted-space-2,.25rem), calc((var(--_head-block) - var(--_font-size) * var(--slotted-line-height-md,1.5)) / 2)));--_line:calc(var(--_font-size) * var(--slotted-line-height-md,1.5));--_radius:var(--slotted-data-grid-radius,var(--slotted-radius-md,6px));--_rule:var(--slotted-data-grid-border-color,var(--slotted-border-subtle,ButtonBorder));--_rule-strong:var(--slotted-data-grid-border-color-strong,var(--slotted-border-strong,ButtonBorder));--_rule-width:var(--slotted-data-grid-border-width,var(--slotted-border-width-thin,1px));--_edge-shadow:var(--slotted-data-grid-pin-shadow-color,color-mix(in oklab, var(--slotted-scrim,#00000080) 22%, transparent));--_edge-shadow-size:var(--slotted-data-grid-pin-shadow-size,var(--slotted-space-5,.75rem));--_indent:var(--slotted-data-grid-indent,var(--slotted-space-6,1rem));--_text:var(--slotted-data-grid-color,var(--slotted-text,CanvasText));--_muted:var(--slotted-data-grid-color-muted,var(--slotted-text-muted,GrayText));--_surface:var(--slotted-data-grid-surface,var(--slotted-ground,var(--slotted-surface,Canvas)));--_head-surface:var(--slotted-data-grid-header-surface,color-mix(in oklab, var(--slotted-text,CanvasText) 8%, var(--_surface)));--_head-surface-hover:var(--slotted-data-grid-header-surface-hover,color-mix(in oklab, var(--slotted-text,CanvasText) 7%, var(--_head-surface)));--_band-surface:var(--slotted-data-grid-band-surface,color-mix(in oklab, var(--slotted-text,CanvasText) 4%, var(--_surface)));--_stripe:var(--slotted-data-grid-row-surface-stripe,color-mix(in oklab, var(--slotted-text,CanvasText) 5%, var(--_surface)));--_hover:var(--slotted-data-grid-row-surface-hover,var(--slotted-tone-secondary-subtle-hover,ButtonFace));--_selected:var(--slotted-data-grid-row-surface-selected,var(--slotted-tone-accent-surface,Canvas));--_selected-hover:var(--slotted-data-grid-row-surface-selected-hover,var(--slotted-tone-accent-subtle-hover,ButtonFace));--_selected-text:var(--slotted-data-grid-row-color-selected,var(--slotted-tone-accent-text,CanvasText));--_cursor:var(--slotted-data-grid-cursor-color,var(--slotted-tone-accent-border,Highlight));--_cursor-rest:color-mix(in oklab, var(--slotted-focus-ring-color,Highlight) 60%, transparent);--_range:var(--slotted-data-grid-range-surface,var(--slotted-tone-accent-surface,Canvas));--_changed:var(--slotted-data-grid-changed-surface,color-mix(in oklab, var(--slotted-tone-accent-solid,Highlight) 24%, transparent));--_ring-width:var(--slotted-focus-ring-width,2px);--_control:min(var(--slotted-target-min,24px), calc(min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2 - var(--slotted-space-1,.125rem) * 2));--_control-height-sm:var(--slotted-control-height-sm,30px);--_control-height-md:var(--slotted-control-height-md,34px);--_control-height-lg:var(--slotted-control-height-lg,38px);--_target-min:var(--slotted-target-min,24px);--_control-icon:min(var(--_icon-size), calc(var(--_control) - var(--slotted-space-2,.25rem)));--_track:var(--_row-block);--_transition:var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:var(--_surface);block-size:var(--slotted-data-grid-block-size,auto);box-sizing:border-box;color:var(--_text);font-family:var(--slotted-data-grid-font-family,var(--slotted-control-font-family));font-size:var(--_font-size);isolation:isolate;line-height:var(--slotted-line-height-md,1.5);flex-direction:column;min-block-size:0;max-inline-size:100%;display:flex;position:relative}[data-ui-data-grid][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-data-grid-shadow,var(--slotted-shadow-xs,none));overflow:clip}[data-ui-data-grid]>[data-part-scroll]{overscroll-behavior-block:auto;overscroll-behavior-inline:contain;flex:auto;min-block-size:0;position:relative;overflow:auto}[data-ui-data-grid][data-sticky-to=page]>[data-part-scroll]{overflow:visible}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader])>[role=row]{box-sizing:border-box;grid-template-columns:var(--slotted-data-grid-template,none) auto;inline-size:fit-content;min-inline-size:100%;display:grid}[data-ui-data-grid] [data-part-header-row]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong)}[data-ui-data-grid] [data-part-header-row]:not(:last-of-type){border-block-end-color:var(--_rule)}[data-ui-data-grid][data-variant=plain] [data-part-header-row]{background-color:#0000}[data-ui-data-grid] [data-part-filter-row]{background-color:var(--_band-surface);border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader])>[role=row]>*{grid-column:var(--slotted-data-grid-column,auto)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader]){inline-size:fit-content;min-inline-size:100%}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]{z-index:calc(var(--slotted-z-index-sticky,100) + 1);position:sticky;inset-block-start:var(--slotted-data-grid-sticky-offset,0)}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-head]{position:static}[data-ui-data-grid] [data-part-column-header],[data-ui-data-grid] [data-part-column-group],[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{background-color:var(--_head-surface);box-sizing:border-box;color:var(--_text);font-weight:var(--slotted-font-weight-semibold,600);align-items:center;gap:var(--slotted-space-2,.25rem);min-block-size:var(--_head-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;transition:background-color var(--_transition);display:flex;position:relative}[data-ui-data-grid][data-variant=plain] :is([data-part-column-header],[data-part-column-group]){background-color:#0000}[data-ui-data-grid] [data-part-column-group]{justify-content:center}[data-ui-data-grid] [data-part-column-header]>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}[data-ui-data-grid] [data-part-column-header][data-align=center]{justify-content:center}[data-ui-data-grid] [data-part-column-header][data-align=center]>span:first-child{flex:0 auto;margin-inline-start:auto}[data-ui-data-grid] [data-part-column-header]:is([data-align=end],[data-numeric]:not([data-align]))>span:first-child{text-align:end}[data-ui-data-grid] [data-part-column-header][data-sortable]{cursor:pointer}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>*,[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row]>*,[data-ui-data-grid]:is([data-selection=multiple],[data-selection=range]) :is([data-part-body],[data-part-pinned-rows]){-webkit-user-select:none;user-select:none}[data-ui-data-grid] [data-part-column-header][data-sortable]:not([data-disabled]):hover{background-color:var(--_head-surface-hover)}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]{--slotted-icon-size:var(--_icon-size);color:var(--_text);font-size:var(--slotted-font-size-xs,.75rem);font-variant-numeric:tabular-nums;align-items:center;gap:var(--slotted-space-1,.125rem);flex:none;line-height:1;display:none}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]>[data-ui-icon]{transition:rotate var(--_transition)}[data-ui-data-grid] [data-part-column-header][data-sorted]>[data-part-sort]{display:inline-flex}[data-ui-data-grid] [data-part-column-header][data-sorted=ascending]>[data-part-sort]>[data-ui-icon]{rotate:180deg}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]:before{content:attr(data-index);font-weight:var(--slotted-font-weight-medium,500)}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]:not([data-index]):before{content:none}[data-ui-data-grid] [data-part-column-actions]{align-items:center;gap:var(--slotted-space-1,.125rem);margin-block:calc((var(--_line) - var(--_control)) / 2);flex:none;margin-inline-start:auto;display:inline-flex}[data-ui-data-grid] [data-part-column-actions] :has([data-part-filter]){display:contents}[data-ui-data-grid] [data-part-column-help],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter],[data-ui-data-grid] [data-part-expander],[data-ui-data-grid] [data-part-group-toggle],[data-ui-data-grid] [data-part-tree-toggle]{--slotted-icon-size:var(--_control-icon);block-size:var(--_control);border-radius:var(--slotted-data-grid-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:pointer;inline-size:var(--_control);transition:background-color var(--_transition), color var(--_transition), opacity var(--_transition);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-ui-data-grid] [data-part-column-menu]{opacity:0}[data-ui-data-grid] [data-part-column-header] [data-part-filter]:not([data-filtered],[data-open]){display:none}[data-ui-data-grid] [data-part-column-header]:not([data-disabled]):hover [data-part-column-menu],[data-ui-data-grid] [data-part-column-header]:focus-within [data-part-column-menu],[data-ui-data-grid] [data-part-column-header][data-current] [data-part-column-menu],[data-ui-data-grid] [data-part-column-menu][data-open]{opacity:1}[data-ui-data-grid] [data-part-column-help]:not(:disabled):hover,[data-ui-data-grid] [data-part-column-help][data-open],[data-ui-data-grid] [data-part-column-menu]:not(:disabled):hover,[data-ui-data-grid] [data-part-column-header] [data-part-filter]:not(:disabled):hover,[data-ui-data-grid] [data-part-group-toggle]:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui-data-grid] [data-part-expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] [data-part-column-help]:focus-visible,[data-ui-data-grid] [data-part-column-menu]:focus-visible,[data-ui-data-grid] [data-part-column-header] [data-part-filter]:focus-visible,[data-ui-data-grid] [data-part-expander]:focus-visible,[data-ui-data-grid] [data-part-group-toggle]:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-data-grid] [data-part-column-description],[data-ui-data-grid] [data-part-popin-header]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-ui-menu] [data-part-column-menu-description]{border-block-end:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText);font-size:var(--slotted-font-size-xs,.75rem);line-height:var(--slotted-line-height-md,1.5);max-inline-size:18rem;padding-block:var(--slotted-space-2,.25rem) var(--slotted-space-3,.375rem);padding-inline:var(--slotted-control-padding-inline-sm,.625rem);grid-column:1/-1;margin-block-end:var(--slotted-space-2,.25rem)}[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-filtered],[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-open]{color:var(--slotted-tone-accent-text,CanvasText)}[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-filtered]:not(:disabled):hover{background-color:var(--slotted-tone-accent-surface,Canvas)}[data-ui-data-grid] [data-part-expander]>[data-ui-icon],[data-ui-data-grid] [data-part-group-toggle]>[data-ui-icon],[data-ui-data-grid] button[data-part-tree-toggle]>[data-ui-icon]{transition:rotate var(--_transition)}[data-ui-data-grid] [data-part-expander][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid] button[data-part-tree-toggle][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid] [data-part-group-row][aria-expanded=true] [data-part-group-toggle]>[data-ui-icon]{rotate:90deg}[data-ui-data-grid]:dir(rtl) [data-part-expander]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) [data-part-group-toggle]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) button[data-part-tree-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-data-grid]:dir(rtl) [data-part-expander][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) button[data-part-tree-toggle][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) [data-part-group-row][aria-expanded=true] [data-part-group-toggle]>[data-ui-icon]{rotate:90deg}[data-ui-data-grid] [data-part-cell][data-tree],[data-ui-data-grid] [data-part-row-header][data-tree]{gap:var(--slotted-space-1,.125rem);padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level,1) - 1))}[data-ui-data-grid] [data-part-tree-toggle][data-empty]{cursor:default}[data-ui-data-grid] button[data-part-tree-toggle]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] button[data-part-tree-toggle][data-loading]>[data-ui-icon]{animation:slotted-data-grid-turn var(--slotted-duration-loop) linear infinite;rotate:0deg}@keyframes slotted-data-grid-turn{to{rotate:1turn}}[data-ui-data-grid] [data-part-cell][data-kind=drag]{justify-content:center;padding-inline:0}[data-ui-data-grid] [data-part-row-handle]{--slotted-icon-size:var(--_control-icon);block-size:var(--_control);border-radius:var(--slotted-data-grid-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:grab;inline-size:var(--_control);touch-action:none;transition:background-color var(--_transition), color var(--_transition), opacity var(--_transition);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-ui-data-grid] [data-part-row-handle]:not([data-disabled]):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] [data-part-row-handle][data-disabled]{cursor:default;opacity:.5}[data-ui-data-grid] [data-part-row][data-dragging]{opacity:.5}[data-ui-data-grid] [data-part-row][data-dragging] [data-part-row-handle]{cursor:grabbing}[data-ui-data-grid] [data-part-resizer]{cursor:col-resize;inline-size:var(--slotted-target-min,24px);touch-action:none;z-index:1;position:absolute;inset-block:0;inset-inline-end:calc(var(--slotted-target-min,24px) / -2)}[data-ui-data-grid] [data-part-header-row]>[data-part-column-header]:not(:has(~[data-part-column-header]))>[data-part-resizer]{inline-size:calc(var(--slotted-target-min,24px) / 2);inset-inline-end:0}[data-ui-data-grid] [data-part-resizer]:after{content:"";block-size:100%;inline-size:var(--slotted-border-width-thick,2px);transition:background-color var(--_transition);background-color:#0000;position:absolute;inset-inline-start:calc(50% - var(--slotted-border-width-thick,2px) / 2)}[data-ui-data-grid] [data-part-resizer]:not([data-disabled]):hover:after{background-color:var(--_rule-strong)}[data-ui-data-grid] [data-part-resizer][data-resizing]:after,[data-ui-data-grid] [data-part-column-header][data-resizing]>[data-part-resizer]:after{background-color:var(--_cursor)}[data-ui-data-grid] [data-part-resizer]>[data-part-resize-guide]{background-color:var(--slotted-data-grid-resize-guide-color,var(--slotted-focus-ring-color,Highlight));inline-size:var(--slotted-data-grid-resize-guide-width,var(--slotted-border-width-thick,2px));pointer-events:none;z-index:2;position:absolute;inset-block-start:0;inset-inline-start:calc(50% - var(--slotted-data-grid-resize-guide-width,var(--slotted-border-width-thick,2px)) / 2)}[data-ui-data-grid] [data-part-column-header][data-dragging]{opacity:.5}[data-ui-data-grid] [data-part-column-header][data-drop-target]{background-color:var(--_head-surface-hover)}[data-ui-data-grid] [data-part-drop-indicator]{background-color:var(--_cursor);block-size:100%;inline-size:var(--slotted-border-width-thick,2px);pointer-events:none;z-index:calc(var(--slotted-z-index-sticky,100) + 3);position:absolute;inset-block-start:var(--slotted-data-grid-drop-scroll,0px);inset-inline-start:calc(var(--slotted-data-grid-drop-offset,0px) - var(--slotted-border-width-thick,2px) / 2)}[data-ui-data-grid] [data-part-drop-indicator][data-axis=row]{block-size:var(--slotted-border-width-thick,2px);inline-size:var(--slotted-data-grid-viewport,100%);inset-block-start:calc(var(--slotted-data-grid-drop-offset,0px) - var(--slotted-border-width-thick,2px) / 2);inset-inline-start:var(--slotted-data-grid-drop-scroll,0px)}[data-ui-data-grid] [data-part-filter-row]>[data-part-filter-cell]{--slotted-focus-ring-width:0px;--slotted-select-open-border-color:transparent;--slotted-multi-select-open-border-color:transparent;background-color:var(--_band-surface);box-sizing:border-box;min-block-size:var(--_head-block);align-items:center;min-inline-size:0;padding:0;display:flex;position:relative}[data-ui-data-grid] [data-part-filter-row]>[data-part-filter-cell]:focus-within{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [data-part-filter-cell]>[data-part-filter-operand],[data-ui-data-grid] [data-part-filter-cell]>:not([data-part])>[data-part-filter-operand]{margin:var(--_ring-width);white-space:nowrap;flex:auto;align-items:center;min-inline-size:0;display:flex;overflow:clip}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand]>[data-part-root][data-variant=plain],[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand]>:not([data-part])>[data-part-root][data-variant=plain]{--slotted-control-padding-inline-sm:var(--slotted-space-3,.375rem);--slotted-control-height-sm:calc(var(--_head-block) - var(--_ring-width) * 2);flex:auto;min-inline-size:0}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>[data-part-root],[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>:not([data-part])>[data-part-root]{flex:1 1 0;inline-size:0}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]:before{color:var(--_muted);content:"–";order:2}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>[data-part-root]:last-child,[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>:not([data-part]):last-child>[data-part-root]{order:3}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]{flex:none;padding-inline-start:var(--slotted-space-3,.375rem);display:inline-flex}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button{block-size:var(--slotted-control-inner-size-sm,22px);border-radius:var(--slotted-data-grid-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:pointer;font:inherit;font-size:var(--slotted-control-font-size-sm,12px);font-weight:var(--slotted-font-weight-semibold,600);inline-size:var(--slotted-control-inner-size-sm,22px);transition:background-color var(--_transition), color var(--_transition);background-color:#0000;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-data-grid] [data-part-filter-cell][data-filtered] [data-part-filter-operator]>button{color:var(--slotted-tone-accent-text,CanvasText)}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel]){--slotted-popover-measure-sm:calc(var(--slotted-data-grid-filter-panel-size,24rem) + 2 * (var(--slotted-popover-gap,.5rem) + var(--slotted-border-width-thin,1px)))}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel][data-kind=date]){--slotted-data-grid-filter-panel-size:var(--slotted-data-grid-filter-panel-size-date,28rem)}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel][data-kind=datetime]){--slotted-data-grid-filter-panel-size:var(--slotted-data-grid-filter-panel-size-datetime,34rem)}[data-ui-data-grid][data-part-filter-panel]{--_operator-size:var(--slotted-data-grid-filter-operator-size,7rem);--_panel-gap:var(--slotted-space-3,.375rem);box-sizing:border-box;color:var(--slotted-text,CanvasText);font-family:var(--slotted-control-font-family);font-size:var(--slotted-control-font-size-sm,12px);gap:var(--_panel-gap);grid-template-columns:max-content var(--_operator-size) minmax(0, 1fr);inline-size:var(--slotted-data-grid-filter-panel-size,24rem);max-inline-size:100%;padding:var(--slotted-popover-padding-block-sm,var(--slotted-space-4,.5rem)) var(--slotted-popover-padding-inline-sm,var(--slotted-space-5,.75rem));display:grid}[data-ui-data-grid][data-part-filter-panel]>[data-part-filter-condition]{align-items:center;gap:var(--_panel-gap);grid-column:1/-1;grid-template-columns:subgrid;display:grid}[data-ui-data-grid][data-part-filter-panel]>[data-part-filter-condition]:first-child>[data-part-filter-operator]{grid-column:2}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-join]{grid-column:1}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operator]{grid-column:2;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]{align-items:center;gap:var(--_panel-gap);grid-column:3;min-inline-size:0;display:flex}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-condition][data-operands="0"]>[data-part-filter-operand]{display:none}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]>*{flex:1 1 0;inline-size:0;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]:before{color:var(--slotted-text-muted);content:"–";order:1}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]>:last-child{order:2}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]>[data-part-root],[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]>:not([data-part])>[data-part-root]{flex:auto;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand] [data-part-input]{min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-actions]{gap:var(--_panel-gap);grid-column:1/-1;justify-content:end;margin-block-start:var(--slotted-space-2,.25rem);display:flex}[data-ui-data-grid]>[data-part-scroll]>[data-part-body]{box-sizing:border-box;block-size:var(--slotted-data-grid-window-total,auto);padding-block-start:var(--slotted-data-grid-window-start,0);position:relative}[data-ui-data-grid] [data-part-row]{background-color:var(--_surface);transition:background-color var(--_transition)}[data-ui-data-grid][data-rows=fixed]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{block-size:var(--_row-block);grid-auto-rows:var(--_track)}[data-ui-data-grid][data-rows=auto]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{grid-auto-rows:minmax(var(--_track), auto)}[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>:is([role=gridcell],[role=rowheader]):not([data-part-popin]){max-block-size:var(--_row-max-block);overflow-y:clip}[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>[role=gridcell],[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>[role=rowheader]{align-items:start}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed])>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows]){--_track:calc(var(--_row-block) - var(--_rule-width))}[data-ui-data-grid]>[data-part-scroll]>[data-part-body]>[data-part-row],[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows]>[data-part-row]{--_cell-control:calc(var(--_track) - var(--_ring-width) * 2 - var(--slotted-space-1,.125rem) * 2);--slotted-control-height-sm:min(var(--_control-height-sm), var(--_cell-control));--slotted-control-height-md:min(var(--_control-height-md), var(--_cell-control));--slotted-control-height-lg:min(var(--_control-height-lg), var(--_cell-control));--slotted-target-min:min(var(--_target-min), var(--_cell-control))}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row],[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row],[data-ui-data-grid]>[data-part-scroll]>[data-part-loader]>[role=row]{grid-auto-rows:minmax(var(--_head-block), auto)}[data-ui-data-grid] [data-part-cell],[data-ui-data-grid] [data-part-row-header],[data-ui-data-grid] [data-part-summary-cell],[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[role=row]>[data-part-selection]{box-sizing:border-box;min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;align-items:center;display:flex}[data-ui-data-grid] [data-part-cell]:not([data-pinned]){position:relative}[data-ui-data-grid] [data-part-cell]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-row-header]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-summary-cell]>span:not([data-ui],[data-part]){unicode-bidi:plaintext;flex:auto;min-inline-size:0}[data-ui-data-grid] [data-part-cell]>[data-ui]:not([data-part]){flex:none;max-inline-size:100%}[data-ui-data-grid] [data-part-row-header]{font-weight:var(--slotted-font-weight-medium,500)}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part-body],[data-part-pinned-rows])>[role=row]{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part-body],[data-part-pinned-rows])>[role=row]:last-child{border-block-end-color:#0000}[data-ui-data-grid][data-striped]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]:nth-child(2n){background-color:var(--_stripe)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui-data-grid] [data-part-row][data-disabled]{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-data-grid] [role=gridcell][data-current]:not([data-editing]),[data-ui-data-grid] [role=rowheader][data-current]:not([data-editing]),[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest)}[data-ui-data-grid] [role=row]>[role=gridcell]:focus-visible:not([data-editing]),[data-ui-data-grid] [role=row]>[role=rowheader]:focus-visible:not([data-editing]),[data-ui-data-grid] [role=row]>[role=columnheader]:focus-visible{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [role=gridcell][data-current]:not([data-editing],[data-part-filter-cell]):focus-within:not(:focus){outline:none}[data-ui-data-grid] [data-part-cell][data-in-range]{background-color:var(--_range)}[data-ui-data-grid] [data-part-cell][data-range-edge]:before{border:0 solid var(--_cursor);content:"";inset:0 0 calc(var(--_rule-width) * -1);pointer-events:none;position:absolute}[data-ui-data-grid] [data-part-cell][data-range-edge~=top]:before{border-block-start-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-range-edge~=bottom]:before{border-block-end-width:var(--_ring-width);inset-block-end:0}[data-ui-data-grid] [data-part-cell][data-range-edge~=start]:before{border-inline-start-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-range-edge~=end]:before{border-inline-end-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-editing]{--slotted-control-padding-inline-sm:var(--_pad-inline);--slotted-control-padding-inline-md:var(--_pad-inline);--slotted-control-padding-inline-lg:var(--_pad-inline);--slotted-control-height-sm:calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-md:calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-lg:calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-font-size-sm:var(--_font-size);--slotted-focus-ring-width:0px;--slotted-select-open-border-color:transparent;--slotted-multi-select-open-border-color:transparent;box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest);padding:0}[data-ui-data-grid] [data-part-cell][data-editing][data-current]{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [data-part-cell][data-editing][data-invalid]{--slotted-focus-ring-color:var(--slotted-focus-ring-color-invalid);--_invalid-ring:calc(var(--_ring-width) + var(--slotted-control-invalid-edge-width,1px));box-shadow:none;outline:var(--_invalid-ring) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--_invalid-ring) * -1)}[data-ui-data-grid] [data-numeric][data-editing] [data-part-input]{text-align:end}[data-ui-data-grid] [data-part-cell]>[data-part-editor]{margin:var(--_ring-width);flex:auto;min-inline-size:0;display:flex}[data-ui-data-grid] [data-part-cell]>[data-part-editor]>[data-part-root],[data-ui-data-grid] [data-part-cell]>[data-part-editor]>:not([data-part])>[data-part-root]{flex:auto;min-inline-size:0}[data-ui-data-grid] [data-part-cell][data-changed=a]{animation:slotted-data-grid-changed-a var(--slotted-data-grid-changed-duration,var(--slotted-duration-long)) var(--slotted-easing-standard,ease-out) forwards}[data-ui-data-grid] [data-part-cell][data-changed=b]{animation:slotted-data-grid-changed-b var(--slotted-data-grid-changed-duration,var(--slotted-duration-long)) var(--slotted-easing-standard,ease-out) forwards}@keyframes slotted-data-grid-changed-a{0%,35%{background-color:var(--_changed)}to{background-color:#0000}}@keyframes slotted-data-grid-changed-b{0%,35%{background-color:var(--_changed)}to{background-color:#0000}}@media (prefers-reduced-motion:reduce){[data-ui-data-grid] [data-part-cell][data-changed]{background-color:var(--_changed);animation:none}[data-ui-data-grid] button[data-part-tree-toggle][data-loading]>[data-ui-icon]{animation:none}}[data-ui-data-grid] [data-part-cell][data-invalid]:not([data-editing]):after{border-block-start:var(--slotted-space-3,.375rem) solid var(--slotted-tone-danger-border);border-inline-start:var(--slotted-space-3,.375rem) solid transparent;content:"";pointer-events:none;z-index:1;position:absolute;inset-block-start:0;inset-inline-end:0}[data-ui-data-grid] [data-part-cell][data-loading]{color:var(--_muted)}[data-ui-data-grid] [data-part-cell][data-readonly]{cursor:default}[data-ui-data-grid] [data-align=start]{text-align:start;justify-content:start}[data-ui-data-grid] [data-align=center]{text-align:center;justify-content:center}[data-ui-data-grid] [data-align=end]{text-align:end;justify-content:end}[data-ui-data-grid] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui-data-grid] [data-numeric]:not([data-align]){text-align:end;justify-content:end}[data-ui-data-grid] [data-text=truncate]>span:not([data-ui],[data-part]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-data-grid] [data-text=nowrap]>span:not([data-ui],[data-part]){white-space:nowrap;overflow:hidden}[data-ui-data-grid] [data-text=wrap]>span:not([data-ui],[data-part]){overflow-wrap:anywhere}[data-ui-data-grid] [data-pinned=start]{background-color:inherit;z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-inline-start:var(--slotted-data-grid-pin-offset,0)}[data-ui-data-grid] [data-pinned=end]{background-color:inherit;z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-inline-end:var(--slotted-data-grid-pin-offset,0)}[data-ui-data-grid]>[data-part-scroll]>[data-part-head] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky,100) + 2)}[data-ui-data-grid][data-variant=plain]>[data-part-scroll]>[data-part-head] [data-pinned],[data-ui-data-grid][data-variant=plain]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{background-color:var(--_surface)}[data-ui-data-grid] [data-part-filter-row]>[data-pinned]{background-color:var(--_band-surface)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]>[data-pinned]{background-color:var(--_selected)}[data-ui-data-grid] [data-pinned][data-pin-edge]:after{background-color:var(--_rule);content:"";inline-size:var(--_rule-width);inset-block:0 calc(var(--_rule-width) * -1);pointer-events:none;z-index:1;position:absolute}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[role=row]:last-child>[data-pin-edge]:after{inset-block-end:0}[data-ui-data-grid] [data-pinned=start][data-pin-edge]:after{inset-inline-end:0}[data-ui-data-grid] [data-pinned=end][data-pin-edge]:after{inset-inline-start:0}[data-ui-data-grid][data-popin] [data-pinned][data-pin-edge]:after{background-color:#0000}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after,[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{inline-size:calc(var(--_rule-width) + var(--_edge-shadow-size));background-color:#0000}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to right, var(--_rule) var(--_rule-width), var(--_edge-shadow) var(--_rule-width), transparent);inset-inline-end:calc(var(--_edge-shadow-size) * -1)}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to left, var(--_rule) var(--_rule-width), var(--_edge-shadow) var(--_rule-width), transparent);inset-inline-start:calc(var(--_edge-shadow-size) * -1)}[data-ui-data-grid]:dir(rtl) [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to left, var(--_rule) var(--_rule-width), var(--_edge-shadow) var(--_rule-width), transparent)}[data-ui-data-grid]:dir(rtl) [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to right, var(--_rule) var(--_rule-width), var(--_edge-shadow) var(--_rule-width), transparent)}[data-ui-data-grid] [role=row]>[data-part-selection]{--slotted-selection-halo-opacity:0;background-color:inherit;z-index:var(--slotted-z-index-sticky,100);justify-content:center;padding-inline:0;position:sticky;inset-inline-start:0}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky,100) + 2);position:sticky;inset-inline-start:0}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]>[data-part-selection]{background-color:var(--_selected)}[data-ui-data-grid] [role=row]>[data-part-selection]>[data-ui-checkbox]{block-size:var(--_line)}[data-ui-data-grid] [data-part-cell][data-kind=expander]{justify-content:center;padding-inline:0}[data-ui-data-grid] [data-part-detail]{background-color:var(--slotted-surface-sunken,Canvas)}[data-ui-data-grid] [data-part-detail]>*{background-color:var(--slotted-surface-sunken,Canvas);box-sizing:border-box;padding-block:var(--slotted-space-5,.75rem);padding-inline:var(--_pad-inline);max-inline-size:var(--slotted-data-grid-viewport,100%);grid-column:1/-1;position:sticky;inset-inline-start:0}[data-ui-data-grid][data-popin]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{grid-template-rows:minmax(var(--_track), auto) auto}[data-ui-data-grid][data-popin]>[data-part-scroll]>[data-part-summary]>[role=row]{grid-template-rows:minmax(var(--_head-block), auto) auto}[data-ui-data-grid][data-popin] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>:is([role=gridcell],[role=rowheader]):not([data-part-popin]){align-items:center}[data-ui-data-grid] [data-part-popin]{box-sizing:border-box;align-content:start;column-gap:var(--slotted-space-4,.5rem);max-inline-size:var(--slotted-data-grid-viewport,100%);min-inline-size:0;padding-block:0 var(--_pad-block);padding-inline:calc(var(--slotted-data-grid-leading,0px) + var(--_pad-inline)) var(--_pad-inline);row-gap:var(--slotted-space-2,.25rem);grid-area:2/1/auto/-1;grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));display:grid;position:sticky;inset-inline-start:0;container:slotted-data-grid-popin/inline-size}[data-ui-data-grid][data-narrow] [data-part-popin]{padding-inline-start:var(--_pad-inline)}[data-ui-data-grid] [data-part-popin-field]{flex-direction:column;min-inline-size:0;display:flex}@container slotted-data-grid-popin (width<19rem){[data-ui-data-grid] [data-part-popin-field]{align-items:baseline;column-gap:var(--slotted-space-3,.375rem);grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);display:grid}}[data-ui-data-grid] [data-part-popin-label]{color:var(--_muted);font-size:var(--slotted-font-size-xs,.75rem);font-weight:var(--slotted-font-weight-regular,400);overflow-wrap:anywhere}[data-ui-data-grid] [data-part-popin-value]{align-items:center;gap:var(--_gap);min-block-size:var(--_line);text-align:start;justify-content:start;min-inline-size:0;display:flex}[data-ui-data-grid] [data-part-popin-value][data-text]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-popin-value]>span:not([data-ui],[data-part]){overflow-wrap:anywhere;text-align:left;text-overflow:clip;white-space:normal;unicode-bidi:plaintext;flex:0 auto;min-inline-size:0;overflow:visible}[data-ui-data-grid]:dir(rtl) [data-part-popin-value]>span:not([data-ui],[data-part]){text-align:right}[data-ui-data-grid] [data-part-popin-value]>[data-ui]:not([data-part]){flex:none;max-inline-size:100%}[data-ui-data-grid] [data-part-group-row]{background-color:var(--_band-surface);color:var(--_text);font-weight:var(--slotted-font-weight-semibold,600)}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]{box-sizing:border-box;align-items:center;gap:var(--_gap);min-block-size:var(--_row-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);display:flex}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]:first-child{padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level,1) - 1));position:sticky;inset-inline-start:0}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]:first-child>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-data-grid] [data-part-group-row] [data-count]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular,400)}[data-ui-data-grid] [data-part-group-row] [data-aggregate]{color:var(--_muted);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium,500)}[data-ui-data-grid] [data-part-group-toggle]{margin-block:calc((var(--_line) - var(--slotted-target-min,24px)) / 2);margin-inline-start:calc(var(--slotted-space-2,.25rem) * -1)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]{z-index:calc(var(--slotted-z-index-sticky,100) + 1);position:sticky;inset-block-end:var(--slotted-data-grid-sticky-offset-end,0)}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-summary]{position:static}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows]{background-color:var(--_surface);z-index:calc(var(--slotted-z-index-sticky,100) + 1);position:sticky}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows][data-edge=top]{border-block-end:var(--_rule-width) solid var(--_rule-strong);inset-block-start:calc(var(--slotted-data-grid-sticky-offset,0px) + var(--slotted-data-grid-pinned-top-offset,0px))}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows][data-edge=bottom]{border-block-start:var(--_rule-width) solid var(--_rule-strong);inset-block-end:calc(var(--slotted-data-grid-sticky-offset-end,0px) + var(--slotted-data-grid-pinned-bottom-offset,0px))}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-pinned-rows]{position:static}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows] [data-pinned]{background-color:var(--_surface)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row]{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong)}[data-ui-data-grid] [data-part-summary-cell]{background-color:var(--_head-surface);font-weight:var(--slotted-font-weight-semibold,600);min-block-size:var(--_head-block)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky,100) + 2)}[data-ui-data-grid] [data-part-summary-cell] [data-label]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular,400);margin-inline-end:var(--slotted-space-2,.25rem)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]{block-size:var(--_line);align-items:center;gap:var(--slotted-space-1,.125rem);opacity:0;transition:opacity var(--_transition);display:inline-flex}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button{block-size:var(--_control);border-radius:var(--slotted-data-grid-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:pointer;inline-size:var(--_control);transition:background-color var(--_transition), color var(--_transition);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button :is(svg,img){block-size:var(--_control-icon);inline-size:var(--_control-icon)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button:not(:disabled):hover{background-color:color-mix(in oklab, var(--slotted-text,CanvasText) 7%, transparent);color:var(--_text)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-data-grid] [data-part-row]:not([data-disabled]):hover [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row]:focus-within [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row][data-current] [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row][data-editing] [data-part-cell]>[data-part-actions]{opacity:1}@media (pointer:coarse){[data-ui-data-grid] [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter]{opacity:1}[data-ui-data-grid][data-part-root]{--_control:min(var(--slotted-target-comfortable,44px), calc(min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2));--_target:var(--slotted-target-comfortable,44px);--_reach:max(0px, calc((var(--_target) - var(--_control)) / 2))}[data-ui-data-grid] [data-part-column-help],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter],[data-ui-data-grid] [data-part-expander],[data-ui-data-grid] [data-part-group-toggle],[data-ui-data-grid] [data-part-tree-toggle],[data-ui-data-grid] [data-part-row-handle]{box-sizing:content-box;margin:calc(var(--_reach) * -1);padding:var(--_reach);background-clip:content-box}}[data-ui-data-grid]>[data-part-scroll]>[data-part-empty]{box-sizing:border-box;inline-size:var(--slotted-data-grid-viewport,100%);min-block-size:calc(var(--_row-block) * 6);padding:var(--slotted-space-8,1.5rem);justify-content:center;align-items:center;display:flex;position:sticky;inset-inline-start:0}[data-ui-data-grid]>[data-part-scroll]>[data-part-loader]>[data-part-row]>*{box-sizing:border-box;min-block-size:max(var(--_row-block), var(--slotted-data-grid-loader-row-size,0px));min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);align-items:center;display:flex}[data-ui-data-grid][aria-busy=true]>[data-part-scroll]>[data-part-body]{opacity:.55;transition:opacity var(--_transition)}[data-ui-data-grid][aria-busy=true]>[data-part-scroll]>[data-part-body]:after{content:"";z-index:calc(var(--slotted-z-index-sticky,100) + 4);position:absolute;inset:0}[data-ui-data-grid]>[data-part-footer]{border-block-start:var(--_rule-width) solid var(--_rule);box-sizing:border-box;align-items:center;gap:var(--_gap);min-block-size:calc(var(--_head-block) + var(--_pad-block) * 2);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);flex-wrap:wrap;flex:none;display:flex}[data-ui-data-grid]>[data-part-footer]>:last-child{flex:auto;justify-content:flex-end;min-inline-size:0;display:flex}[data-ui-data-grid]>[data-part-footer] [data-range]{color:var(--_muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}@media (forced-colors:active){[data-ui-data-grid] [data-part-resizer]>[data-part-resize-guide]{forced-color-adjust:none;background-color:highlight}[data-ui-data-grid] [role=gridcell][data-current],[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) Highlight}[data-ui-data-grid] [data-part-cell][data-in-range]{color:highlighttext;background-color:highlight}[data-ui-data-grid] [data-part-drop-indicator]{background-color:highlight}[data-ui-data-grid] [data-part-cell][data-changed]{color:highlighttext;background-color:highlight;animation:none}[data-ui-data-grid] [data-part-resizer]:after{forced-color-adjust:none}}@media print{[data-ui-data-grid][data-part-root]{break-inside:auto;block-size:auto}[data-ui-data-grid]>[data-part-scroll]{overflow:visible}[data-ui-data-grid]>[data-part-scroll]>[data-part-head],[data-ui-data-grid]>[data-part-scroll]>[data-part-summary],[data-ui-data-grid]>[data-part-scroll]>[data-part-empty],[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows],[data-ui-data-grid] [data-pinned]{position:static}[data-ui-data-grid] [data-pinned]{box-shadow:none}[data-ui-data-grid] [data-part-column-actions],[data-ui-data-grid] [data-part-row-handle],[data-ui-data-grid] [data-part-resizer],[data-ui-data-grid] [data-part-drop-indicator],[data-ui-data-grid] [data-part-loader]{display:none}[data-ui-data-grid] [role=gridcell][data-current],[data-ui-data-grid] [role=rowheader][data-current],[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:none}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]{break-inside:avoid}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{--_hover:transparent}}}@property --slotted-data-grid-window-start{syntax:"*";inherits:false}@property --slotted-data-grid-window-total{syntax:"*";inherits:false}
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
|
|
6
6
|
@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}
|
|
7
7
|
|
|
8
|
-
@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px))
|
|
8
|
+
@layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
|
|
9
9
|
|
|
10
|
-
@layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;min-inline-size:0}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
|
|
10
|
+
@layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
|
|
11
11
|
|
|
12
12
|
@layer slotted.components{[data-ui-inline-message][data-part-root]{--_text:var(--slotted-text-muted);--_font-size:var(--slotted-control-font-size-sm,12px);--_mark-size:1em;--_column-gap:var(--slotted-inline-message-column-gap,var(--slotted-space-4,.5rem));color:var(--_text);font-family:var(--slotted-inline-message-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:var(--slotted-inline-message-line-height,var(--slotted-line-height-md,1.5));grid-template-columns:auto minmax(0,1fr);margin:0;display:grid;position:relative}[data-ui-inline-message][data-part-root][data-tone=accent]{--_text:var(--slotted-tone-accent-text)}[data-ui-inline-message][data-part-root][data-tone=secondary]{--_text:var(--slotted-text-muted)}[data-ui-inline-message][data-part-root][data-tone=success]{--_text:var(--slotted-tone-success-text)}[data-ui-inline-message][data-part-root][data-tone=info]{--_text:var(--slotted-tone-info-text)}[data-ui-inline-message][data-part-root][data-tone=warning]{--_text:var(--slotted-tone-warning-text)}[data-ui-inline-message][data-part-root][data-tone=danger]{--_text:var(--slotted-tone-danger-text)}[data-ui-inline-message][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px)}[data-ui-inline-message][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px)}[data-ui-inline-message][data-part-root][data-reserve]{min-block-size:1lh}[data-ui-inline-message]>[data-part-prefix]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-ui-inline-message]>[data-part-icon]{--slotted-icon-size:var(--_mark-size);block-size:var(--_mark-size);box-sizing:border-box;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_mark-size)) / 2);margin-inline-end:var(--_column-gap);display:flex}[data-ui-inline-message][data-part-root][data-mark=dot]{--_dot-size:calc(var(--_mark-size) / 3)}[data-ui-inline-message][data-mark=dot]>[data-part-icon]:has(>[data-ui-icon]>[data-glyph=dot]){--slotted-icon-size:calc(var(--_dot-size) * 2);inline-size:var(--_dot-size)}[data-ui-inline-message][data-tone=secondary]:not([data-loading]):not([data-mark=dot])>[data-part-icon]:empty,[data-ui-inline-message][data-mark=none]:not([data-loading])>[data-part-icon]:empty{display:none}[data-ui-inline-message]>[data-part-text]{overflow-wrap:anywhere;grid-area:1/2;min-inline-size:0}[data-ui-inline-message]>[data-part-actions]{align-items:center;gap:var(--slotted-inline-message-actions-gap,var(--_column-gap));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;margin-block-start:var(--slotted-inline-message-actions-offset,var(--slotted-space-2,.25rem));display:flex}[data-ui-inline-message]:has([data-part-text]:empty)>[data-part-icon],[data-ui-inline-message]:has([data-part-text]:empty)>[data-part-prefix]{display:none}[data-ui-inline-message][data-loading]>[data-part-icon]{animation:slotted-inline-message-spin var(--slotted-duration-loop-fast) linear infinite;block-size:var(--_mark-size);border:max(var(--slotted-border-width-thin,1px), calc(var(--_mark-size) / 8)) solid currentcolor;border-radius:var(--slotted-radius-full,9999px);inline-size:var(--_mark-size);border-inline-end-color:#0000;margin-block-start:calc((1lh - var(--_mark-size)) / 2);display:block}[data-ui-inline-message][data-loading]>[data-part-icon]>*{display:none}[data-ui-inline-message][data-part-root][data-disabled]{color:var(--slotted-disabled-foreground)}[data-ui-inline-message][data-disabled]>[data-part-icon]{animation:none}@media (prefers-reduced-motion:reduce){[data-ui-inline-message][data-loading]>[data-part-icon]{animation:none}}@media (forced-colors:active){[data-ui-inline-message]>[data-part-icon]{color:canvastext}[data-ui-inline-message][data-part-root][data-disabled]>[data-part-icon]{color:graytext}[data-ui-inline-message][data-loading]>[data-part-icon]{border-color:canvastext;border-inline-end-color:canvas}}}@keyframes slotted-inline-message-spin{to{transform:rotate(1turn)}}
|
|
13
13
|
|