@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-visually-hidden]:not([data-focusable]:focus-within){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}}
|
|
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
|
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
@layer slotted.components{[data-ui-result-state][data-part-root]{--_title-font-size:var(--slotted-result-state-title-font-size,var(--slotted-font-size-xl,1.125rem));--_title-line-height:var(--slotted-line-height-xl,1.45);--_description-font-size:var(--slotted-result-state-description-font-size,var(--slotted-font-size-md,.875rem));--_media-size:var(--slotted-result-state-media-size,var(--slotted-control-height-md,34px));--_inset-block:var(--slotted-result-state-padding-block,var(--slotted-space-9,2rem));--_inset-inline:var(--slotted-result-state-padding-inline,var(--slotted-space-6,1rem));--_row-gap:var(--slotted-result-state-row-gap,var(--slotted-space-6,1rem));--_column-gap:var(--slotted-result-state-column-gap,var(--slotted-space-4,.5rem));--_text-gap:var(--slotted-result-state-text-gap,var(--slotted-space-4,.5rem));--_actions-gap:var(--slotted-result-state-actions-block-gap,var(--slotted-space-8,1.5rem));--_title-tracking:var(--slotted-result-state-title-letter-spacing,-.01em);--_art:var(--slotted-control-height-lg,38px);--_art-glyph:var(--slotted-control-icon-size-lg,18px);box-sizing:border-box;inline-size:100%;color:var(--slotted-text);font-family:var(--slotted-result-state-font-family,var(--slotted-font-family-sans,sans-serif));font-size:var(--_title-font-size);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter), display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete;grid-template-columns:minmax(0,1fr);display:grid;container:slotted-result-state/inline-size}[data-ui-result-state][data-part-root][data-reach=inline]{--_title-font-size:var(--slotted-result-state-title-font-size,var(--slotted-font-size-sm,.8125rem));--_title-line-height:var(--slotted-line-height-sm,1.45);--_description-font-size:var(--slotted-result-state-description-font-size,var(--slotted-font-size-xs,.75rem));--_media-size:var(--slotted-result-state-media-size,var(--slotted-control-icon-size-md,16px));--_inset-block:var(--slotted-result-state-padding-block,var(--slotted-space-4,.5rem));--_inset-inline:var(--slotted-result-state-padding-inline,var(--slotted-space-4,.5rem));--_row-gap:var(--slotted-result-state-row-gap,var(--slotted-space-3,.375rem));--_title-tracking:var(--slotted-result-state-title-letter-spacing,0);grid-template-columns:auto minmax(0,auto) auto}[data-ui-result-state][data-part-root][data-reach=page]{--_title-font-size:var(--slotted-result-state-title-font-size,var(--slotted-font-size-3xl,1.5rem));--_title-line-height:var(--slotted-line-height-3xl,1.3);--_description-font-size:var(--slotted-result-state-description-font-size,var(--slotted-font-size-lg,1rem));--_media-size:var(--slotted-result-state-media-size,calc(var(--slotted-control-height-lg,38px) * 1.5));--_inset-block:var(--slotted-result-state-padding-block,var(--slotted-space-12,4rem));--_row-gap:var(--slotted-result-state-row-gap,var(--slotted-space-8,1.5rem));--_actions-gap:var(--slotted-result-state-actions-block-gap,var(--slotted-space-9,2rem));--_art:calc(var(--slotted-control-height-lg,38px) * 1.5);--_art-glyph:calc(var(--slotted-control-icon-size-lg,18px) * 1.5)}[data-ui-result-state][data-part-root][data-align=center]{text-align:center;justify-items:center}[data-ui-result-state][data-part-root][data-align=start]{text-align:start;justify-items:start}[data-ui-result-state][data-part-root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui-result-state][data-part-root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui-result-state]>[data-part-media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);inline-size:var(--_media-size);display:none}[data-ui-result-state]>[data-part-media]:not(:empty){block-size:var(--_media-size);inline-size:auto;min-inline-size:var(--_media-size);background-color:#0000;justify-content:center;align-items:center;display:flex}[data-ui-result-state]>[data-part-media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui-result-state][data-reach=inline]>[data-part-media]:not(:empty){grid-area:1/1;align-self:start;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part-media]:not(:empty){--_ring:var(--slotted-space-2,.25rem);--_inner-radius:var(--slotted-radius-lg,8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter), scale var(--slotted-duration-medium) var(--slotted-easing-enter);position:relative}[data-ui-result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part-media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:"";inset:calc(var(--_ring) - var(--slotted-border-width-thin,1px));z-index:-1;position:absolute}[data-ui-result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part-media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty){--_side:calc(var(--_art) + var(--slotted-space-2,.25rem));--_lean:1;--_step-x:calc(var(--_side) * -.36 * var(--_lean));--_step-y:calc(var(--_side) * -.3);--_layer-border:var(--slotted-border-width-thin,1px);--_far:color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg,8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised), calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145);position:relative}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part-media]:not(:empty){--_lean:-1}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):before,[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:"";position:absolute;inset:0}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):before{border-color:color-mix(in oklab, var(--slotted-border-subtle), var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui-result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part-media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]{--_pad:var(--slotted-space-6,1rem);--_gap:var(--slotted-space-5,.75rem);--_thumb:var(--slotted-control-height-sm,30px);--_step:var(--slotted-space-5,.75rem);--_line:var(--slotted-space-4,.5rem);--_line-2:var(--slotted-space-3,.375rem);--_line-gap:var(--slotted-space-3,.375rem);--_lines-x:calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length:calc(( var(--slotted-space-11,3rem) * 4 + var(--slotted-space-6,1rem) - var(--_lines-x) - var(--_pad) ) * .75);--_line-2-length:calc(( var(--slotted-space-11,3rem) * 4 + var(--slotted-space-6,1rem) - var(--_lines-x) - var(--_pad) ) * .5);--_line-1-y:calc((var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2);--_edge:left;--_ink:var(--slotted-border-subtle);--_ink-2:color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));background:radial-gradient(closest-side, var(--_ink) calc(100% - .5px), transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat, radial-gradient(closest-side, var(--_ink) calc(100% - .5px), transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat, linear-gradient(var(--_ink), var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat, radial-gradient(closest-side, var(--_ink-2) calc(100% - .5px), transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat, radial-gradient(closest-side, var(--_ink-2) calc(100% - .5px), transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat, linear-gradient(var(--_ink-2), var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat, var(--slotted-surface-raised);block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg,8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--slotted-space-11,3rem) * 4 + var(--slotted-space-6,1rem));min-inline-size:0;max-inline-size:100%;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin,1px));background-origin:border-box;justify-content:flex-start;align-items:center;margin-block-start:calc(2 * var(--_step));display:flex;position:relative}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:empty{--_lines-x:var(--_pad)}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part-media]{--_edge:right}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:before,[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:after{background-color:var(--slotted-surface-sunken);border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:"";block-size:100%;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1;position:absolute;inset-block-start:calc(-1 * var(--slotted-border-width-thin,1px))}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin,1px));translate:0 calc(-2 * var(--_step))}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin,1px));translate:0 calc(-1 * var(--_step))}[data-ui-result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part-media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm,4px);box-sizing:border-box;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md,16px)) / 2);flex:none}[data-ui-result-state]>[data-part-content]{row-gap:var(--_text-gap);min-inline-size:0;display:grid}[data-ui-result-state][data-reach=inline]>[data-part-content]{grid-area:1/2}[data-ui-result-state] [data-part-title]{font-family:var(--slotted-result-state-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-result-state-title-font-weight,var(--slotted-font-weight-semibold,600));letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);overflow-wrap:break-word;text-wrap:balance;min-inline-size:0;margin:0}[data-ui-result-state] [data-part-description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);overflow-wrap:break-word;min-inline-size:0;margin:0}[data-ui-result-state]>[data-part-actions]{align-items:center;gap:var(--slotted-result-state-actions-gap,var(--slotted-space-4,.5rem));flex-wrap:wrap;min-inline-size:0;display:flex}[data-ui-result-state][data-align=center]>[data-part-actions]{justify-content:center}[data-ui-result-state]:not([data-reach=inline])>[data-part-content]+[data-part-actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui-result-state][data-reach=inline]>[data-part-actions]{block-size:1lh;grid-area:1/3;align-content:center;align-self:start;margin-inline-start:var(--_column-gap)}[data-ui-result-state]>[data-part-footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm,.8125rem);line-height:var(--slotted-line-height-sm,1.45);min-inline-size:0}[data-ui-result-state][data-reach=inline]>[data-part-footer]{grid-area:2/2}[data-ui-result-state][data-part-root]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}@container slotted-result-state (width<=20rem){[data-ui-result-state]>[data-part-actions]{flex-direction:column}[data-ui-result-state][data-align=center]>[data-part-actions]{align-items:center}[data-ui-result-state][data-align=start]>[data-part-actions]{align-items:flex-start}[data-ui-result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui-result-state][data-reach=inline]>[data-part-actions]{grid-area:2/2;block-size:auto;margin-inline-start:0}[data-ui-result-state][data-reach=inline]>[data-part-footer]{grid-area:3/2}}[data-ui-result-state][data-part-root][hidden]{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), display var(--slotted-duration-short) var(--slotted-easing-exit);display:none}@starting-style{[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])>[data-part-media]{--_step-x:0px;--_step-y:0px}[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part-media]{opacity:0;scale:.96}[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part-media]:before,[data-ui-result-state][data-part-root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part-media]:after{translate:0}}[data-ui-result-state][data-illustration=cards]>[data-part-media]:before{transition-delay:var(--slotted-duration-short)}}
|
|
17
17
|
|
|
18
|
-
@layer slotted.components{[data-ui-tabs]{--_height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,.875rem);--_padding-inline:var(--slotted-control-padding-inline-md,.75rem);--_inner-gap:var(--slotted-control-gap-md,.375rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_list-gap:var(--slotted-space-1,.125rem);--_track-size:var(--slotted-border-width-thin,1px);--_dismiss-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_dismiss-overhang:calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size:max(var(--slotted-tabs-marker-size,3px), var(--slotted-border-width-thick,2px));--_marker-radius:var(--slotted-tabs-marker-radius,var(--slotted-radius-full,9999px));--_marker-inset:var(--slotted-tabs-marker-inset,var(--_padding-inline));--_marker-offset:var(--slotted-tabs-marker-offset,1px);--_track-color:var(--slotted-tabs-track-color,var(--slotted-border-subtle,ButtonBorder));--_fade:var(--slotted-tabs-fade-size,var(--slotted-space-6,1rem));row-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto auto;min-inline-size:0;display:grid}[data-ui-tabs][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,.8125rem);--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_inner-gap:var(--slotted-control-gap-sm,.25rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-tabs][data-size=lg]{--_height:var(--slotted-control-height-lg,40px);--_font-size:var(--slotted-control-font-size-lg,1rem);--_padding-inline:var(--slotted-control-padding-inline-lg,1rem);--_inner-gap:var(--slotted-control-gap-lg,.5rem);--_icon-size:var(--slotted-control-icon-size-lg,20px);--_inner-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-tabs][data-orientation=vertical]{--_marker-inset:var(--slotted-tabs-marker-inset,0px);column-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr)}[data-ui-tabs]>[data-part-list]{align-items:stretch;gap:var(--slotted-tabs-list-gap,var(--_list-gap));overscroll-behavior-inline:contain;scrollbar-width:thin;grid-area:1/2;min-inline-size:0;display:flex;position:relative;overflow:auto hidden}[data-ui-tabs][data-overflowing]>[data-part-list]{scrollbar-width:none}[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{--_track-reach:var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{text-align:start;justify-content:start}[data-ui-tabs][data-orientation=vertical]>[data-part-list]{flex-direction:column;grid-area:1/1;overflow:hidden auto}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part-list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui-tabs][data-fit=equal]>[data-part-list]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;display:grid;overflow:visible}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>[data-part-item]{min-inline-size:0}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-tabs]>:where([data-part-list])>[data-part-item]{flex:none;grid-auto-flow:column;align-items:stretch;display:grid;position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-color,var(--slotted-text-muted,GrayText));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(--_inner-gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;text-decoration:none;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss])>[data-part-tab]{padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{unicode-bidi:plaintext;min-inline-size:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>:is([data-part-start],[data-part-end]){--slotted-icon-size:var(--_icon-size);flex:none;align-items:center;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset,2px) + var(--_marker-size)))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]: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-tabs]>:where([data-part-list])>[data-part-item][data-selected]>[data-part-tab]{color:var(--slotted-tabs-selected-color,var(--slotted-tone-accent-text))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{--_start-inset:var(--_marker-inset);--_end-inset:var(--_marker-inset);--_left-inset:var(--_start-inset);--_span:calc(var(--_indicator-length,0px) - var(--_start-inset) - var(--_end-inset));--_length:max(var(--slotted-space-6,1rem), var(--_span));background-color:var(--slotted-tabs-marker-color,var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift,0px) + var(--_marker-offset));left:calc(var(--_indicator-start,0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2);pointer-events:none;position:absolute}[data-ui-tabs]:dir(rtl)>:where([data-part-list])>[data-part-marker]{--_left-inset:var(--_end-inset)}[data-ui-tabs]:not([data-orientation=vertical])>[data-part-list]:has(>[data-part-item][data-selected]>[data-part-dismiss])>[data-part-marker]{--_end-inset:0px}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][hidden]{display:none}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{--_marker-easing:var(--slotted-tabs-marker-easing,cubic-bezier(.4, 0, .2, 1));transition:left var(--slotted-duration-medium) var(--_marker-easing), top var(--slotted-duration-medium) var(--_marker-easing), inline-size var(--slotted-duration-medium) var(--_marker-easing), block-size var(--slotted-duration-medium) var(--_marker-easing)}@media (prefers-reduced-motion:reduce){[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{transition:none}}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:before{background-color:var(--slotted-tabs-hover-marker-color,var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:"";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach,0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6,1rem);opacity:0;pointer-events:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);position:absolute}[data-ui-tabs]:not([data-orientation=vertical])>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity,.5)}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color,var(--slotted-text))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:calc(var(--_indicator-start,0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2) auto;inset-inline:auto calc(var(--_marker-lift,0px) + var(--_marker-offset))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach,0px));min-block-size:var(--slotted-space-6,1rem);min-inline-size:0}[data-ui-tabs][data-variant=contained]>[data-part-list]{--_marker-lift:calc(2 * var(--slotted-space-1,.125rem));background-color:var(--slotted-tabs-contained-background,var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md,6px);max-inline-size:100%;padding:var(--slotted-space-1,.125rem);justify-self:start}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item]{border-radius:var(--slotted-radius-sm,4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background,var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{--slotted-icon-size:var(--_icon-size);appearance:none;block-size:var(--_dismiss-size);border-radius:var(--slotted-radius-full,9999px);color:var(--slotted-tabs-dismiss-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_dismiss-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;justify-content:center;align-self:center;align-items:center;margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;display:inline-flex}@media (pointer:coarse){[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):hover{background-color:var(--slotted-tabs-dismiss-hover-background,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-tabs-dismiss-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):active{background-color:var(--slotted-tabs-dismiss-active-background,var(--slotted-tone-secondary-subtle-active));color:var(--slotted-tabs-dismiss-active-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>[data-part-scroll]{--slotted-icon-size:var(--_icon-size);appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-scroll-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));min-block-size:var(--_height);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list],[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to left, transparent, black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled)):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade), black calc(100% - var(--_fade)), transparent)}@media (pointer:coarse){[data-ui-tabs]>[data-part-scroll]{min-block-size:max(var(--slotted-target-comfortable,44px), var(--_height));min-inline-size:max(var(--slotted-target-comfortable,44px), var(--_height))}}[data-ui-tabs]>[data-part-scroll][data-direction=start]{grid-area:1/1;margin-inline-end:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=end]{grid-area:1/3;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=start]>[data-ui-icon]{rotate:.5turn}[data-ui-tabs]>[data-part-scroll]:not(:disabled):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs]>[data-part-scroll]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>[data-part-scroll]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-tabs]>[data-part-scroll]:disabled{cursor:default;visibility:hidden}[data-ui-tabs][data-orientation=vertical]>[data-part-scroll]{display:none}[data-ui-tabs]>[data-part-actions]{grid-area:1/4;align-self:center;align-items:center;min-inline-size:0;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem));display:flex}[data-ui-tabs][data-orientation=vertical]>[data-part-actions]{grid-area:2/1}[data-ui-tabs]>[data-part-panel]{overflow-wrap:anywhere;grid-area:2/1/auto/-1;min-inline-size:0}[data-ui-tabs][data-orientation=vertical]>[data-part-panel]{grid-area:1/2/-1}[data-ui-tabs]>[data-part-panel][hidden]{display:none}[data-ui-tabs]>[data-part-panel]: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-tabs]>[data-part-panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui-tabs][data-disabled]{--_track-color:var(--slotted-disabled-border,GrayText)}[data-ui-tabs][data-disabled][data-variant=contained]>[data-part-list]{background-color:var(--slotted-disabled-background,Canvas)}[data-ui-tabs][data-disabled]>:where([data-part-list])>[data-part-marker]{background-color:var(--slotted-disabled-border)}@media (forced-colors:active){[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{forced-color-adjust:none;background-color:highlight}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{border:var(--slotted-border-width-thin,1px) solid Highlight}}}
|
|
18
|
+
@layer slotted.components{[data-ui-tabs]{--_height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,.875rem);--_padding-inline:var(--slotted-control-padding-inline-md,.75rem);--_inner-gap:var(--slotted-control-gap-md,.375rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_list-gap:var(--slotted-space-1,.125rem);--_track-size:var(--slotted-border-width-thin,1px);--_dismiss-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_dismiss-overhang:calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size:max(var(--slotted-tabs-marker-size,3px), var(--slotted-border-width-thick,2px));--_marker-radius:var(--slotted-tabs-marker-radius,var(--slotted-radius-full,9999px));--_marker-inset:var(--slotted-tabs-marker-inset,var(--_padding-inline));--_marker-offset:var(--slotted-tabs-marker-offset,1px);--_track-color:var(--slotted-tabs-track-color,var(--slotted-border-subtle,ButtonBorder));--_fade:var(--slotted-tabs-fade-size,var(--slotted-space-6,1rem));row-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto auto;min-inline-size:0;display:grid}[data-ui-tabs][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,.8125rem);--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_inner-gap:var(--slotted-control-gap-sm,.25rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-tabs][data-size=lg]{--_height:var(--slotted-control-height-lg,40px);--_font-size:var(--slotted-control-font-size-lg,1rem);--_padding-inline:var(--slotted-control-padding-inline-lg,1rem);--_inner-gap:var(--slotted-control-gap-lg,.5rem);--_icon-size:var(--slotted-control-icon-size-lg,20px);--_inner-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-tabs][data-orientation=vertical]{--_marker-inset:var(--slotted-tabs-marker-inset,0px);column-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr)}[data-ui-tabs]>[data-part-list]{align-items:stretch;gap:var(--slotted-tabs-list-gap,var(--_list-gap));overscroll-behavior-inline:contain;scrollbar-width:thin;grid-area:1/2;min-inline-size:0;display:flex;position:relative;overflow:auto hidden}[data-ui-tabs][data-overflowing]>[data-part-list]{scrollbar-width:none}[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{--_track-reach:var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{text-align:start;justify-content:start}[data-ui-tabs][data-orientation=vertical]>[data-part-list]{flex-direction:column;grid-area:1/1;overflow:hidden auto}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part-list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui-tabs][data-fit=equal]>[data-part-list]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;display:grid;overflow:visible}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>[data-part-item]{min-inline-size:0}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-tabs]>:where([data-part-list])>[data-part-item]{flex:none;grid-auto-flow:column;align-items:stretch;display:grid;position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-color,var(--slotted-text-muted,GrayText));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(--_inner-gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;text-decoration:none;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss])>[data-part-tab]{padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{unicode-bidi:plaintext;min-inline-size:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>:is([data-part-start],[data-part-end]){--slotted-icon-size:var(--_icon-size);flex:none;align-items:center;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset,2px) + var(--_marker-size)))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]: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-tabs]>:where([data-part-list])>[data-part-item][data-selected]>[data-part-tab]{color:var(--slotted-tabs-selected-color,var(--slotted-tone-accent-text))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{--_start-inset:var(--_marker-inset);--_end-inset:var(--_marker-inset);--_left-inset:var(--_start-inset);--_span:calc(var(--_indicator-length,0px) - var(--_start-inset) - var(--_end-inset));--_length:max(var(--slotted-space-6,1rem), var(--_span));background-color:var(--slotted-tabs-marker-color,var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift,0px) + var(--_marker-offset));left:calc(var(--_indicator-start,0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2);pointer-events:none;position:absolute}[data-ui-tabs]:dir(rtl)>:where([data-part-list])>[data-part-marker]{--_left-inset:var(--_end-inset)}[data-ui-tabs]:not([data-orientation=vertical])>[data-part-list]:has(>[data-part-item][data-selected]>[data-part-dismiss])>[data-part-marker]{--_end-inset:0px}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][hidden]{display:none}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{--_marker-easing:var(--slotted-tabs-marker-easing,cubic-bezier(.4, 0, .2, 1));animation:slotted-tabs-marker-slide var(--slotted-duration-medium) var(--_marker-easing);transform-origin:0 0}@keyframes slotted-tabs-marker-slide{0%{translate:var(--_indicator-shift,0px 0px);scale:var(--_indicator-scale,1 1)}}@media (prefers-reduced-motion:reduce){[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{animation:none}}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:before{background-color:var(--slotted-tabs-hover-marker-color,var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:"";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach,0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6,1rem);opacity:0;pointer-events:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);position:absolute}[data-ui-tabs]:not([data-orientation=vertical])>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity,.5)}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color,var(--slotted-text))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:calc(var(--_indicator-start,0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2) auto;inset-inline:auto calc(var(--_marker-lift,0px) + var(--_marker-offset))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach,0px));min-block-size:var(--slotted-space-6,1rem);min-inline-size:0}[data-ui-tabs][data-variant=contained]>[data-part-list]{--_marker-lift:calc(2 * var(--slotted-space-1,.125rem));background-color:var(--slotted-tabs-contained-background,var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md,6px);max-inline-size:100%;padding:var(--slotted-space-1,.125rem);justify-self:start}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item]{border-radius:var(--slotted-radius-sm,4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background,var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{--slotted-icon-size:var(--_icon-size);appearance:none;block-size:var(--_dismiss-size);border-radius:var(--slotted-radius-full,9999px);color:var(--slotted-tabs-dismiss-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_dismiss-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;justify-content:center;align-self:center;align-items:center;margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;display:inline-flex}@media (pointer:coarse){[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):hover{background-color:var(--slotted-tabs-dismiss-hover-background,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-tabs-dismiss-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):active{background-color:var(--slotted-tabs-dismiss-active-background,var(--slotted-tone-secondary-subtle-active));color:var(--slotted-tabs-dismiss-active-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>[data-part-scroll]{--slotted-icon-size:var(--_icon-size);appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-scroll-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));min-block-size:var(--_height);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list],[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to left, transparent, black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled)):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade), black calc(100% - var(--_fade)), transparent)}@media (pointer:coarse){[data-ui-tabs]>[data-part-scroll]{min-block-size:max(var(--slotted-target-comfortable,44px), var(--_height));min-inline-size:max(var(--slotted-target-comfortable,44px), var(--_height))}}[data-ui-tabs]>[data-part-scroll][data-direction=start]{grid-area:1/1;margin-inline-end:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=end]{grid-area:1/3;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=start]>[data-ui-icon]{rotate:.5turn}[data-ui-tabs]>[data-part-scroll]:not(:disabled):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs]>[data-part-scroll]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>[data-part-scroll]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-tabs]>[data-part-scroll]:disabled{cursor:default;visibility:hidden}[data-ui-tabs][data-orientation=vertical]>[data-part-scroll]{display:none}[data-ui-tabs]>[data-part-actions]{grid-area:1/4;align-self:center;align-items:center;min-inline-size:0;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem));display:flex}[data-ui-tabs][data-orientation=vertical]>[data-part-actions]{grid-area:2/1}[data-ui-tabs]>[data-part-panel]{overflow-wrap:anywhere;grid-area:2/1/auto/-1;min-inline-size:0}[data-ui-tabs][data-orientation=vertical]>[data-part-panel]{grid-area:1/2/-1}[data-ui-tabs]>[data-part-panel][hidden]{display:none}[data-ui-tabs]>[data-part-panel]: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-tabs]>[data-part-panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui-tabs][data-disabled]{--_track-color:var(--slotted-disabled-border,GrayText)}[data-ui-tabs][data-disabled][data-variant=contained]>[data-part-list]{background-color:var(--slotted-disabled-background,Canvas)}[data-ui-tabs][data-disabled]>:where([data-part-list])>[data-part-marker]{background-color:var(--slotted-disabled-border)}@media (forced-colors:active){[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{forced-color-adjust:none;background-color:highlight}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{border:var(--slotted-border-width-thin,1px) solid Highlight}}}
|
|
19
19
|
|
|
20
20
|
@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)}}
|
|
21
21
|
|
|
@@ -65,6 +65,6 @@
|
|
|
65
65
|
|
|
66
66
|
@layer slotted.components{[data-ui-table][data-part-root]{--_row-min-block:var(--slotted-table-row-min-block-size,var(--slotted-control-height-md,34px));--_font-size:var(--slotted-table-font-size,var(--slotted-control-font-size-md,13px));--_icon-size:var(--slotted-table-icon-size,var(--slotted-control-icon-size-md,16px));--_gap:var(--slotted-table-gap,var(--slotted-control-gap-md,8px));--_pad-inline:var(--slotted-table-cell-padding-inline,var(--slotted-control-padding-inline-md,13px));--_pad-block:var(--slotted-table-cell-padding-block,max(var(--slotted-space-2,.25rem), calc((var(--_row-min-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-table-radius,var(--slotted-radius-md,6px));--_rule:var(--slotted-table-border-color,var(--slotted-border-subtle,ButtonBorder));--_rule-strong:var(--slotted-table-border-color-strong,var(--slotted-border-strong,ButtonBorder));--_rule-width:var(--slotted-table-border-width,var(--slotted-border-width-thin,1px));--_text:var(--slotted-table-color,var(--slotted-text,CanvasText));--_muted:var(--slotted-table-color-muted,var(--slotted-text-muted,GrayText));--_surface:var(--slotted-table-surface,var(--slotted-ground,var(--slotted-surface,Canvas)));--_head-surface:var(--slotted-table-header-surface,color-mix(in oklab, var(--slotted-text,CanvasText) 8%, var(--_surface)));--_stripe:var(--slotted-table-row-surface-stripe,color-mix(in oklab, var(--slotted-text,CanvasText) 5%, var(--_surface)));--_hover:var(--slotted-table-row-surface-hover,var(--slotted-tone-secondary-subtle-hover,ButtonFace));--_selected:var(--slotted-table-row-surface-selected,var(--slotted-tone-accent-surface,Canvas));--_selected-hover:var(--slotted-table-row-surface-selected-hover,var(--slotted-tone-accent-subtle-hover,ButtonFace));--_selected-text:var(--slotted-table-row-color-selected,var(--slotted-tone-accent-text,CanvasText));background-color:var(--_surface);box-sizing:border-box;color:var(--_text);isolation:isolate;font-family:var(--slotted-table-font-family,var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--slotted-line-height-md,1.5);max-inline-size:100%;display:block}[data-ui-table][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-table-shadow,var(--slotted-shadow-xs,none));overflow:clip}[data-ui-table] [data-part-scroll]{overscroll-behavior-inline:contain;overflow:auto}[data-ui-table] [data-part-scroll]:focus{outline:none}[data-ui-table] [data-part-scroll]:focus-visible[data-focus-origin=keyboard]{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-table] [data-part-table]{border-collapse:separate;border-spacing:0;text-align:start;inline-size:max-content;min-inline-size:100%}[data-ui-table][data-layout=fixed] [data-part-table]{table-layout:fixed;inline-size:100%}[data-ui-table] [data-part-caption]{caption-side:block-start;color:var(--_muted);font-size:var(--slotted-font-size-xs,.75rem);padding-block:var(--_pad-block);padding-inline:var(--_edge-inset);text-align:start}[data-ui-table] [data-part-column-header],[data-ui-table] [data-part-head] [data-part-selection]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong);color:var(--_text);font-weight:var(--slotted-font-weight-semibold,600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;vertical-align:bottom;position:relative}[data-ui-table][data-variant=plain] [data-part-column-header]{background-color:#0000}[data-ui-table] [data-part-row]{background-color:var(--_surface)}[data-ui-table]{--_cell-align:middle}[data-ui-table][data-cell-align=start]{--_cell-align:top}[data-ui-table][data-cell-align=end]{--_cell-align:bottom}[data-ui-table] [data-part-cell],[data-ui-table] [data-part-row-header]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;vertical-align:var(--_cell-align)}[data-ui-table][data-part-root]{--_edge-inset:var(--_pad-inline)}[data-ui-table][data-part-root][data-edges=flush]:is([data-variant=plain],[data-variant=ruled]){--_edge-inset:var(--slotted-table-edge-inset,0px)}[data-ui-table] [data-part-row]>:is([data-part-cell],[data-part-row-header],[data-part-group-header]):first-child,[data-ui-table] [data-part-row]>[data-part-column-header]:first-child:not(:has(>[data-part-sort])),[data-ui-table] [data-part-row]>[data-part-column-header]:first-child>[data-part-sort]{padding-inline-start:var(--_edge-inset)}[data-ui-table] [data-part-row]>:is([data-part-cell],[data-part-row-header],[data-part-group-header]):last-child,[data-ui-table] [data-part-row]>[data-part-column-header]:last-child:not(:has(>[data-part-sort])),[data-ui-table] [data-part-row]>[data-part-column-header]:last-child>[data-part-sort]{padding-inline-end:var(--_edge-inset)}[data-ui-table] [data-block-align=start]{vertical-align:top}[data-ui-table] [data-block-align=center]{vertical-align:middle}[data-ui-table] [data-block-align=end]{vertical-align:bottom}[data-ui-table] :is([data-part-cell],[data-part-row-header]):has(>[data-part-root][data-variant=plain]:is([data-ui-select],[data-ui-combobox],[data-ui-multi-select],[data-ui-text-field],[data-ui-textarea],[data-ui-number-field],[data-ui-currency-field],[data-ui-date-field],[data-ui-time-field],[data-ui-datetime-field],[data-ui-tags-input],[data-ui-date-range-picker],[data-ui-time-range-picker],[data-ui-datetime-range-picker],[data-ui-entity-picker])){--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:var(--_row-min-block);--slotted-control-height-md:var(--_row-min-block);--slotted-control-height-lg:var(--_row-min-block);padding:0}[data-ui-table] [data-part-row-header]{font-weight:var(--slotted-font-weight-medium,500)}[data-ui-table]:is([data-variant=ruled],[data-variant=framed]) [data-part-body]>[data-part-row]>*{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-table]:is([data-variant=ruled],[data-variant=framed]) [data-part-body]>[data-part-row]:last-child>*{border-block-end-color:#0000}[data-ui-table][data-striped] [data-part-body]>[data-part-row]:nth-child(2n){background-color:var(--_stripe)}[data-ui-table] [data-part-body]>[data-part-row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-table] [data-part-body]>[data-part-row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui-table] [data-part-body]>[data-part-row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui-table] [data-part-row][data-disabled]{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-table] [data-part-body]>[data-part-row][data-current]:not([data-selected]){background-color:var(--slotted-table-row-surface-current,var(--slotted-tone-secondary-subtle-active,ButtonFace))}[data-ui-table] [data-part-body]>[data-part-row][data-interactive]:not([data-disabled]){cursor:pointer}[data-ui-table] [data-part-group-header]{background-color:var(--slotted-table-group-surface,var(--_stripe));border-block-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-table-group-color,var(--_text));font-weight:var(--slotted-font-weight-semibold,600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui-table] [data-part-group-content]{align-items:baseline;gap:var(--_gap);justify-content:space-between;min-inline-size:0;display:flex}[data-ui-table] [data-part-group-end]{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}[data-ui-table] [data-part-group-row][data-sticky]>[data-part-group-header]{z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-block-start:var(--slotted-table-group-sticky-offset,0)}[data-ui-table][data-sticky-header] [data-part-group-row][data-sticky]>[data-part-group-header]{inset-block-start:var(--slotted-table-group-sticky-offset,calc(var(--_row-min-block) + var(--_rule-width)))}@media (forced-colors:active){[data-ui-table] [data-part-body]>[data-part-row][data-current]{outline:var(--_rule-width) solid Highlight;outline-offset:calc(var(--_rule-width) * -1)}}[data-ui-table] [data-align=start]{text-align:start}[data-ui-table] [data-align=center]{text-align:center}[data-ui-table] [data-align=end]{text-align:end}[data-ui-table] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui-table] [data-numeric]:not([data-align]){text-align:end}[data-ui-table] [data-text=wrap]{overflow-wrap:anywhere}[data-ui-table] [data-text=nowrap]{white-space:nowrap}[data-ui-table] [data-text=truncate]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-table][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection]{z-index:calc(var(--slotted-z-index-sticky,100) + 1);position:sticky;inset-block-start:0}[data-ui-table][data-sticky-to=page][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-to=page][data-sticky-header] [data-part-head] [data-part-selection]{inset-block-start:var(--slotted-table-sticky-offset,0)}[data-ui-table][data-sticky-to=page] [data-part-scroll]{overflow:visible}[data-ui-table][data-sticky-footer] [data-part-summary]>[data-part-row]>*{z-index:calc(var(--slotted-z-index-sticky,100) + 1);position:sticky;inset-block-end:0}[data-ui-table][data-sticky-to=page][data-sticky-footer] [data-part-summary]>[data-part-row]>*{inset-block-end:var(--slotted-table-sticky-offset-end,0)}[data-ui-table][data-sticky-footer] [data-part-summary] [data-sticky]{z-index:calc(var(--slotted-z-index-sticky,100) + 2)}[data-ui-table] [data-sticky=start]{background-color:inherit;z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-inline-start:var(--slotted-table-sticky-inset,0)}[data-ui-table] [data-sticky=end]{background-color:inherit;z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-inline-end:var(--slotted-table-sticky-inset,0)}[data-ui-table][data-sticky-header] [data-part-column-header][data-sticky],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection][data-sticky]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky,100) + 2)}[data-ui-table] [data-sticky]:after{background-color:var(--slotted-table-border-color,var(--slotted-border-subtle));content:"";inline-size:var(--_rule-width);inset-block:calc(var(--_rule-width) * -1) 0;z-index:1;position:absolute}[data-ui-table] [data-sticky=start]:after{inset-inline-end:0}[data-ui-table] [data-sticky=end]:after{inset-inline-start:0}[data-ui-table] [data-part-column-header]:has(>[data-part-sort]){padding:0}[data-ui-table] [data-part-column-header]:has(>[data-part-column-actions]){--_actions-room:var(--slotted-table-column-actions-size,calc(var(--_pad-inline) + var(--slotted-target-min,24px) + var(--_gap)));padding-inline-end:var(--_actions-room)}[data-ui-table] [data-part-column-actions]{align-items:center;gap:var(--_gap);display:inline-flex;position:absolute;inset-block:0;inset-inline-end:var(--_pad-inline)}[data-ui-table] [data-part-sort]{color:inherit;cursor:pointer;font:inherit;align-items:center;gap:var(--_gap);inline-size:100%;min-block-size:var(--slotted-target-min,24px);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:inherit;background-color:#0000;border:0;justify-content:space-between;display:flex}[data-ui-table] [data-align=center]>[data-part-sort]{justify-content:center}[data-ui-table] :is([data-align=end],[data-numeric]:not([data-align]))>[data-part-sort]{justify-content:end}[data-ui-table] [data-part-column-header]:has(>[data-part-sort]:not(:disabled)):hover{background-color:var(--slotted-table-header-surface-hover,color-mix(in oklab, var(--slotted-text,CanvasText) 7%, var(--_head-surface)))}[data-ui-table] [data-part-column-header]{transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-table] [data-part-sort]: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-table] [data-part-sort]>[data-ui-icon]{--slotted-icon-size:var(--_icon-size);opacity:0;transition:opacity var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), rotate var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-table] [data-part-sort]:not(:disabled):hover>[data-ui-icon],[data-ui-table] [data-part-sort]:focus-visible>[data-ui-icon]{opacity:.55}[data-ui-table] [aria-sort]>[data-part-sort]>[data-ui-icon]{opacity:1}[data-ui-table] [aria-sort=ascending]>[data-part-sort]>[data-ui-icon]{rotate:180deg}[data-ui-table] [data-part-selection]{inline-size:var(--slotted-table-selection-size,3rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:center;vertical-align:var(--_cell-align);white-space:nowrap}[data-ui-table] [data-part-selection]>[data-ui-checkbox]{block-size:var(--_line)}[data-ui-table] [data-part-selection]{--slotted-selection-halo-opacity:0}[data-ui-table] [data-part-cell]:has(>[data-part-expander]){white-space:nowrap;inline-size:1%;padding-inline-end:0}[data-ui-table] [data-part-column-actions] :has([data-part-filter]){display:contents}[data-ui-table] [data-part-expander],[data-ui-table] [data-part-column-actions]>button,[data-ui-table] button[data-part-column-actions],[data-ui-table] [data-part-filter]{border-radius:var(--slotted-table-control-radius,var(--slotted-radius-sm,4px));color:var(--_muted);cursor:pointer;block-size:var(--slotted-target-min,24px);inline-size:var(--slotted-target-min,24px);margin-block:calc((var(--_line) - var(--slotted-target-min,24px)) / 2);transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (pointer:coarse){[data-ui-table] [data-part-expander],[data-ui-table] [data-part-column-actions]>button,[data-ui-table] button[data-part-column-actions],[data-ui-table] [data-part-filter]{position:relative}[data-ui-table] [data-part-expander]:after,[data-ui-table] [data-part-column-actions]>button:after,[data-ui-table] button[data-part-column-actions]:after,[data-ui-table] [data-part-filter]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}[data-ui-table] [data-part-column-actions]>button:after,[data-ui-table] button[data-part-column-actions]:after,[data-ui-table] [data-part-filter]:after{inset-inline-start:0}}[data-ui-table] [data-part-expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-table] [data-part-column-actions]>button:not(:disabled):hover,[data-ui-table] button[data-part-column-actions]:not(:disabled):hover,[data-ui-table] [data-part-filter]:not(:disabled):hover{background-color:var(--slotted-table-header-surface-hover,color-mix(in oklab, var(--slotted-text,CanvasText) 7%, var(--_head-surface)));color:var(--_text)}[data-ui-table] [data-part-expander]:focus-visible,[data-ui-table] [data-part-column-actions]>button:focus-visible,[data-ui-table] button[data-part-column-actions]:focus-visible,[data-ui-table] [data-part-filter]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:0}[data-ui-table] :is([data-part-column-actions],[data-part-filter]) :is(svg,img){block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-table] [data-part-filter][data-filtered],[data-ui-table] [data-part-filter][data-filtered]:not(:disabled):hover{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-table][data-part-filter-panel]{--_gap:var(--slotted-table-gap,var(--slotted-control-gap-md,8px));--_font-size:var(--slotted-table-font-size,var(--slotted-control-font-size-md,13px));--_line:calc(var(--_font-size) * var(--slotted-line-height-md,1.5));--_pad-block:var(--slotted-space-2,4px);--_text:var(--slotted-table-color,var(--slotted-text,CanvasText));--_muted:var(--slotted-table-color-muted,var(--slotted-text-muted,GrayText));--_rule:var(--slotted-table-border-color,var(--slotted-border-subtle,ButtonBorder));--_rule-width:var(--slotted-table-border-width,var(--slotted-border-width-thin,1px));--_hover:var(--slotted-table-row-surface-hover,var(--slotted-tone-secondary-subtle-hover,ButtonFace));box-sizing:border-box;gap:var(--_gap);color:var(--_text);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--slotted-line-height-md,1.5);padding:var(--slotted-space-5,12px);min-inline-size:min(17rem, var(--slotted-positioner-available-width,100%));max-inline-size:100%;display:grid}[data-ui-table][data-part-filter-panel] [data-part-filter-condition]{gap:calc(var(--_gap) / 2);display:grid}[data-ui-table][data-part-filter-panel] [data-part-filter-operator],[data-ui-table][data-part-filter-panel] [data-part-filter-search]{display:block}[data-ui-table][data-part-filter-panel] [data-part-filter-operand]{gap:calc(var(--_gap) / 2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=set]{gap:var(--_gap);grid-template-columns:1fr}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-range],[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=datetime],[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-operand=tags]{grid-template-columns:1fr}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=time]:not([data-range]){grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}[data-ui-table][data-part-filter-panel] [data-part-filter-join]{border-block-start:var(--_rule-width) solid var(--_rule);align-items:center;gap:var(--_gap);flex-wrap:wrap;padding-block-start:var(--_gap);display:flex}[data-ui-table][data-part-filter-panel] [data-part-filter-join]>[data-label]{color:var(--_muted)}[data-ui-table][data-part-filter-panel] [data-part-filter-list]{gap:var(--_gap);max-block-size:calc(var(--_line) * 9);padding-inline-end:var(--_gap);display:grid;overflow-y:auto}[data-ui-table][data-part-filter-panel] [data-part-filter-option]{--slotted-selection-halo-opacity:0;border-radius:var(--slotted-table-control-radius,var(--slotted-radius-sm,4px));align-items:center;gap:var(--_gap);margin-inline:calc(var(--_gap) * -1);padding-inline:var(--_gap);justify-content:space-between;display:flex}[data-ui-table][data-part-filter-panel] [data-part-filter-option]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]>[data-count]{color:var(--_muted);font-variant-numeric:tabular-nums}[data-ui-table][data-part-filter-panel] [data-part-filter-option][data-covering]{border-block-end:var(--_rule-width) solid var(--_rule);padding-block-end:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-empty]{color:var(--_muted);padding-block:var(--_pad-block);text-align:center}[data-ui-table][data-part-filter-panel] [data-part-filter-actions]{border-block-start:var(--_rule-width) solid var(--_rule);gap:var(--_gap);justify-content:space-between;padding-block-start:var(--_gap);display:flex}[data-ui-table] [data-part-expander]>[data-ui-icon]{--slotted-icon-size:var(--_icon-size);transition:rotate var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));rotate:0deg}[data-ui-table] [data-part-expander][aria-expanded=true]>[data-ui-icon]{rotate:90deg}[data-ui-table]:dir(rtl) [data-part-expander]>[data-ui-icon]{scale:-1 1}[data-ui-table]:dir(rtl) [data-part-expander][aria-expanded=true]>[data-ui-icon]{rotate:-90deg}[data-ui-table] [data-part-detail]{background-color:var(--_stripe)}[data-ui-table] [data-part-detail]>[data-part-cell]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-striped] [data-part-body]>[data-part-detail]{background-color:var(--_stripe)}[data-ui-table] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-9,2rem);padding-inline:var(--_pad-inline);text-align:center}[data-ui-table] [data-part-loader]>[data-part-row]>*{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-loading] [data-part-body]{opacity:.55;transition:opacity var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-table] [data-part-summary]>[data-part-row]>*{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong);font-weight:var(--slotted-font-weight-medium,500);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-variant=plain] [data-part-summary]>[data-part-row]>*{background-color:#0000}[data-ui-table] [data-part-footer]{border-block-start:var(--_rule-width) solid var(--_rule);align-items:center;gap:var(--_gap);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);flex-wrap:wrap;display:flex}[data-ui-table] [data-part-footer]>:last-child{flex:auto;justify-content:end}@media print{[data-ui-table] [data-part-scroll]{max-block-size:none;overflow:visible}[data-ui-table][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection],[data-ui-table][data-sticky-footer] [data-part-summary]>[data-part-row]>*,[data-ui-table] [data-sticky]{position:static}}}
|
|
67
67
|
|
|
68
|
-
@layer slotted.components{[data-ui-toast][data-part-root]{--_offset:var(--slotted-toast-offset,var(--slotted-space-6,1rem));--_measure:var(--slotted-toast-measure,24rem);--_gap:var(--slotted-toast-gap,var(--slotted-space-5,.75rem));--_stack-step:var(--slotted-toast-stack-step,var(--slotted-space-3,.375rem));--_stack-fade:var(--slotted-toast-stack-fade,.15);--_enter-shift:var(--slotted-space-7,1.25rem);box-sizing:border-box;inline-size:min(var(--_measure), calc(100% - 2 * var(--_offset)));z-index:var(--slotted-z-index-toast,1200);pointer-events:none;position:fixed;container:slotted-toast/inline-size}[data-ui-toast][data-part-root][data-attach=inline]{position:absolute}[data-ui-toast][data-part-root][data-placement^=top]{inset-block-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement^=bottom]{inset-block-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-start]{inset-inline-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-end]{inset-inline-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement=top],[data-ui-toast][data-part-root][data-placement=bottom]{inset-inline:var(--_offset);margin-inline:auto}[data-ui-toast]>[data-part-list]{gap:var(--_gap);pointer-events:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}[data-ui-toast][data-placement^=bottom]>[data-part-list]{flex-direction:column-reverse}[data-ui-toast][data-expanded]>[data-part-list]{pointer-events:auto}[data-ui-toast]>[data-part-list]>[data-part-item]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_tone-surface:var(--slotted-tone-accent-surface);--_tone-border:var(--slotted-tone-accent-border);--_tone-text:var(--slotted-tone-accent-text);--_ground:var(--slotted-toast-surface,var(--slotted-surface-raised,#fff));--_edge:var(--slotted-toast-border-color,var(--slotted-border-subtle,#e2e8f0));--_ink:var(--slotted-toast-text,var(--slotted-text,#0f172a));--_ink-muted:var(--slotted-toast-text-muted,var(--slotted-text-muted,#5b6b7f));--_mark:var(--_tone-text);--_state-hover:color-mix(in oklab, currentcolor var(--slotted-toast-state-layer-hover,10%), transparent);--_state-active:color-mix(in oklab, currentcolor var(--slotted-toast-state-layer-active,16%), transparent);--_font-size:var(--slotted-control-font-size-md,13px);--_glyph-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_mark-size:round(nearest, 1.2em, 2px);--_line-height:var(--slotted-line-height-md,1.5);--_inset-block:var(--slotted-toast-padding-block,var(--slotted-space-5,.75rem));--_inset-inline:var(--slotted-toast-padding-inline,var(--slotted-space-6,1rem));--_column-gap:var(--slotted-toast-column-gap,var(--slotted-space-4,.5rem));--_row-gap:var(--slotted-toast-row-gap,var(--slotted-space-5,.75rem));--_text-gap:var(--slotted-toast-text-gap,var(--slotted-space-2,.25rem));--_radius:var(--slotted-toast-radius,var(--slotted-radius-lg,8px));--_border-width:var(--slotted-toast-border-width,var(--slotted-border-width-thin,1px));--_close-size:var(--slotted-toast-close-size,max(var(--slotted-target-min,24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size))));--_progress-size:var(--slotted-toast-progress-size,var(--slotted-space-1,.125rem));background-color:var(--_ground);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-toast-shadow,var(--slotted-shadow-md));box-sizing:border-box;color:var(--_ink);font-family:var(--slotted-toast-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:round(nearest, calc(var(--_line-height) * 1em), 2px);pointer-events:auto;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);column-gap:0;row-gap:var(--_row-gap);opacity:0;translate:0 var(--_enter-shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}[data-ui-toast][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--_enter-shift))}[data-ui-toast]>[data-part-list]>[data-part-item][data-open]{opacity:1;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter), translate var(--slotted-duration-medium) var(--slotted-easing-enter);translate:0}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=accent]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_tone-surface:var(--slotted-tone-accent-surface);--_tone-border:var(--slotted-tone-accent-border);--_tone-text:var(--slotted-tone-accent-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_on-solid:var(--slotted-tone-secondary-on-solid);--_tone-surface:var(--slotted-tone-secondary-surface);--_tone-border:var(--slotted-tone-secondary-border);--_tone-text:var(--slotted-tone-secondary-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_on-solid:var(--slotted-tone-success-on-solid);--_tone-surface:var(--slotted-tone-success-surface);--_tone-border:var(--slotted-tone-success-border);--_tone-text:var(--slotted-tone-success-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_on-solid:var(--slotted-tone-info-on-solid);--_tone-surface:var(--slotted-tone-info-surface);--_tone-border:var(--slotted-tone-info-border);--_tone-text:var(--slotted-tone-info-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_on-solid:var(--slotted-tone-warning-on-solid);--_tone-surface:var(--slotted-tone-warning-surface);--_tone-border:var(--slotted-tone-warning-border);--_tone-text:var(--slotted-tone-warning-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_on-solid:var(--slotted-tone-danger-on-solid);--_tone-surface:var(--slotted-tone-danger-surface);--_tone-border:var(--slotted-tone-danger-border);--_tone-text:var(--slotted-tone-danger-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=soft]{--_ground:var(--_tone-surface);--_edge:var(--_tone-border);--_ink:var(--_tone-text);--_ink-muted:var(--_tone-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]{--_ground:var(--_solid);--_edge:var(--_solid);--_ink:var(--_on-solid);--_ink-muted:var(--_on-solid);--_mark:var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon]{--slotted-icon-size:calc(var(--_mark-size) * 12 / 11);--slotted-progress-indicator-size:var(--_mark-size);--slotted-progress-indicator-indicator-color:var(--_mark);--slotted-progress-indicator-track-color:color-mix(in oklab, var(--_mark) 24%, var(--_ground));block-size:var(--_mark-size);color:var(--_mark);contain:layout;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:baseline;align-items:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);display:flex;position:relative;inset-block-start:round(nearest, (var(--_mark-size) - 1cap) / 2, 1px)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]{align-self:baseline;row-gap:var(--_text-gap);grid-area:1/2;grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-title]{font-family:var(--slotted-toast-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-weight:var(--slotted-toast-title-font-weight,var(--slotted-font-weight-semibold,600));overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-description]{color:var(--_ink-muted);overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{align-items:center;gap:var(--slotted-toast-actions-gap,var(--slotted-space-3,.375rem));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;display:flex}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{--slotted-icon-size:var(--_glyph-size);appearance:none;block-size:var(--_close-size);border-radius:var(--slotted-toast-close-radius,var(--slotted-control-radius,4px));color:inherit;cursor:pointer;font:inherit;inline-size:var(--_close-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_close-size)) / 2);margin-block-end:calc((1lh - var(--_close-size)) / 2);margin-inline-start:var(--_column-gap);margin-inline-end:calc((1lh - var(--_close-size)) / 2);padding:0;display:inline-flex}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover{background-color:var(--_state-hover)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{background-color:var(--_state-active)}@media (pointer:coarse){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{position:relative}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible,[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible{outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-close]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width,2px)) var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{animation-duration:var(--slotted-toast-duration,var(--slotted-duration-long));animation-name:slotted-toast-countdown;animation-fill-mode:forwards;animation-play-state:var(--slotted-toast-play-state,running);background-color:var(--_solid);block-size:var(--_progress-size);animation-timing-function:linear;position:absolute;inset-block-end:0;inset-inline-start:0}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-progress]{background-color:var(--_on-solid);opacity:.7}@keyframes slotted-toast-countdown{0%{inline-size:100%}to{inline-size:0%}}[data-ui-toast][data-stacking=stack]>[data-part-list]{display:block;position:relative}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-front-height,auto);z-index:calc(var(--slotted-toast-count,1) - var(--slotted-toast-index,0));transition:block-size var(--slotted-duration-medium) var(--slotted-easing-standard), opacity var(--slotted-duration-medium) var(--slotted-easing-standard), translate var(--slotted-duration-medium) var(--slotted-easing-standard);position:absolute;inset-inline:0}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item][data-open]{opacity:calc(1 - min(var(--slotted-toast-index,0), 2) * var(--_stack-fade))}[data-ui-toast][data-stacking=stack][data-placement^=bottom]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--slotted-toast-index,0) * var(--_stack-step));inset-block-end:0}[data-ui-toast][data-stacking=stack][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 calc(var(--slotted-toast-index,0) * var(--_stack-step));inset-block-start:0}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-height,auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]{block-size:var(--slotted-toast-stack-height,auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item][data-open]{opacity:1}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=bottom]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--slotted-toast-stack-offset,0px))}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 var(--slotted-toast-stack-offset,0px)}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]>*{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-toast][data-stacking=stack]:not([data-expanded]) [data-part-item]>*{opacity:calc(1 - min(1, var(--slotted-toast-index,0)))}[data-ui-toast]>[data-part-list]>[data-part-item][data-dragging]{cursor:grabbing;translate:var(--slotted-toast-swipe-x,0px) var(--slotted-toast-swipe-y,0px);touch-action:none;-webkit-user-select:none;user-select:none;transition:none}[data-ui-toast][data-swipe=true]>[data-part-list]>[data-part-item]{touch-action:none}@container slotted-toast (width<=20rem){[data-ui-toast]>[data-part-list]>[data-part-item]{--_inset-block:var(--slotted-toast-padding-block,var(--slotted-space-4,.5rem));--_inset-inline:var(--slotted-toast-padding-inline,var(--slotted-space-5,.75rem))}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{flex-direction:column;align-items:flex-start}}@media (forced-colors:active){[data-ui-toast]>[data-part-list]>[data-part-item]{border-color:canvastext}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon],[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{color:canvastext}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover,[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{color:highlighttext;background-color:highlight}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{opacity:1;background-color:canvastext}}@media (prefers-reduced-motion:reduce){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{inline-size:100%;animation-name:none}}}
|
|
68
|
+
@layer slotted.components{[data-ui-toast][data-part-root]{--_offset:var(--slotted-toast-offset,var(--slotted-space-6,1rem));--_measure:var(--slotted-toast-measure,24rem);--_gap:var(--slotted-toast-gap,var(--slotted-space-5,.75rem));--_stack-step:var(--slotted-toast-stack-step,var(--slotted-space-3,.375rem));--_stack-fade:var(--slotted-toast-stack-fade,.15);--_enter-shift:var(--slotted-space-7,1.25rem);box-sizing:border-box;inline-size:min(var(--_measure), calc(100% - 2 * var(--_offset)));z-index:var(--slotted-z-index-toast,1200);pointer-events:none;position:fixed;container:slotted-toast/inline-size}[data-ui-toast][data-part-root][data-attach=inline]{position:absolute}[data-ui-toast][data-part-root][data-placement^=top]{inset-block-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement^=bottom]{inset-block-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-start]{inset-inline-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-end]{inset-inline-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement=top],[data-ui-toast][data-part-root][data-placement=bottom]{inset-inline:var(--_offset);margin-inline:auto}[data-ui-toast]>[data-part-list]{gap:var(--_gap);pointer-events:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}[data-ui-toast][data-placement^=bottom]>[data-part-list]{flex-direction:column-reverse}[data-ui-toast][data-expanded]>[data-part-list]{pointer-events:auto}[data-ui-toast]>[data-part-list]>[data-part-item]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_tone-surface:var(--slotted-tone-accent-surface);--_tone-border:var(--slotted-tone-accent-border);--_tone-text:var(--slotted-tone-accent-text);--_ground:var(--slotted-toast-surface,var(--slotted-surface-raised,#fff));--_edge:var(--slotted-toast-border-color,var(--slotted-border-subtle,#e2e8f0));--_ink:var(--slotted-toast-text,var(--slotted-text,#0f172a));--_ink-muted:var(--slotted-toast-text-muted,var(--slotted-text-muted,#5b6b7f));--_mark:var(--_tone-text);--_state-hover:color-mix(in oklab, currentcolor var(--slotted-toast-state-layer-hover,10%), transparent);--_state-active:color-mix(in oklab, currentcolor var(--slotted-toast-state-layer-active,16%), transparent);--_font-size:var(--slotted-control-font-size-md,13px);--_glyph-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_mark-size:round(nearest, 1.2em, 2px);--_line-height:var(--slotted-line-height-md,1.5);--_inset-block:var(--slotted-toast-padding-block,var(--slotted-space-5,.75rem));--_inset-inline:var(--slotted-toast-padding-inline,var(--slotted-space-6,1rem));--_column-gap:var(--slotted-toast-column-gap,var(--slotted-space-4,.5rem));--_row-gap:var(--slotted-toast-row-gap,var(--slotted-space-5,.75rem));--_text-gap:var(--slotted-toast-text-gap,var(--slotted-space-2,.25rem));--_radius:var(--slotted-toast-radius,var(--slotted-radius-lg,8px));--_border-width:var(--slotted-toast-border-width,var(--slotted-border-width-thin,1px));--_close-size:var(--slotted-toast-close-size,max(var(--slotted-target-min,24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size))));--_progress-size:var(--slotted-toast-progress-size,var(--slotted-space-1,.125rem));background-color:var(--_ground);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-toast-shadow,var(--slotted-shadow-md));box-sizing:border-box;color:var(--_ink);font-family:var(--slotted-toast-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:round(nearest, calc(var(--_line-height) * 1em), 2px);pointer-events:auto;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);column-gap:0;row-gap:var(--_row-gap);opacity:0;translate:0 var(--_enter-shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}[data-ui-toast][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--_enter-shift))}[data-ui-toast]>[data-part-list]>[data-part-item][data-open]{opacity:1;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter), translate var(--slotted-duration-medium) var(--slotted-easing-enter);translate:0}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=accent]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_tone-surface:var(--slotted-tone-accent-surface);--_tone-border:var(--slotted-tone-accent-border);--_tone-text:var(--slotted-tone-accent-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_on-solid:var(--slotted-tone-secondary-on-solid);--_tone-surface:var(--slotted-tone-secondary-surface);--_tone-border:var(--slotted-tone-secondary-border);--_tone-text:var(--slotted-tone-secondary-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_on-solid:var(--slotted-tone-success-on-solid);--_tone-surface:var(--slotted-tone-success-surface);--_tone-border:var(--slotted-tone-success-border);--_tone-text:var(--slotted-tone-success-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_on-solid:var(--slotted-tone-info-on-solid);--_tone-surface:var(--slotted-tone-info-surface);--_tone-border:var(--slotted-tone-info-border);--_tone-text:var(--slotted-tone-info-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_on-solid:var(--slotted-tone-warning-on-solid);--_tone-surface:var(--slotted-tone-warning-surface);--_tone-border:var(--slotted-tone-warning-border);--_tone-text:var(--slotted-tone-warning-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_on-solid:var(--slotted-tone-danger-on-solid);--_tone-surface:var(--slotted-tone-danger-surface);--_tone-border:var(--slotted-tone-danger-border);--_tone-text:var(--slotted-tone-danger-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=raised]{-webkit-backdrop-filter:var(--slotted-toast-backdrop-filter,none);backdrop-filter:var(--slotted-toast-backdrop-filter,none)}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=raised]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=soft]{--_ground:var(--_tone-surface);--_edge:var(--_tone-border);--_ink:var(--_tone-text);--_ink-muted:var(--_tone-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]{--_ground:var(--_solid);--_edge:var(--_solid);--_ink:var(--_on-solid);--_ink-muted:var(--_on-solid);--_mark:var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon]{--slotted-icon-size:calc(var(--_mark-size) * 12 / 11);--slotted-progress-indicator-size:var(--_mark-size);--slotted-progress-indicator-indicator-color:var(--_mark);--slotted-progress-indicator-track-color:color-mix(in oklab, var(--_mark) 24%, var(--_ground));block-size:var(--_mark-size);color:var(--_mark);contain:layout;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:baseline;align-items:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);display:flex;position:relative;inset-block-start:round(nearest, (var(--_mark-size) - 1cap) / 2, 1px)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]{align-self:baseline;row-gap:var(--_text-gap);grid-area:1/2;grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-title]{font-family:var(--slotted-toast-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-weight:var(--slotted-toast-title-font-weight,var(--slotted-font-weight-semibold,600));overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-description]{color:var(--_ink-muted);overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{align-items:center;gap:var(--slotted-toast-actions-gap,var(--slotted-space-3,.375rem));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;display:flex}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{--slotted-icon-size:var(--_glyph-size);appearance:none;block-size:var(--_close-size);border-radius:var(--slotted-toast-close-radius,var(--slotted-control-radius,4px));color:inherit;cursor:pointer;font:inherit;inline-size:var(--_close-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_close-size)) / 2);margin-block-end:calc((1lh - var(--_close-size)) / 2);margin-inline-start:var(--_column-gap);margin-inline-end:calc((1lh - var(--_close-size)) / 2);padding:0;display:inline-flex}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover{background-color:var(--_state-hover)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{background-color:var(--_state-active)}@media (pointer:coarse){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{position:relative}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible,[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible{outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-close]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width,2px)) var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{animation-duration:var(--slotted-toast-duration,var(--slotted-duration-long));animation-name:slotted-toast-countdown;animation-fill-mode:forwards;animation-play-state:var(--slotted-toast-play-state,running);background-color:var(--_solid);block-size:var(--_progress-size);animation-timing-function:linear;position:absolute;inset-block-end:0;inset-inline-start:0}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-progress]{background-color:var(--_on-solid);opacity:.7}@keyframes slotted-toast-countdown{0%{inline-size:100%}to{inline-size:0%}}[data-ui-toast][data-stacking=stack]>[data-part-list]{display:block;position:relative}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-front-height,auto);z-index:calc(var(--slotted-toast-count,1) - var(--slotted-toast-index,0));transition:block-size var(--slotted-duration-medium) var(--slotted-easing-standard), opacity var(--slotted-duration-medium) var(--slotted-easing-standard), translate var(--slotted-duration-medium) var(--slotted-easing-standard);position:absolute;inset-inline:0}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item][data-open]{opacity:calc(1 - min(var(--slotted-toast-index,0), 2) * var(--_stack-fade))}[data-ui-toast][data-stacking=stack][data-placement^=bottom]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--slotted-toast-index,0) * var(--_stack-step));inset-block-end:0}[data-ui-toast][data-stacking=stack][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 calc(var(--slotted-toast-index,0) * var(--_stack-step));inset-block-start:0}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-height,auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]{block-size:var(--slotted-toast-stack-height,auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item][data-open]{opacity:1}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=bottom]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--slotted-toast-stack-offset,0px))}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 var(--slotted-toast-stack-offset,0px)}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]>*{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-toast][data-stacking=stack]:not([data-expanded]) [data-part-item]>*{opacity:calc(1 - min(1, var(--slotted-toast-index,0)))}[data-ui-toast]>[data-part-list]>[data-part-item][data-dragging]{cursor:grabbing;translate:var(--slotted-toast-swipe-x,0px) var(--slotted-toast-swipe-y,0px);touch-action:none;-webkit-user-select:none;user-select:none;transition:none}[data-ui-toast][data-swipe=true]>[data-part-list]>[data-part-item]{touch-action:none}@container slotted-toast (width<=20rem){[data-ui-toast]>[data-part-list]>[data-part-item]{--_inset-block:var(--slotted-toast-padding-block,var(--slotted-space-4,.5rem));--_inset-inline:var(--slotted-toast-padding-inline,var(--slotted-space-5,.75rem))}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{flex-direction:column;align-items:flex-start}}@media (forced-colors:active){[data-ui-toast]>[data-part-list]>[data-part-item]{border-color:canvastext}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon],[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{color:canvastext}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover,[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{color:highlighttext;background-color:highlight}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{opacity:1;background-color:canvastext}}@media (prefers-reduced-motion:reduce){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{inline-size:100%;animation-name:none}}}
|
|
69
69
|
|
|
70
70
|
@layer slotted.components{[data-ui-import-export-center]{--_text:var(--slotted-text,CanvasText);--_muted:var(--slotted-text-muted,GrayText);--_rule:var(--slotted-import-export-center-border,var(--slotted-border-subtle,ButtonBorder));--_ground:var(--slotted-import-export-center-background,var(--slotted-surface,Canvas));--_hover:var(--slotted-tone-secondary-subtle-hover,ButtonFace);--_active:var(--slotted-tone-secondary-subtle-active,ButtonFace);--_inset-inline:var(--slotted-import-export-center-inset-inline-md,var(--slotted-space-6,1rem));--_inset-block:var(--slotted-import-export-center-inset-block-md,var(--slotted-space-5,.75rem));--_gap:var(--slotted-import-export-center-gap-md,var(--slotted-space-5,.75rem));--_title-size:var(--slotted-font-size-lg,1rem);--_title-line-height:var(--slotted-line-height-lg,1.5);--_job-title-size:var(--slotted-font-size-md,.875rem);--_job-title-line-height:var(--slotted-line-height-md,1.5);--_meta-size:var(--slotted-font-size-sm,.8125rem);--_meta-line-height:var(--slotted-line-height-sm,1.45);--_small-size:var(--slotted-font-size-xs,.75rem);--_small-line-height:var(--slotted-line-height-xs,1.4);--_glyph:var(--slotted-control-icon-size-md,16px);--_tile:calc(2 * var(--_glyph));--_control-glyph:var(--slotted-control-icon-size-sm,14px);--_control:min(calc(var(--_control-glyph) + 2 * var(--slotted-space-2,.25rem)), var(--slotted-control-inner-size-md,24px));--_count-size:var(--slotted-font-size-xs,.75rem);--_count-box:calc(var(--_count-size) + 2 * var(--slotted-space-1,.125rem) + 2 * var(--slotted-border-width-thin,1px));--_rule-size:var(--slotted-border-width-thin,1px);--_mark-gap:var(--slotted-space-3,.375rem);--_separator:3px;--_separator-gap:var(--slotted-space-5,.75rem);--_status-column:var(--slotted-import-export-center-status-column,16rem);--_duration:var(--slotted-control-transition-duration);--_easing:var(--slotted-control-transition-easing);background-color:var(--_ground);color:var(--_text);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);flex-direction:column;min-inline-size:0;display:flex;container:import-export-center/inline-size}[data-ui-import-export-center][data-size=sm]{min-inline-size:var(--slotted-import-export-center-min-inline-size-sm,min(24rem, calc(100vw - var(--slotted-space-8,2rem))));--_inset-inline:var(--slotted-import-export-center-inset-inline-sm,var(--slotted-space-5,.75rem));--_inset-block:var(--slotted-import-export-center-inset-block-sm,var(--slotted-space-4,.5rem));--_gap:var(--slotted-import-export-center-gap-sm,var(--slotted-space-4,.5rem));--_title-size:var(--slotted-font-size-md,.875rem);--_title-line-height:var(--slotted-line-height-md,1.5);--_job-title-size:var(--slotted-font-size-sm,.8125rem);--_job-title-line-height:var(--slotted-line-height-sm,1.45);--_meta-size:var(--slotted-font-size-xs,.75rem);--_meta-line-height:var(--slotted-line-height-xs,1.4);--_glyph:var(--slotted-control-icon-size-sm,14px);--_control:min(calc(var(--_control-glyph) + 2 * var(--slotted-space-2,.25rem)), var(--slotted-control-inner-size-sm,22px))}[data-ui-import-export-center]>[data-part-header]{border-block-end:var(--_rule-size) solid var(--_rule);align-items:center;gap:var(--slotted-space-3,.375rem) var(--_gap);min-inline-size:0;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);flex-wrap:wrap;justify-content:flex-end;display:flex}[data-ui-import-export-center]>[data-part-header]>[data-part-title]{color:var(--_text);font-family:var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif));font-size:var(--_title-size);font-weight:var(--slotted-font-weight-semibold,600);align-items:center;gap:var(--slotted-space-3,.375rem);letter-spacing:-.01em;line-height:var(--_title-line-height);margin:0;flex-wrap:wrap;min-inline-size:0;margin-inline-end:auto;display:inline-flex}[data-ui-import-export-center]>[data-part-header]>[data-part-title]>[data-part-count]{background-color:var(--slotted-tone-accent-surface,Canvas);block-size:var(--_count-box);border:var(--slotted-border-width-thin,1px) solid color-mix(in oklab, currentcolor 20%, transparent);border-radius:var(--slotted-radius-full,9999px);box-sizing:border-box;color:var(--slotted-tone-accent-text,Highlight);font-size:var(--_count-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold,600);letter-spacing:0;min-inline-size:var(--_count-box);padding-block:0;padding-inline:var(--slotted-space-3,.375rem);white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-import-export-center]>[data-part-header]>[data-part-tools]{align-items:center;gap:var(--slotted-control-gap-sm,6px);flex-wrap:wrap;justify-content:flex-end;min-inline-size:0;display:flex}[data-ui-import-export-center] [data-part-tools]>[data-part-clear],[data-ui-import-export-center] [data-part-tools]>[data-part-actions]{align-items:center;gap:var(--slotted-control-gap-sm,6px);flex-wrap:wrap;display:inline-flex}[data-ui-import-export-center]>[data-part-views]{border-block-end:var(--_rule-size) solid var(--_rule);min-inline-size:0;padding-inline:var(--_inset-inline)}[data-ui-import-export-center]>[data-part-list]{overscroll-behavior:contain;scrollbar-color:var(--slotted-border-strong,ButtonBorder) transparent;scrollbar-width:thin;flex-direction:column;flex:auto;min-block-size:0;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}[data-ui-import-export-center]>[data-part-list]: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-import-export-center]>[data-part-list]>[data-part-job]{--_tone-text:var(--slotted-tone-secondary-text,CanvasText);--_tone-solid:var(--slotted-tone-secondary-solid,CanvasText);border-block-end:var(--_rule-size) solid var(--_rule);align-items:start;column-gap:var(--_gap);grid-template-areas:"visual body""visual controls"".details";grid-template-columns:var(--_tile) minmax(0, 1fr);min-inline-size:0;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--slotted-space-4,.5rem);display:grid}[data-ui-import-export-center]>[data-part-list]>[data-part-job]:last-child{border-block-end:0}[data-ui-import-export-center]>[data-part-list]>[data-part-job][data-status=running]{--_tone-text:var(--slotted-tone-accent-text,Highlight);--_tone-solid:var(--slotted-tone-accent-solid,Highlight)}[data-ui-import-export-center]>[data-part-list]>[data-part-job][data-outcome=success]{--_tone-text:var(--slotted-tone-success-text,CanvasText);--_tone-solid:var(--slotted-tone-success-solid,CanvasText)}[data-ui-import-export-center]>[data-part-list]>[data-part-job][data-outcome=partial]{--_tone-text:var(--slotted-tone-warning-text,CanvasText);--_tone-solid:var(--slotted-tone-warning-solid,CanvasText)}[data-ui-import-export-center]>[data-part-list]>[data-part-job][data-outcome=failed]{--_tone-text:var(--slotted-tone-danger-text,CanvasText);--_tone-solid:var(--slotted-tone-danger-solid,CanvasText)}[data-ui-import-export-center]>[data-part-list]>[data-part-job][data-outcome=canceled]{--_tone-text:var(--_muted);--_tone-solid:var(--_muted)}[data-ui-import-export-center] [data-part-job]>[data-part-visual]{--_kind-tile:var(--slotted-upload-kind-other);--slotted-icon-size:var(--_glyph);background-color:var(--_kind-tile);block-size:var(--_tile);border-radius:var(--slotted-radius-sm,4px);color:var(--slotted-upload-kind-foreground);inline-size:var(--_tile);grid-area:visual;justify-content:center;align-items:center;margin-block-start:round(nearest, calc(( var(--_job-title-size) * var(--_job-title-line-height) + var(--_meta-size) * var(--_meta-line-height) - var(--_tile) ) / 2), 1px);display:inline-flex}[data-ui-import-export-center] [data-part-job]>[data-part-visual][data-kind=pdf]{--_kind-tile:var(--slotted-upload-kind-pdf)}[data-ui-import-export-center] [data-part-job]>[data-part-visual][data-kind=document]{--_kind-tile:var(--slotted-upload-kind-document)}[data-ui-import-export-center] [data-part-job]>[data-part-visual][data-kind=spreadsheet]{--_kind-tile:var(--slotted-upload-kind-spreadsheet)}[data-ui-import-export-center] [data-part-job]>[data-part-visual][data-kind=presentation]{--_kind-tile:var(--slotted-upload-kind-presentation)}[data-ui-import-export-center] [data-part-job]>[data-part-visual][data-kind=image]{--_kind-tile:var(--slotted-upload-kind-image)}[data-ui-import-export-center] [data-part-job]>[data-part-visual][data-kind=video]{--_kind-tile:var(--slotted-upload-kind-video)}[data-ui-import-export-center] [data-part-job]>[data-part-visual][data-kind=audio]{--_kind-tile:var(--slotted-upload-kind-audio)}[data-ui-import-export-center] [data-part-job]>[data-part-visual][data-kind=archive]{--_kind-tile:var(--slotted-upload-kind-archive)}[data-ui-import-export-center] [data-part-job]>[data-part-body]{gap:var(--slotted-space-3,.375rem);grid-area:body;grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-import-export-center] [data-part-job]>[data-part-body]>[data-part-heading]{gap:var(--slotted-space-1,.125rem);flex-direction:column;min-inline-size:0;display:flex}[data-ui-import-export-center] [data-part-heading]>[data-part-job-title]{color:var(--_text);font-size:var(--_job-title-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--_job-title-line-height);overflow-wrap:anywhere;align-self:flex-start;min-inline-size:0}[data-ui-import-export-center] [data-part-heading]>a[data-part-job-title]{border-radius:var(--slotted-radius-xs,2px);text-underline-offset:.2em;transition:text-decoration-color var(--_duration) var(--_easing);text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:from-font}[data-ui-import-export-center] [data-part-heading]>a[data-part-job-title]:not([data-disabled]):hover{text-decoration-color:currentColor}[data-ui-import-export-center] [data-part-heading]>a[data-part-job-title]:focus-visible,[data-ui-import-export-center] [data-part-heading]>span[data-part-job-title]: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-import-export-center] [data-part-heading]>[data-part-meta]{color:var(--_muted);font-size:var(--_meta-size);align-items:baseline;gap:0 var(--_separator-gap);line-height:var(--_meta-line-height);flex-wrap:wrap;min-inline-size:0;margin:0;display:flex;overflow-x:clip}[data-ui-import-export-center] [data-part-meta]>*,[data-ui-import-export-center] [data-part-summary]>*,[data-ui-import-export-center] [data-part-progress-text]>*{overflow-clip-margin:var(--_separator-gap);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:100%;overflow:clip}[data-ui-import-export-center] [data-part-meta]>*+:before,[data-ui-import-export-center] [data-part-summary]>*+:before,[data-ui-import-export-center] [data-part-progress-text]>*+:before,[data-ui-import-export-center] [data-part-status-label]>[data-part-stage]:before{block-size:var(--_separator);border-radius:var(--slotted-radius-full,9999px);content:"";inline-size:var(--_separator);opacity:.6;vertical-align:calc(.5ex - var(--_separator) / 2);background-color:currentColor;margin-inline-start:calc((var(--_separator-gap) + var(--_separator)) / -2);margin-inline-end:calc((var(--_separator-gap) - var(--_separator)) / 2);display:inline-block}[data-ui-import-export-center] [data-part-meta]>:has(>[data-part-file-name]){white-space:nowrap;max-inline-size:100%}[data-ui-import-export-center] [data-part-meta] [data-part-file-name]{unicode-bidi:isolate;min-inline-size:0;max-inline-size:100%;display:inline-flex}[data-ui-import-export-center] [data-part-file-name]>[data-part-name]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:1ch;overflow:hidden}[data-ui-import-export-center] [data-part-file-name]>[data-part-extension]{white-space:nowrap;flex:none}[data-ui-import-export-center] [data-part-meta]>[data-part-time]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-import-export-center] [data-part-body]>[data-part-status]{color:var(--_tone-text);align-items:baseline;column-gap:var(--_mark-gap);font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium,500);line-height:var(--_meta-line-height);grid-template-columns:auto minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-import-export-center] [data-part-status]>[data-part-mark]{--slotted-icon-size:1em;--slotted-spinner-size:1em;align-self:baseline;block-size:1em;inline-size:1em;position:relative;inset-block-start:round(.5em + -.25cap - .25ex,1px)}[data-ui-import-export-center] [data-part-status]>[data-part-status-label]{align-items:baseline;gap:0 var(--_separator-gap);overflow-wrap:anywhere;flex-wrap:wrap;min-inline-size:0;display:flex;overflow-x:clip}[data-ui-import-export-center] [data-part-status-label]>*{min-inline-size:0}[data-ui-import-export-center] [data-part-status-label]>[data-part-stage]{overflow-clip-margin:var(--_separator-gap);text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:clip}[data-ui-import-export-center] [data-part-status]>[data-part-mark]>[data-ui-icon],[data-ui-import-export-center] [data-part-status]>[data-part-mark]>[data-ui-spinner]{position:absolute;inset:0}[data-ui-import-export-center] [data-part-status-label]>[data-part-stage]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular,400)}[data-ui-import-export-center] [data-part-body]>[data-part-progress]{gap:var(--slotted-space-2,.25rem);min-inline-size:0;display:grid}[data-ui-import-export-center] [data-part-progress]>[data-part-progress-text]{color:var(--_muted);gap:0 var(--_separator-gap);font-size:var(--_small-size);font-variant-numeric:tabular-nums;line-height:var(--_small-line-height);flex-wrap:wrap;min-inline-size:0;display:flex;overflow-x:clip}[data-ui-import-export-center] [data-part-body]>[data-part-summary]{color:var(--_muted);gap:0 var(--_separator-gap);font-size:var(--_meta-size);font-variant-numeric:tabular-nums;line-height:var(--_meta-line-height);flex-wrap:wrap;min-inline-size:0;margin:0;display:flex;overflow-x:clip}[data-ui-import-export-center] [data-part-body]>[data-part-message]{color:var(--_muted);font-size:var(--_meta-size);line-height:var(--_meta-line-height);overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-import-export-center] [data-part-job][data-outcome=failed] [data-part-body]>[data-part-message],[data-ui-import-export-center] [data-part-job][data-outcome=partial] [data-part-body]>[data-part-message]{color:var(--_tone-text)}[data-ui-import-export-center] [data-part-job]>[data-part-controls]{align-items:center;gap:var(--slotted-control-gap-sm,6px);flex-wrap:wrap;grid-area:controls;min-inline-size:0;display:flex}[data-ui-import-export-center] [data-part-controls]>[data-part-download],[data-ui-import-export-center] [data-part-controls]>[data-part-cancel],[data-ui-import-export-center] [data-part-controls]>[data-part-retry],[data-ui-import-export-center] [data-part-controls]>[data-part-toggle],[data-ui-import-export-center] [data-part-controls]>[data-part-job-actions]{align-items:center;gap:var(--slotted-control-gap-sm,6px);display:inline-flex}[data-ui-import-export-center] [data-part-controls]>[data-part-remove]{margin-inline-start:auto}[data-ui-import-export-center] [data-part-toggle] [data-part-chevron]{--slotted-icon-size:var(--_control-glyph);block-size:var(--_control-glyph);inline-size:var(--_control-glyph);transition:transform var(--_duration) var(--_easing);display:flex}[data-ui-import-export-center] [data-part-toggle][data-expanded] [data-part-chevron]{transform:rotate(180deg)}[data-ui-import-export-center] button[data-part-remove]{appearance:none;block-size:var(--_control);border-radius:var(--slotted-control-radius,4px);color:var(--_muted);cursor:pointer;inline-size:var(--_control);transition:background-color var(--_duration) var(--_easing), color var(--_duration) var(--_easing);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-import-export-center] button[data-part-remove]:after{content:"";inset:min(0px, calc((var(--_control) - var(--slotted-target-min,24px)) / 2));position:absolute}[data-ui-import-export-center] button[data-part-remove]>[data-ui-icon]{--slotted-icon-size:var(--_control-glyph)}[data-ui-import-export-center] button[data-part-remove]:not([data-disabled]):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-import-export-center] button[data-part-remove]:not([data-disabled]):active{background-color:var(--_active)}[data-ui-import-export-center] button[data-part-remove]:focus-visible{color:var(--_text);outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-import-export-center] [data-part-job]>[data-part-details]{background-color:var(--slotted-surface-sunken,Canvas);border:var(--_rule-size) solid var(--_rule);border-radius:var(--slotted-radius-md,6px);gap:var(--_gap);min-inline-size:0;padding-block:var(--slotted-space-5,.75rem);padding-inline:var(--slotted-space-5,.75rem);grid-area:details;grid-template-columns:minmax(0,1fr);display:grid}[data-ui-import-export-center] [data-part-job]>[data-part-details][hidden]{display:none}[data-ui-import-export-center] [data-part-details]>[data-part-counts]{gap:var(--slotted-space-4,.5rem) var(--slotted-space-7,1.25rem);grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));min-inline-size:0;margin:0;display:grid}[data-ui-import-export-center] [data-part-counts]>div{gap:var(--slotted-space-1,.125rem);flex-direction:column;min-inline-size:0;display:flex}[data-ui-import-export-center] [data-part-counts] dt{color:var(--_muted);font-size:var(--_small-size);line-height:var(--_small-line-height)}[data-ui-import-export-center] [data-part-counts] dd{color:var(--_text);font-size:var(--_job-title-size);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--_job-title-line-height);margin:0}[data-ui-import-export-center] [data-part-counts]>div[data-count=failed] dd{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-import-export-center] [data-part-details]>[data-part-files]{gap:var(--slotted-space-3,.375rem);min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}[data-ui-import-export-center] [data-part-files]>[data-part-file]{font-size:var(--_meta-size);align-items:center;gap:var(--slotted-space-2,.25rem) var(--slotted-space-4,.5rem);line-height:var(--_meta-line-height);flex-wrap:wrap;justify-content:space-between;min-inline-size:0;display:flex}[data-ui-import-export-center] [data-part-file]>[data-part-meta]{color:var(--_muted);align-items:baseline;gap:0 var(--_separator-gap);flex-wrap:wrap;flex:14rem;min-inline-size:0;display:flex;overflow-x:clip}[data-ui-import-export-center] [data-part-file]>[data-part-meta]>strong{color:var(--_text);font-weight:var(--slotted-font-weight-medium,500)}[data-ui-import-export-center] [data-part-file]>[data-part-download]{display:inline-flex}[data-ui-import-export-center] [data-part-details]>[data-part-errors]{gap:var(--slotted-space-3,.375rem);min-inline-size:0;display:grid}[data-ui-import-export-center] [data-part-errors]>[data-ui-table]{max-block-size:var(--slotted-import-export-center-errors-max-block-size,16rem);min-inline-size:0;overflow:auto}[data-ui-import-export-center] [data-part-errors]>[data-part-errors-note]{color:var(--_muted);font-size:var(--_small-size);align-items:center;gap:var(--slotted-space-3,.375rem) var(--slotted-space-5,.75rem);line-height:var(--_small-line-height);flex-wrap:wrap;justify-content:space-between;margin:0;display:flex}[data-ui-import-export-center]>button[data-part-more]{appearance:none;background-color:var(--_ground);border:var(--_rule-size) solid var(--_rule);border-radius:var(--slotted-radius-full,9999px);color:var(--_text);cursor:pointer;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-font-weight-medium,500);align-items:center;gap:var(--slotted-control-gap-sm,6px);inline-size:fit-content;line-height:var(--slotted-control-line-height,1);margin-block:var(--_inset-block);min-block-size:var(--slotted-control-height-sm,30px);padding-inline:var(--slotted-control-padding-inline-md,13px);transition:background-color var(--_duration) var(--_easing), border-color var(--_duration) var(--_easing);justify-content:center;margin-inline:auto;display:flex}[data-ui-import-export-center]>button[data-part-more]:not([data-loading]):enabled:hover{background-color:var(--_hover)}[data-ui-import-export-center]>button[data-part-more]:not([data-loading]):enabled:active{background-color:var(--_active)}[data-ui-import-export-center]>button[data-part-more][data-loading]{color:var(--_muted);cursor:progress}[data-ui-import-export-center]>button[data-part-more]: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-import-export-center]>[data-part-empty],[data-ui-import-export-center]>[data-part-error]{min-inline-size:0;padding-block:var(--slotted-space-9,2rem);padding-inline:var(--_inset-inline)}[data-ui-import-export-center]>[data-part-footer]{border-block-start:var(--_rule-size) solid var(--_rule);font-size:var(--_meta-size);align-items:center;gap:var(--_gap);line-height:var(--_meta-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);flex-wrap:wrap;justify-content:center;display:flex}[data-ui-import-export-center]>[data-part-list]>[data-part-job][aria-hidden=true]>[data-part-visual]{background-color:#0000}[data-ui-import-export-center] [data-part-job][aria-hidden=true]>[data-part-visual]>[data-ui-skeleton]{block-size:100%;inline-size:100%}@container import-export-center (inline-size<22rem){[data-ui-import-export-center]>[data-part-list]>[data-part-job]{grid-template-areas:"visual body""visual controls""details details"}}@container import-export-center (inline-size>=42rem){[data-ui-import-export-center]>[data-part-list]{column-gap:var(--_gap);grid-template-columns:auto minmax(0, 6fr) minmax(var(--_status-column), 5fr);display:grid}[data-ui-import-export-center]>[data-part-list]>[data-part-job]{grid-column:1/-1;grid-template-areas:none;grid-template-columns:subgrid;grid-template-rows:repeat(5,auto) auto;row-gap:0}[data-ui-import-export-center] [data-part-job]>[data-part-visual]{grid-area:1/1/span 5}[data-ui-import-export-center] [data-part-job]>[data-part-body]{display:contents}[data-ui-import-export-center] [data-part-job]>[data-part-body]>[data-part-heading]{grid-area:1/2/span 5}[data-ui-import-export-center] [data-part-job]>[data-part-body]>:not([data-part-heading]){grid-column:3}[data-ui-import-export-center] [data-part-job]>[data-part-body]>:not([data-part-heading])+:not([data-part-heading]){margin-block-start:var(--slotted-space-3,.375rem)}[data-ui-import-export-center] [data-part-job]>[data-part-controls]{grid-area:5/3;margin-block-start:var(--slotted-space-4,.5rem)}[data-ui-import-export-center] [data-part-job]>[data-part-details]{grid-area:6/2/auto/-1;margin-block-start:var(--_gap)}}@media (forced-colors:active){[data-ui-import-export-center] [data-part-meta]>*+:before,[data-ui-import-export-center] [data-part-summary]>*+:before,[data-ui-import-export-center] [data-part-progress-text]>*+:before,[data-ui-import-export-center] [data-part-status-label]>[data-part-stage]:before{forced-color-adjust:none}[data-ui-import-export-center] [data-part-job]>[data-part-visual]{border:var(--slotted-border-width-thin,1px) solid CanvasText;color:canvastext}[data-ui-import-export-center] [data-part-job]>[data-part-details]{border-color:canvastext}}}
|