@nova-design-system/nova-webcomponents 3.28.0 → 3.30.0
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/cjs/{constants-BugGJYqL.js → constants-BSdCE1ZF.js} +5 -0
- package/dist/cjs/index-Bj9nnTVm.js +4856 -0
- package/dist/cjs/index.cjs.js +5 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/native.cjs.js +2 -2
- package/dist/cjs/nv-accordion-item.cjs.entry.js +3 -3
- package/dist/cjs/nv-accordion.cjs.entry.js +2 -2
- package/dist/cjs/nv-alert.cjs.entry.js +3 -3
- package/dist/cjs/nv-avatar.cjs.entry.js +3 -3
- package/dist/cjs/nv-badge_2.cjs.entry.js +8 -7
- package/dist/cjs/nv-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/nv-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/nv-button.cjs.entry.js +3 -3
- package/dist/cjs/nv-buttongroup.cjs.entry.js +2 -2
- package/dist/cjs/nv-calendar.cjs.entry.js +4 -4
- package/dist/cjs/nv-col.cjs.entry.js +2 -2
- package/dist/cjs/nv-datagrid.cjs.entry.js +4 -4
- package/dist/cjs/nv-datagridcolumn.cjs.entry.js +2 -2
- package/dist/cjs/nv-datetest.cjs.entry.js +2 -2
- package/dist/cjs/nv-datetimetest.cjs.entry.js +1 -1
- package/dist/cjs/nv-dialog.cjs.entry.js +3 -3
- package/dist/cjs/nv-dialogfooter_2.cjs.entry.js +8 -6
- package/dist/cjs/nv-drawer.cjs.entry.js +3 -3
- package/dist/cjs/nv-drawerfooter_2.cjs.entry.js +6 -4
- package/dist/cjs/nv-fieldcheckbox.cjs.entry.js +5 -5
- package/dist/cjs/nv-fielddate.cjs.entry.js +8 -8
- package/dist/cjs/nv-fielddaterange.cjs.entry.js +8 -8
- package/dist/cjs/nv-fielddropdown.cjs.entry.js +6 -6
- package/dist/cjs/nv-fielddropdownitem.cjs.entry.js +2 -2
- package/dist/cjs/nv-fieldmultiselect.cjs.entry.js +115 -86
- package/dist/cjs/nv-fieldnumber.cjs.entry.js +6 -6
- package/dist/cjs/nv-fieldpassword.cjs.entry.js +6 -6
- package/dist/cjs/nv-fieldradio.cjs.entry.js +4 -4
- package/dist/cjs/nv-fieldselect.cjs.entry.js +7 -7
- package/dist/cjs/nv-fieldslider.cjs.entry.js +4 -4
- package/dist/cjs/nv-fieldtext.cjs.entry.js +6 -6
- package/dist/cjs/nv-fieldtextarea.cjs.entry.js +5 -5
- package/dist/cjs/nv-fieldtime.cjs.entry.js +16 -13
- package/dist/cjs/nv-icon.cjs.entry.js +3 -3
- package/dist/cjs/nv-iconbutton_2.cjs.entry.js +3 -3
- package/dist/cjs/nv-menu.cjs.entry.js +2 -2
- package/dist/cjs/nv-menuitem.cjs.entry.js +2 -2
- package/dist/cjs/nv-notification-bullet.cjs.entry.js +1 -1
- package/dist/cjs/nv-notification.cjs.entry.js +3 -3
- package/dist/cjs/nv-notificationcontainer.cjs.entry.js +2 -2
- package/dist/cjs/nv-pagination-nav.cjs.entry.js +2 -2
- package/dist/cjs/nv-paginationtable.cjs.entry.js +19 -3
- package/dist/cjs/nv-popover.cjs.entry.js +2 -2
- package/dist/cjs/nv-row.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebar.cjs.entry.js +178 -4
- package/dist/cjs/nv-sidebarcontent.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebardivider.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebarfooter.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebargroup.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebarheader.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebarlogo.cjs.entry.js +2 -2
- package/dist/cjs/nv-sidebarnavitem.cjs.entry.js +3 -3
- package/dist/cjs/nv-sidebarnavsubitem.cjs.entry.js +2 -2
- package/dist/cjs/nv-split.cjs.entry.js +2 -2
- package/dist/cjs/nv-stack.cjs.entry.js +2 -2
- package/dist/cjs/nv-statusindicator.cjs.entry.js +39 -0
- package/dist/cjs/nv-table.cjs.entry.js +3 -3
- package/dist/cjs/nv-tableheader.cjs.entry.js +2 -2
- package/dist/cjs/nv-tag.cjs.entry.js +82 -0
- package/dist/cjs/nv-timetest.cjs.entry.js +2 -2
- package/dist/cjs/nv-toggle.cjs.entry.js +3 -3
- package/dist/cjs/nv-togglebutton.cjs.entry.js +2 -2
- package/dist/cjs/nv-togglebuttongroup.cjs.entry.js +2 -2
- package/dist/cjs/nv-tooltip.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/nv-accordion/nv-accordion.js +1 -1
- package/dist/collection/components/nv-accordion-item/nv-accordion-item.js +2 -2
- package/dist/collection/components/nv-alert/nv-alert.docs.js +1 -1
- package/dist/collection/components/nv-alert/nv-alert.js +15 -5
- package/dist/collection/components/nv-avatar/nv-avatar.js +1 -1
- package/dist/collection/components/nv-badge/nv-badge.js +32 -11
- package/dist/collection/components/nv-breadcrumb/nv-breadcrumb.js +1 -1
- package/dist/collection/components/nv-breadcrumbs/nv-breadcrumbs.js +1 -1
- package/dist/collection/components/nv-button/nv-button.js +1 -1
- package/dist/collection/components/nv-buttongroup/nv-buttongroup.js +1 -1
- package/dist/collection/components/nv-calendar/nv-calendar.js +2 -2
- package/dist/collection/components/nv-col/nv-col.docs.js +2 -1
- package/dist/collection/components/nv-col/nv-col.js +2 -1
- package/dist/collection/components/nv-datagrid/nv-datagrid.docs.js +2 -2
- package/dist/collection/components/nv-datagrid/nv-datagrid.js +2 -2
- package/dist/collection/components/nv-datagridcolumn/nv-datagridcolumn.js +1 -1
- package/dist/collection/components/nv-datetest/nv-datetest.js +1 -1
- package/dist/collection/components/nv-dialog/nv-dialog.js +1 -1
- package/dist/collection/components/nv-dialogfooter/nv-dialogfooter.js +35 -13
- package/dist/collection/components/nv-dialogheader/nv-dialogheader.js +1 -1
- package/dist/collection/components/nv-drawer/nv-drawer.js +1 -1
- package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.js +31 -9
- package/dist/collection/components/nv-drawerheader/nv-drawerheader.js +1 -1
- package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.docs.js +1 -1
- package/dist/collection/components/nv-fieldcheckbox/nv-fieldcheckbox.js +4 -4
- package/dist/collection/components/nv-fielddate/nv-fielddate.docs.js +1 -1
- package/dist/collection/components/nv-fielddate/nv-fielddate.js +6 -6
- package/dist/collection/components/nv-fielddate/styles/nv-fielddate.css +3 -0
- package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.docs.js +1 -1
- package/dist/collection/components/nv-fielddaterange/nv-fielddaterange.js +6 -6
- package/dist/collection/components/nv-fielddaterange/styles/nv-fielddaterange.css +3 -0
- package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.docs.js +1 -1
- package/dist/collection/components/nv-fielddropdown/nv-fielddropdown.js +4 -4
- package/dist/collection/components/nv-fielddropdown/styles/nv-fielddropdown.css +3 -0
- package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.docs.js +1 -1
- package/dist/collection/components/nv-fielddropdownitem/nv-fielddropdownitem.js +1 -1
- package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.css +1 -1
- package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.docs.js +2 -2
- package/dist/collection/components/nv-fielddropdownitemcheck/nv-fielddropdownitemcheck.js +1 -1
- package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.docs.js +1 -1
- package/dist/collection/components/nv-fieldmultiselect/nv-fieldmultiselect.js +119 -84
- package/dist/collection/components/nv-fieldmultiselect/styles/nv-fieldmultiselect.css +13 -2
- package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.css +3 -0
- package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.docs.js +1 -1
- package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.js +4 -4
- package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.css +3 -0
- package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.docs.js +1 -1
- package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.js +4 -4
- package/dist/collection/components/nv-fieldradio/nv-fieldradio.docs.js +1 -1
- package/dist/collection/components/nv-fieldradio/nv-fieldradio.js +3 -3
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js +1 -1
- package/dist/collection/components/nv-fieldselect/nv-fieldselect.js +5 -5
- package/dist/collection/components/nv-fieldselect/styles/nv-fieldselect.css +3 -0
- package/dist/collection/components/nv-fieldslider/nv-fieldslider.docs.js +1 -1
- package/dist/collection/components/nv-fieldslider/nv-fieldslider.js +3 -3
- package/dist/collection/components/nv-fieldtext/nv-fieldtext.css +3 -0
- package/dist/collection/components/nv-fieldtext/nv-fieldtext.docs.js +3 -2
- package/dist/collection/components/nv-fieldtext/nv-fieldtext.js +4 -4
- package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.css +3 -0
- package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.docs.js +1 -1
- package/dist/collection/components/nv-fieldtextarea/nv-fieldtextarea.js +3 -3
- package/dist/collection/components/nv-fieldtime/nv-fieldtime.docs.js +1 -1
- package/dist/collection/components/nv-fieldtime/nv-fieldtime.js +13 -10
- package/dist/collection/components/nv-fieldtime/styles/nv-fieldtime.css +3 -0
- package/dist/collection/components/nv-icon/nv-icon.js +7 -4
- package/dist/collection/components/nv-iconbutton/nv-iconbutton.js +7 -4
- package/dist/collection/components/nv-loader/nv-loader.js +1 -1
- package/dist/collection/components/nv-menu/nv-menu.js +1 -1
- package/dist/collection/components/nv-menuitem/nv-menuitem.js +5 -2
- package/dist/collection/components/nv-notification/nv-notification.js +15 -5
- package/dist/collection/components/nv-notificationcontainer/nv-notificationcontainer.js +1 -1
- package/dist/collection/components/nv-pagination-nav/nv-pagination-nav.js +1 -1
- package/dist/collection/components/nv-paginationtable/nv-paginationtable.js +6 -3
- package/dist/collection/components/nv-paginationtable/nv-paginationtable.utils.js +13 -0
- package/dist/collection/components/nv-paginationtable/test/nv-paginationtable.utils.test.js +26 -1
- package/dist/collection/components/nv-popover/nv-popover.js +1 -1
- package/dist/collection/components/nv-row/nv-row.docs.js +1 -0
- package/dist/collection/components/nv-row/nv-row.js +2 -1
- package/dist/collection/components/nv-sidebar/nv-sidebar.docs.js +7 -0
- package/dist/collection/components/nv-sidebar/nv-sidebar.js +274 -2
- package/dist/collection/components/nv-sidebar/styles/nv-sidebar.css +26 -0
- package/dist/collection/components/nv-sidebarcontent/nv-sidebarcontent.js +1 -1
- package/dist/collection/components/nv-sidebardivider/nv-sidebardivider.js +1 -1
- package/dist/collection/components/nv-sidebarfooter/nv-sidebarfooter.js +1 -1
- package/dist/collection/components/nv-sidebargroup/nv-sidebargroup.js +1 -1
- package/dist/collection/components/nv-sidebarheader/nv-sidebarheader.js +1 -1
- package/dist/collection/components/nv-sidebarlogo/nv-sidebarlogo.js +1 -1
- package/dist/collection/components/nv-sidebarnavitem/nv-sidebarnavitem.js +7 -4
- package/dist/collection/components/nv-sidebarnavsubitem/nv-sidebarnavsubitem.js +1 -1
- package/dist/collection/components/nv-split/nv-split.js +2 -1
- package/dist/collection/components/nv-stack/nv-stack.js +1 -1
- package/dist/collection/components/nv-statusindicator/nv-statusindicator.css +73 -0
- package/dist/collection/components/nv-statusindicator/nv-statusindicator.docs.js +34 -0
- package/dist/collection/components/nv-statusindicator/nv-statusindicator.js +122 -0
- package/dist/collection/components/nv-table/nv-table.js +1 -1
- package/dist/collection/components/nv-table/styles/nv-table.css +37 -1
- package/dist/collection/components/nv-tableheader/nv-tableheader.js +1 -1
- package/dist/collection/components/nv-tag/nv-tag.css +228 -0
- package/dist/collection/components/nv-tag/nv-tag.docs.js +114 -0
- package/dist/collection/components/nv-tag/nv-tag.js +251 -0
- package/dist/collection/components/nv-timetest/nv-timetest.js +1 -1
- package/dist/collection/components/nv-toggle/nv-toggle.docs.js +1 -1
- package/dist/collection/components/nv-toggle/nv-toggle.js +2 -2
- package/dist/collection/components/nv-togglebutton/nv-togglebutton.docs.js +2 -2
- package/dist/collection/components/nv-togglebutton/nv-togglebutton.js +1 -1
- package/dist/collection/components/nv-togglebuttongroup/nv-togglebuttongroup.js +1 -1
- package/dist/collection/components/nv-tooltip/nv-tooltip.js +1 -1
- package/dist/collection/utils/constants.js +5 -0
- package/dist/components/index.js +1 -1
- package/dist/components/nv-accordion-item.js +1 -1
- package/dist/components/nv-accordion.js +1 -1
- package/dist/components/nv-alert.js +1 -1
- package/dist/components/nv-avatar.js +1 -1
- package/dist/components/nv-badge.js +1 -1
- package/dist/components/nv-breadcrumb.js +1 -1
- package/dist/components/nv-breadcrumbs.js +1 -1
- package/dist/components/nv-button.js +1 -1
- package/dist/components/nv-buttongroup.js +1 -1
- package/dist/components/nv-calendar.js +1 -1
- package/dist/components/nv-col.js +1 -1
- package/dist/components/nv-datagrid.js +1 -1
- package/dist/components/nv-datagridcolumn.js +1 -1
- package/dist/components/nv-datetest.js +1 -1
- package/dist/components/nv-datetimetest.js +1 -1
- package/dist/components/nv-dialog.js +1 -1
- package/dist/components/nv-dialogfooter.js +1 -1
- package/dist/components/nv-dialogheader.js +1 -1
- package/dist/components/nv-drawer.js +1 -1
- package/dist/components/nv-drawerfooter.js +1 -1
- package/dist/components/nv-drawerheader.js +1 -1
- package/dist/components/nv-fieldcheckbox.js +1 -1
- package/dist/components/nv-fielddate.js +1 -1
- package/dist/components/nv-fielddaterange.js +1 -1
- package/dist/components/nv-fielddropdown.js +1 -1
- package/dist/components/nv-fielddropdownitem.js +1 -1
- package/dist/components/nv-fielddropdownitemcheck.js +1 -1
- package/dist/components/nv-fieldmultiselect.js +1 -1
- package/dist/components/nv-fieldnumber.js +1 -1
- package/dist/components/nv-fieldpassword.js +1 -1
- package/dist/components/nv-fieldradio.js +1 -1
- package/dist/components/nv-fieldselect.js +1 -1
- package/dist/components/nv-fieldslider.js +1 -1
- package/dist/components/nv-fieldtext.js +1 -1
- package/dist/components/nv-fieldtextarea.js +1 -1
- package/dist/components/nv-fieldtime.js +1 -1
- package/dist/components/nv-icon.js +1 -1
- package/dist/components/nv-iconbutton.js +1 -1
- package/dist/components/nv-loader.js +1 -1
- package/dist/components/nv-menu.js +1 -1
- package/dist/components/nv-menuitem.js +1 -1
- package/dist/components/nv-notification-bullet.js +1 -1
- package/dist/components/nv-notification.js +1 -1
- package/dist/components/nv-notificationcontainer.js +1 -1
- package/dist/components/nv-pagination-nav.js +1 -1
- package/dist/components/nv-paginationtable.js +1 -1
- package/dist/components/nv-popover.js +1 -1
- package/dist/components/nv-row.js +1 -1
- package/dist/components/nv-sidebar.js +1 -1
- package/dist/components/nv-sidebarcontent.js +1 -1
- package/dist/components/nv-sidebardivider.js +1 -1
- package/dist/components/nv-sidebarfooter.js +1 -1
- package/dist/components/nv-sidebargroup.js +1 -1
- package/dist/components/nv-sidebarheader.js +1 -1
- package/dist/components/nv-sidebarlogo.js +1 -1
- package/dist/components/nv-sidebarnavitem.js +1 -1
- package/dist/components/nv-sidebarnavsubitem.js +1 -1
- package/dist/components/nv-split.js +1 -1
- package/dist/components/nv-stack.js +1 -1
- package/dist/components/nv-statusindicator.d.ts +11 -0
- package/dist/components/nv-statusindicator.js +1 -0
- package/dist/components/nv-table.js +1 -1
- package/dist/components/nv-tableheader.js +1 -1
- package/dist/components/nv-tag.d.ts +11 -0
- package/dist/components/nv-tag.js +1 -0
- package/dist/components/nv-timetest.js +1 -1
- package/dist/components/nv-toggle.js +1 -1
- package/dist/components/nv-togglebutton.js +1 -1
- package/dist/components/nv-togglebuttongroup.js +1 -1
- package/dist/components/nv-tooltip.js +1 -1
- package/dist/components/{p-Du3Fh0jQ.js → p-B4qcUV0M.js} +1 -1
- package/dist/components/p-B8yJMa0S.js +1 -0
- package/dist/components/{p-xrXEz2WP.js → p-BU3AWnne.js} +1 -1
- package/dist/components/{p-qkNH2RHl.js → p-BYrgllP3.js} +1 -1
- package/dist/components/p-BhRpSdkR.js +1 -0
- package/dist/components/{p-C5J7jtrC.js → p-Bu90dktV.js} +1 -1
- package/dist/components/{p-BwYt1BAb.js → p-CObbk0-q.js} +1 -1
- package/dist/components/{p-DlOgBZa8.js → p-CTISxdir.js} +2 -2
- package/dist/components/{p-nzxGC8BS.js → p-Cj6urNtm.js} +1 -1
- package/dist/components/{p-DE792Sds.js → p-Cx5CLy9v.js} +1 -1
- package/dist/components/{p-CAGzfU3O.js → p-Cyn4-37z.js} +1 -1
- package/dist/components/p-CzRJpv7x.js +1 -0
- package/dist/components/{p-CKFXHAaU.js → p-CzRlra4z.js} +1 -1
- package/dist/components/{p-DGj-fiRX.js → p-D54x8OFu.js} +1 -1
- package/dist/components/{p-DUaenjr8.js → p-DP_K3tkj.js} +1 -1
- package/dist/components/{p-VXpV-BUK.js → p-DQuJvZ4Z.js} +1 -1
- package/dist/components/{p-DwtLxfU5.js → p-DZdOQQrW.js} +1 -1
- package/dist/components/{p-Co8IghI-.js → p-Dg-Ac5i4.js} +1 -1
- package/dist/components/p-DiwYO24j.js +2 -0
- package/dist/components/p-GDyaHbt9.js +1 -0
- package/dist/components/{p-h3cPA0Cx.js → p-L7U51TAH.js} +1 -1
- package/dist/components/{p-CLzCfsnq.js → p-MLanePUO.js} +1 -1
- package/dist/components/p-gOKBmbgZ.js +1 -0
- package/dist/components/{p-f8OUzde-.js → p-yPMU6HZQ.js} +1 -1
- package/dist/esm/{constants-BReL3Lsa.js → constants-gOKBmbgZ.js} +6 -1
- package/dist/esm/index-CTmBvINI.js +4820 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/native.js +3 -3
- package/dist/esm/nv-accordion-item.entry.js +3 -3
- package/dist/esm/nv-accordion.entry.js +2 -2
- package/dist/esm/nv-alert.entry.js +3 -3
- package/dist/esm/nv-avatar.entry.js +3 -3
- package/dist/esm/nv-badge_2.entry.js +8 -7
- package/dist/esm/nv-breadcrumb.entry.js +2 -2
- package/dist/esm/nv-breadcrumbs.entry.js +2 -2
- package/dist/esm/nv-button.entry.js +3 -3
- package/dist/esm/nv-buttongroup.entry.js +2 -2
- package/dist/esm/nv-calendar.entry.js +4 -4
- package/dist/esm/nv-col.entry.js +2 -2
- package/dist/esm/nv-datagrid.entry.js +4 -4
- package/dist/esm/nv-datagridcolumn.entry.js +2 -2
- package/dist/esm/nv-datetest.entry.js +2 -2
- package/dist/esm/nv-datetimetest.entry.js +1 -1
- package/dist/esm/nv-dialog.entry.js +3 -3
- package/dist/esm/nv-dialogfooter_2.entry.js +8 -6
- package/dist/esm/nv-drawer.entry.js +3 -3
- package/dist/esm/nv-drawerfooter_2.entry.js +6 -4
- package/dist/esm/nv-fieldcheckbox.entry.js +5 -5
- package/dist/esm/nv-fielddate.entry.js +8 -8
- package/dist/esm/nv-fielddaterange.entry.js +8 -8
- package/dist/esm/nv-fielddropdown.entry.js +6 -6
- package/dist/esm/nv-fielddropdownitem.entry.js +2 -2
- package/dist/esm/nv-fieldmultiselect.entry.js +115 -86
- package/dist/esm/nv-fieldnumber.entry.js +6 -6
- package/dist/esm/nv-fieldpassword.entry.js +6 -6
- package/dist/esm/nv-fieldradio.entry.js +4 -4
- package/dist/esm/nv-fieldselect.entry.js +7 -7
- package/dist/esm/nv-fieldslider.entry.js +4 -4
- package/dist/esm/nv-fieldtext.entry.js +6 -6
- package/dist/esm/nv-fieldtextarea.entry.js +5 -5
- package/dist/esm/nv-fieldtime.entry.js +16 -13
- package/dist/esm/nv-icon.entry.js +3 -3
- package/dist/esm/nv-iconbutton_2.entry.js +3 -3
- package/dist/esm/nv-menu.entry.js +2 -2
- package/dist/esm/nv-menuitem.entry.js +2 -2
- package/dist/esm/nv-notification-bullet.entry.js +1 -1
- package/dist/esm/nv-notification.entry.js +3 -3
- package/dist/esm/nv-notificationcontainer.entry.js +2 -2
- package/dist/esm/nv-pagination-nav.entry.js +2 -2
- package/dist/esm/nv-paginationtable.entry.js +19 -3
- package/dist/esm/nv-popover.entry.js +2 -2
- package/dist/esm/nv-row.entry.js +2 -2
- package/dist/esm/nv-sidebar.entry.js +178 -4
- package/dist/esm/nv-sidebarcontent.entry.js +2 -2
- package/dist/esm/nv-sidebardivider.entry.js +2 -2
- package/dist/esm/nv-sidebarfooter.entry.js +2 -2
- package/dist/esm/nv-sidebargroup.entry.js +2 -2
- package/dist/esm/nv-sidebarheader.entry.js +2 -2
- package/dist/esm/nv-sidebarlogo.entry.js +2 -2
- package/dist/esm/nv-sidebarnavitem.entry.js +3 -3
- package/dist/esm/nv-sidebarnavsubitem.entry.js +2 -2
- package/dist/esm/nv-split.entry.js +2 -2
- package/dist/esm/nv-stack.entry.js +2 -2
- package/dist/esm/nv-statusindicator.entry.js +37 -0
- package/dist/esm/nv-table.entry.js +3 -3
- package/dist/esm/nv-tableheader.entry.js +2 -2
- package/dist/esm/nv-tag.entry.js +80 -0
- package/dist/esm/nv-timetest.entry.js +2 -2
- package/dist/esm/nv-toggle.entry.js +3 -3
- package/dist/esm/nv-togglebutton.entry.js +2 -2
- package/dist/esm/nv-togglebuttongroup.entry.js +2 -2
- package/dist/esm/nv-tooltip.entry.js +2 -2
- package/dist/lib/generators/docs-blazor.js +7 -1
- package/dist/native/index.esm.js +1 -1
- package/dist/native/native.css +5711 -1
- package/dist/native/native.esm.js +1 -1
- package/dist/native/{p-0bb64497.entry.js → p-04011d0f.entry.js} +1 -1
- package/dist/native/{p-4bf96114.entry.js → p-0c65e726.entry.js} +1 -1
- package/dist/native/{p-767ee0fc.entry.js → p-10dee67d.entry.js} +1 -1
- package/dist/native/p-16037ec8.entry.js +1 -0
- package/dist/native/{p-63f2f87f.entry.js → p-189647e4.entry.js} +1 -1
- package/dist/native/{p-213c5836.entry.js → p-270bf467.entry.js} +1 -1
- package/dist/native/{p-89348af5.entry.js → p-287c67e1.entry.js} +1 -1
- package/dist/native/p-298d893d.entry.js +1 -0
- package/dist/native/{p-8e1bcadc.entry.js → p-29acf903.entry.js} +1 -1
- package/dist/native/{p-05f7bad5.entry.js → p-2afcd5e4.entry.js} +1 -1
- package/dist/native/p-33889f52.entry.js +1 -0
- package/dist/native/p-34d30b90.entry.js +1 -0
- package/dist/native/p-352854eb.entry.js +1 -0
- package/dist/native/{p-cfa0eb58.entry.js → p-37c42bed.entry.js} +1 -1
- package/dist/native/{p-5ea697a7.entry.js → p-3969a700.entry.js} +1 -1
- package/dist/native/{p-e3fb16af.entry.js → p-3f888601.entry.js} +1 -1
- package/dist/native/{p-291b297d.entry.js → p-40000df1.entry.js} +1 -1
- package/dist/native/p-410c21e3.entry.js +1 -0
- package/dist/native/{p-1e03fc3c.entry.js → p-4514a6a4.entry.js} +1 -1
- package/dist/native/{p-b3477504.entry.js → p-49745be2.entry.js} +1 -1
- package/dist/native/{p-7aa4605d.entry.js → p-5375ddc6.entry.js} +1 -1
- package/dist/native/p-5690757b.entry.js +1 -0
- package/dist/native/p-5c321768.entry.js +1 -0
- package/dist/native/{p-a16f8a14.entry.js → p-5df9c196.entry.js} +1 -1
- package/dist/native/{p-2af6d988.entry.js → p-5ef11914.entry.js} +1 -1
- package/dist/native/{p-c5d97054.entry.js → p-64649214.entry.js} +1 -1
- package/dist/native/{p-9709c7d5.entry.js → p-6bb02337.entry.js} +1 -1
- package/dist/native/{p-3c4114b8.entry.js → p-6ccc84c8.entry.js} +1 -1
- package/dist/native/{p-0fe84123.entry.js → p-6dab2e90.entry.js} +1 -1
- package/dist/native/{p-fd5e27ae.entry.js → p-728f09d5.entry.js} +1 -1
- package/dist/native/{p-72d8cb56.entry.js → p-7b1c369b.entry.js} +1 -1
- package/dist/native/p-7b3853be.entry.js +1 -0
- package/dist/native/p-7c9e1f01.entry.js +1 -0
- package/dist/native/p-7cbc09f0.entry.js +1 -0
- package/dist/native/p-859b24ed.entry.js +1 -0
- package/dist/native/{p-083b39c5.entry.js → p-8decb323.entry.js} +1 -1
- package/dist/native/{p-12a8443b.entry.js → p-8dfcfb72.entry.js} +1 -1
- package/dist/native/p-8faf3e05.entry.js +1 -0
- package/dist/native/p-915fe20c.entry.js +1 -0
- package/dist/native/p-91cb5c65.entry.js +1 -0
- package/dist/native/{p-1029a266.entry.js → p-93d2bfab.entry.js} +1 -1
- package/dist/native/{p-f9612edf.entry.js → p-9affde0d.entry.js} +1 -1
- package/dist/native/p-CTmBvINI.js +2 -0
- package/dist/native/{p-f7522dac.entry.js → p-a1ef6740.entry.js} +1 -1
- package/dist/native/{p-d3e66306.entry.js → p-b2c31350.entry.js} +1 -1
- package/dist/native/p-b2ef61bc.entry.js +1 -0
- package/dist/native/{p-67e0680e.entry.js → p-b7a10751.entry.js} +1 -1
- package/dist/native/p-b88dcd21.entry.js +1 -0
- package/dist/native/p-b99ad8a7.entry.js +1 -0
- package/dist/native/{p-fab2f2b3.entry.js → p-be2e4cf0.entry.js} +1 -1
- package/dist/native/{p-493c1bb5.entry.js → p-befb5e4e.entry.js} +1 -1
- package/dist/native/{p-dc2ce8ee.entry.js → p-c1faed1f.entry.js} +1 -1
- package/dist/native/{p-4ac8181c.entry.js → p-c305f1c6.entry.js} +1 -1
- package/dist/native/{p-7c00f6da.entry.js → p-c5261442.entry.js} +1 -1
- package/dist/native/{p-90b8b889.entry.js → p-cd21a60d.entry.js} +1 -1
- package/dist/native/{p-d8120afd.entry.js → p-d0dfa700.entry.js} +1 -1
- package/dist/native/{p-58966e0f.entry.js → p-d4d04530.entry.js} +1 -1
- package/dist/native/{p-5c003e50.entry.js → p-dc000c85.entry.js} +1 -1
- package/dist/native/p-df3ab86a.entry.js +1 -0
- package/dist/native/p-dfb46af1.entry.js +1 -0
- package/dist/native/{p-6d8d2088.entry.js → p-dfd364de.entry.js} +1 -1
- package/dist/native/{p-644ecff8.entry.js → p-e7a73a7c.entry.js} +1 -1
- package/dist/native/p-eab25bfa.entry.js +1 -0
- package/dist/native/{p-95a9d385.entry.js → p-ec919a10.entry.js} +1 -1
- package/dist/native/{p-37c41059.entry.js → p-ffc9e2a0.entry.js} +1 -1
- package/dist/native/p-gOKBmbgZ.js +1 -0
- package/dist/types/components/nv-alert/nv-alert.d.ts +3 -1
- package/dist/types/components/nv-badge/nv-badge.d.ts +6 -3
- package/dist/types/components/nv-col/nv-col.d.ts +1 -0
- package/dist/types/components/nv-dialogfooter/nv-dialogfooter.d.ts +5 -2
- package/dist/types/components/nv-drawerfooter/nv-drawerfooter.d.ts +5 -2
- package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts +16 -11
- package/dist/types/components/nv-icon/nv-icon.d.ts +2 -1
- package/dist/types/components/nv-iconbutton/nv-iconbutton.d.ts +2 -1
- package/dist/types/components/nv-menuitem/nv-menuitem.d.ts +1 -0
- package/dist/types/components/nv-notification/nv-notification.d.ts +3 -1
- package/dist/types/components/nv-paginationtable/nv-paginationtable.utils.d.ts +9 -0
- package/dist/types/components/nv-row/nv-row.d.ts +1 -0
- package/dist/types/components/nv-sidebar/nv-sidebar.d.ts +43 -0
- package/dist/types/components/nv-sidebarnavitem/nv-sidebarnavitem.d.ts +2 -1
- package/dist/types/components/nv-split/nv-split.d.ts +1 -0
- package/dist/types/components/nv-statusindicator/nv-statusindicator.d.ts +22 -0
- package/dist/types/components/nv-statusindicator/nv-statusindicator.docs.d.ts +4 -0
- package/dist/types/components/nv-tag/nv-tag.d.ts +64 -0
- package/dist/types/components/nv-tag/nv-tag.docs.d.ts +4 -0
- package/dist/types/components.d.ts +286 -30
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/constants.d.ts +4 -0
- package/dist/vscode-data.json +18399 -2634
- package/hydrate/index.js +606 -220
- package/hydrate/index.mjs +606 -220
- package/package.json +21 -9
- package/dist/cjs/index-Cfkoz1kc.js +0 -4848
- package/dist/components/p-6nAIGZFL.js +0 -2
- package/dist/components/p-BReL3Lsa.js +0 -1
- package/dist/components/p-CnkB4kvn.js +0 -1
- package/dist/components/p-CrRawrjU.js +0 -1
- package/dist/components/p-D2C_Qr5O.js +0 -1
- package/dist/components/p-DVFofrTe.js +0 -1
- package/dist/esm/index-BCjiE1MF.js +0 -4812
- package/dist/native/p-148c1d3e.entry.js +0 -1
- package/dist/native/p-1d7a27bb.entry.js +0 -1
- package/dist/native/p-25ef7329.entry.js +0 -1
- package/dist/native/p-343c04db.entry.js +0 -1
- package/dist/native/p-46267895.entry.js +0 -1
- package/dist/native/p-544b34d4.entry.js +0 -1
- package/dist/native/p-5ce3d30b.entry.js +0 -1
- package/dist/native/p-5ef0ed10.entry.js +0 -1
- package/dist/native/p-75a2a2ac.entry.js +0 -1
- package/dist/native/p-7d164a7a.entry.js +0 -1
- package/dist/native/p-7ec28d5d.entry.js +0 -1
- package/dist/native/p-9fc95cf3.entry.js +0 -1
- package/dist/native/p-BCjiE1MF.js +0 -2
- package/dist/native/p-BReL3Lsa.js +0 -1
- package/dist/native/p-ac765e6a.entry.js +0 -1
- package/dist/native/p-c2c826a4.entry.js +0 -1
- package/dist/native/p-c56ffa82.entry.js +0 -1
- package/dist/native/p-d5f5a6e1.entry.js +0 -1
- package/dist/native/p-e46c35a0.entry.js +0 -1
- package/dist/native/p-ec23ce93.entry.js +0 -1
- package/dist/native/p-fb34fc7d.entry.js +0 -1
package/hydrate/index.mjs
CHANGED
|
@@ -133,7 +133,7 @@ const NAMESPACE = 'native';
|
|
|
133
133
|
const BUILD = /* native */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, deserializer: false, devTools: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propChangeCallback: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, serializer: false, shadowDelegatesFocus: false, shadowDom: false, shadowDomShim: true, shadowSlotAssignmentManual: false, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true };
|
|
134
134
|
const Env = /* native */ {};
|
|
135
135
|
|
|
136
|
-
const globalStyles = ".dark:root{--components-overlay-opacity:75%;--components-button-destructive-low-border-hover:rgba(255, 255, 255, 0);--components-button-destructive-low-border:rgba(255, 255, 255, 0);--components-button-destructive-low-background:rgba(255, 255, 255, 0);--components-button-destructive-medium-background:rgba(255, 255, 255, 0);--components-loader-white-background:rgba(255, 255, 255, 0.2);--components-form-opacity-disabled:50%;--components-form-opacity-default:100%;--components-button-gr-as-complementary-border-hover:rgba(255, 255, 255, 0);--components-button-gr-as-complementary-border:rgba(255, 255, 255, 0);--components-button-lower-border-hover:rgba(255, 255, 255, 0);--components-button-lower-border-active:rgba(255, 255, 255, 0);--components-button-lower-border:rgba(255, 255, 255, 0);--components-button-low-border-hover:rgba(255, 255, 255, 0);--components-button-low-border-active:rgba(255, 255, 255, 0);--components-button-low-border:rgba(255, 255, 255, 0);--components-button-low-background:rgba(255, 255, 255, 0);--components-button-high-border-active:rgba(255, 255, 255, 0);--components-button-high-border-hover:rgba(255, 255, 255, 0);--components-button-high-border:rgba(255, 255, 255, 0);--shadow-y-axis-2xl:25.0000px;--shadow-y-axis-xl-2:20.0000px;--shadow-y-axis-xl-1:10.0000px;--shadow-y-axis-lg-2:10.0000px;--shadow-y-axis-lg-1:4.0000px;--shadow-y-axis-md-2:4.0000px;--shadow-y-axis-md-1:2.0000px;--shadow-y-axis-base-2:1.0000px;--shadow-y-axis-base-1:1.0000px;--shadow-y-axis-none:0.0000px;--shadow-spread-2xl:-6.0000px;--shadow-spread-xl:-2.0000px;--shadow-spread-lg-2:0.0000px;--shadow-spread-lg-1:0.0000px;--shadow-spread-md:0.0000px;--shadow-spread-base:0.0000px;--shadow-blur-2xl:50.0000px;--shadow-blur-xl-2:25.0000px;--shadow-blur-xl-1:10.0000px;--shadow-blur-lg-2:15.0000px;--shadow-blur-lg-1:6.0000px;--shadow-blur-md-2:6.0000px;--shadow-blur-md-1:4.0000px;--shadow-blur-base-2:2.0000px;--shadow-blur-base-1:3.0000px;--shadow-color-opacity-3:rgba(14, 14, 14, 0.32);--shadow-color-opacity-2:rgba(14, 14, 14, 0.14);--shadow-color-opacity-1:rgba(14, 14, 14, 0.09);--shadow-color-opacity-0:rgba(255, 255, 255, 0.09);--opacity-disabled-2:0%;--opacity-disabled:50%;--color-transparent:rgba(255, 255, 255, 0);--color-white:#ffffff;--color-black:#000000;--color-interaction-container-neutral-background:rgba(0, 0, 0, 0);--components-toggle-shape-hover:var(--color-gray-spark-300);--components-toggle-shape-default:var(--color-gray-spark-400);--components-toggle-background-disabled-checked:var(--color-gray-spark-600);--components-toggle-background-disabled:var(--color-gray-spark-600);--components-toggle-background-default:var(--color-interaction-container-neutral-background);--components-toggle-border-disabled-checked:var(--color-gray-spark-600);--components-toggle-border-disabled:var(--color-gray-spark-600);--components-toggle-border-hover:var(--color-gray-spark-300);--components-toggle-border-default:var(--color-gray-spark-400);--components-tooltip-border:var(--color-gray-spark-50);--components-tooltip-background:var(--color-gray-spark-50);--components-splitter-old-border:var(--color-transparent);--components-splitter-old-background:var(--color-interaction-container-neutral-background);--components-popover-background:var(--color-gray-spark-900);--components-menu-contextual-item-background:var(--color-interaction-container-neutral-background);--components-list-dropdown-group-title-background:var(--color-transparent);--components-list-dropdown-item-background-disabled:var(--color-interaction-container-neutral-background);--components-list-dropdown-item-background-default:var(--color-interaction-container-neutral-background);--components-list-select-option-background-disabled:var(--color-interaction-container-neutral-background);--components-list-select-option-background-default:var(--color-interaction-container-neutral-background);--components-field-time-background-default:var(--color-interaction-container-neutral-background);--components-datagrid-body-background-default:var(--color-interaction-container-neutral-background);--components-datagrid-header-background:var(--color-interaction-container-neutral-background);--components-overlay-background:var(--color-gray-spark-650);--components-button-destructive-high-icon-hover:var(--color-base-black);--components-button-destructive-high-icon:var(--color-base-black);--components-button-destructive-high-text-hover:var(--color-base-black);--components-button-destructive-high-text:var(--color-base-black);--components-button-destructive-high-background-hover:var(--color-status-red-300);--components-button-destructive-high-background:var(--color-status-red-400);--components-button-destructive-low-icon-hover:var(--color-status-red-300);--components-button-destructive-low-icon:var(--color-status-red-400);--components-button-destructive-low-text-hover:var(--color-status-red-300);--components-button-destructive-low-text:var(--color-status-red-400);--components-button-destructive-low-background-hover:var(--color-status-red-900);--components-button-destructive-medium-border-hover:var(--color-status-red-300);--components-button-destructive-medium-border:var(--color-status-red-400);--components-button-destructive-medium-icon-hover:var(--color-status-red-300);--components-button-destructive-medium-icon:var(--color-status-red-400);--components-button-destructive-medium-text-hover:var(--color-status-red-300);--components-button-destructive-medium-text:var(--color-status-red-400);--components-button-destructive-medium-background-hover:var(--color-status-red-900);--components-loader-brand-foreground:var(--color-orange-500);--components-loader-brand-background:var(--color-orange-900);--components-loader-white-foreground:var(--color-base-white);--components-form-shape-foreground-default:var(--color-base-black);--components-form-shape-background-selected:var(--color-orange-500);--components-form-shape-background-disabled:var(--color-gray-spark-700);--components-form-shape-background-hover:var(--color-gray-spark-350);--components-form-shape-background-default:var(--color-gray-spark-400);--components-form-field-background-checked:var(--color-orange-500);--components-button-gr-as-complementary-icon-hover:var(--color-base-white);--components-button-gr-as-complementary-icon:var(--color-base-white);--components-button-gr-as-complementary-text-hover:var(--color-base-white);--components-button-gr-as-complementary-text:var(--color-base-white);--components-button-gr-as-complementary-background-hover:var(--color-gray-spark-400);--components-button-gr-as-complementary-background:var(--color-gray-spark-450);--components-button-lower-background:var(--color-interaction-container-neutral-background);--color-dont-use-background:var(--color-gray-spark-900);--color-dont-use-content:var(--color-gray-spark-750);--color-dont-use-border:var(--color-gray-spark-750);--color-rainbow-10-text:var(--color-gray-spark-250);--color-rainbow-10-icon:var(--color-gray-spark-250);--color-rainbow-10-border:var(--color-gray-spark-250);--color-rainbow-10-background:var(--color-gray-spark-650);--color-rainbow-9-text:var(--color-lime-500);--color-rainbow-9-icon:var(--color-lime-500);--color-rainbow-9-border:var(--color-lime-500);--color-rainbow-9-background:var(--color-lime-900);--color-rainbow-8-text:var(--color-petrol-300);--color-rainbow-8-icon:var(--color-petrol-300);--color-rainbow-8-border:var(--color-petrol-300);--color-rainbow-8-background:var(--color-petrol-800);--color-rainbow-7-text:var(--color-green-300);--color-rainbow-7-icon:var(--color-green-300);--color-rainbow-7-border:var(--color-green-300);--color-rainbow-7-background:var(--color-green-800);--color-rainbow-6-text:var(--color-crimson-200);--color-rainbow-6-icon:var(--color-crimson-200);--color-rainbow-6-border:var(--color-crimson-200);--color-rainbow-6-background:var(--color-crimson-800);--color-rainbow-5-text:var(--color-turquoise-500);--color-rainbow-5-icon:var(--color-turquoise-500);--color-rainbow-5-border:var(--color-turquoise-500);--color-rainbow-5-background:var(--color-turquoise-900);--color-rainbow-4-text:var(--color-red-200);--color-rainbow-4-icon:var(--color-red-200);--color-rainbow-4-border:var(--color-red-200);--color-rainbow-4-background:var(--color-red-800);--color-rainbow-3-text:var(--color-yellow-600);--color-rainbow-3-icon:var(--color-yellow-600);--color-rainbow-3-border:var(--color-yellow-600);--color-rainbow-3-background:var(--color-yellow-900);--color-rainbow-2-text:var(--color-orange-400);--color-rainbow-2-icon:var(--color-orange-400);--color-rainbow-2-border:var(--color-orange-400);--color-rainbow-2-background:var(--color-orange-900);--color-rainbow-1-text:var(--color-amber-500);--color-rainbow-1-icon:var(--color-amber-500);--color-rainbow-1-border:var(--color-amber-500);--color-rainbow-1-background:var(--color-amber-900);--color-focus-brand:var(--color-orange-500);--color-feedback-success-high-contrast-title:var(--color-base-black);--color-feedback-success-high-contrast-text:var(--color-status-green-900);--color-feedback-success-high-contrast-icon:var(--color-base-black);--color-feedback-success-high-contrast-border:var(--color-status-green-400);--color-feedback-success-high-contrast-background:var(--color-status-green-400);--color-feedback-success-low-text:var(--color-status-green-400);--color-feedback-success-low-icon:var(--color-status-green-400);--color-feedback-success-low-border:var(--color-status-green-400);--color-feedback-success-low-background:var(--color-status-green-900);--color-feedback-success-high-text:var(--color-status-green-800);--color-feedback-success-high-icon:var(--color-status-green-800);--color-feedback-success-high-border:var(--color-status-green-300);--color-feedback-success-high-background:var(--color-status-green-300);--color-feedback-warning-high-contrast-title:var(--color-base-black);--color-feedback-warning-high-contrast-text:var(--color-status-yellow-900);--color-feedback-warning-high-contrast-icon:var(--color-base-black);--color-feedback-warning-high-contrast-border:var(--color-status-yellow-500);--color-feedback-warning-high-contrast-background:var(--color-status-yellow-500);--color-feedback-warning-low-text:var(--color-status-yellow-500);--color-feedback-warning-low-icon:var(--color-status-yellow-500);--color-feedback-warning-low-border:var(--color-status-yellow-500);--color-feedback-warning-low-background:var(--color-status-yellow-900);--color-feedback-warning-high-text:var(--color-status-yellow-900);--color-feedback-warning-high-icon:var(--color-status-yellow-900);--color-feedback-warning-high-border:var(--color-status-yellow-500);--color-feedback-warning-high-background:var(--color-status-yellow-500);--color-feedback-neutral-high-contrast-title:var(--color-base-black);--color-feedback-neutral-high-contrast-text:var(--color-gray-spark-900);--color-feedback-neutral-high-contrast-icon:var(--color-base-black);--color-feedback-neutral-high-contrast-border:var(--color-gray-spark-250);--color-feedback-neutral-high-contrast-background:var(--color-gray-spark-250);--color-feedback-neutral-low-text:var(--color-gray-spark-250);--color-feedback-neutral-low-icon:var(--color-gray-spark-250);--color-feedback-neutral-low-border:var(--color-gray-spark-250);--color-feedback-neutral-low-background:var(--color-gray-spark-800);--color-feedback-neutral-high-text:var(--color-gray-spark-800);--color-feedback-neutral-high-icon:var(--color-gray-spark-800);--color-feedback-neutral-high-border:var(--color-gray-spark-250);--color-feedback-neutral-high-background:var(--color-gray-spark-250);--color-feedback-error-high-contrast-title:var(--color-base-black);--color-feedback-error-high-contrast-text:var(--color-status-red-900);--color-feedback-error-high-contrast-icon:var(--color-base-black);--color-feedback-error-high-contrast-border:var(--color-status-red-300);--color-feedback-error-high-contrast-background:var(--color-status-red-300);--color-feedback-error-low-text:var(--color-status-red-300);--color-feedback-error-low-icon:var(--color-status-red-300);--color-feedback-error-low-border:var(--color-status-red-300);--color-feedback-error-low-background:var(--color-status-red-900);--color-feedback-error-high-text:var(--color-status-red-900);--color-feedback-error-high-icon:var(--color-status-red-900);--color-feedback-error-high-border:var(--color-status-red-300);--color-feedback-error-high-background:var(--color-status-red-300);--color-feedback-information-high-contrast-title:var(--color-base-black);--color-feedback-information-high-contrast-text:var(--color-status-blue-900);--color-feedback-information-high-contrast-icon:var(--color-base-black);--color-feedback-information-high-contrast-border:var(--color-status-blue-300);--color-feedback-information-high-contrast-background:var(--color-status-blue-300);--color-feedback-information-low-text:var(--color-status-blue-300);--color-feedback-information-low-icon:var(--color-status-blue-300);--color-feedback-information-low-border:var(--color-status-blue-300);--color-feedback-information-low-background:var(--color-status-blue-900);--color-feedback-information-high-text:var(--color-status-blue-800);--color-feedback-information-high-icon:var(--color-status-blue-800);--color-feedback-information-high-border:var(--color-status-blue-300);--color-feedback-information-high-background:var(--color-status-blue-300);--color-chart-10:var(--color-crimson-500);--color-chart-9:var(--color-dark-blue-500);--color-chart-8:var(--color-orange-500);--color-chart-7:var(--color-yellow-500);--color-chart-6:var(--color-lime-500);--color-chart-5:var(--color-light-blue-500);--color-chart-4:var(--color-turquoise-500);--color-chart-3:var(--color-petrol-500);--color-chart-2:var(--color-dark-gray-500);--color-chart-1:var(--color-amber-500);--color-brand-900:var(--color-amber-50);--color-brand-800:var(--color-amber-100);--color-brand-700:var(--color-amber-200);--color-brand-600:var(--color-amber-300);--color-brand-500:var(--color-amber-400);--color-brand-400:var(--color-amber-500);--color-brand-300:var(--color-amber-600);--color-brand-200:var(--color-amber-700);--color-brand-100:var(--color-amber-800);--color-brand-50:var(--color-amber-900);--color-accent-900:var(--color-petrol-50);--color-accent-800:var(--color-petrol-100);--color-accent-700:var(--color-petrol-200);--color-accent-600:var(--color-petrol-300);--color-accent-500:var(--color-petrol-400);--color-accent-400:var(--color-petrol-500);--color-accent-300:var(--color-petrol-600);--color-accent-200:var(--color-petrol-700);--color-accent-100:var(--color-petrol-800);--color-accent-50:var(--color-petrol-900);--color-content-inverted-low-icon:var(--color-gray-spark-400);--color-content-inverted-low-text:var(--color-gray-spark-400);--color-content-inverted-medium-icon:var(--color-gray-spark-550);--color-content-inverted-medium-text:var(--color-gray-spark-550);--color-content-inverted-high-icon:var(--color-gray-spark-800);--color-content-inverted-high-text:var(--color-gray-spark-800);--color-content-lower-text:var(--color-gray-spark-400);--color-content-low-icon:var(--color-gray-spark-350);--color-content-low-text:var(--color-gray-spark-350);--color-content-low-border:var(--color-gray-spark-500);--color-content-medium-icon:var(--color-gray-spark-200);--color-content-medium-text:var(--color-gray-spark-200);--color-content-medium-border:var(--color-gray-spark-400);--color-content-high-icon:var(--color-gray-spark-50);--color-content-high-text:var(--color-gray-spark-50);--color-content-high-border:var(--color-gray-spark-300);--color-level-inverted-05-background:var(--color-gray-spark-25);--color-level-inverted-00-background:var(--color-gray-spark-00);--color-level-inverted-40-background:var(--color-gray-spark-00);--color-level-inverted-30-background:var(--color-gray-spark-50);--color-level-inverted-20-background:var(--color-gray-spark-00);--color-level-inverted-15-background:var(--color-gray-spark-75);--color-level-inverted-10-background:var(--color-gray-spark-50);--color-level-05-background:var(--color-gray-spark-850);--color-level-00-background:var(--color-gray-spark-900);--color-level-40-background:var(--color-gray-spark-500);--color-level-30-background:var(--color-gray-spark-600);--color-level-20-background:var(--color-gray-spark-700);--color-level-15-background:var(--color-gray-spark-750);--color-level-10-background:var(--color-gray-spark-800);--color-interaction-link-inverted-text-visited:var(--color-orange-400);--color-interaction-link-inverted-text-hover:var(--color-orange-600);--color-interaction-link-inverted-icon-visited:var(--color-orange-400);--color-interaction-link-inverted-icon-hover:var(--color-orange-600);--color-interaction-link-low-text-visited:var(--color-orange-400);--color-interaction-link-low-text-hover:var(--color-orange-400);--color-interaction-link-low-icon-visited:var(--color-orange-400);--color-interaction-link-low-icon-hover:var(--color-orange-400);--color-interaction-link-high-text-visited:var(--color-orange-400);--color-interaction-link-high-text-hover:var(--color-orange-400);--color-interaction-link-high-text:var(--color-orange-500);--color-interaction-link-high-icon-visited:var(--color-orange-400);--color-interaction-link-high-icon-hover:var(--color-orange-400);--color-interaction-link-high-icon:var(--color-orange-500);--color-interaction-container-branded-low-text-hover:var(--color-orange-400);--color-interaction-container-branded-low-text-active:var(--color-orange-400);--color-interaction-container-branded-low-text:var(--color-orange-500);--color-interaction-container-branded-low-icon-hover:var(--color-orange-400);--color-interaction-container-branded-low-icon-active:var(--color-orange-400);--color-interaction-container-branded-low-icon:var(--color-orange-500);--color-interaction-container-branded-low-border-hover:var(--color-orange-400);--color-interaction-container-branded-low-border-active:var(--color-orange-400);--color-interaction-container-branded-low-border:var(--color-orange-500);--color-interaction-container-branded-low-background-hover:var(--color-orange-900);--color-interaction-container-branded-low-background-active:var(--color-orange-900);--color-interaction-container-branded-high-text-hover:var(--color-base-black);--color-interaction-container-branded-high-text-active:var(--color-base-black);--color-interaction-container-branded-high-text:var(--color-base-black);--color-interaction-container-branded-high-icon-hover:var(--color-base-black);--color-interaction-container-branded-high-icon-active:var(--color-base-black);--color-interaction-container-branded-high-icon:var(--color-base-black);--color-interaction-container-branded-high-border-hover:var(--color-orange-400);--color-interaction-container-branded-high-border-active:var(--color-orange-400);--color-interaction-container-branded-high-border:var(--color-orange-500);--color-interaction-container-branded-high-background-hover:var(--color-orange-400);--color-interaction-container-branded-high-background-active:var(--color-orange-400);--color-interaction-container-branded-high-background:var(--color-orange-500);--color-interaction-container-neutral-text-active:var(--color-orange-400);--color-interaction-container-neutral-icon-active:var(--color-orange-400);--color-interaction-container-neutral-border-active:var(--color-orange-400);--color-interaction-container-neutral-background-active:var(--color-orange-900);--components-togglegroup-high-border:var(--color-interaction-container-branded-low-border);--components-toggle-shape-hover-checked:var(--color-interaction-container-branded-high-icon);--components-toggle-shape-default-checked:var(--color-interaction-container-branded-high-icon);--components-toggle-background-hover-checked:var(--color-interaction-container-branded-high-background-hover);--components-toggle-background-default-checked:var(--color-interaction-container-branded-high-background);--components-toggle-border-hover-checked:var(--color-interaction-container-branded-high-border-hover);--components-toggle-border-default-checked:var(--color-interaction-container-branded-high-border);--components-tooltip-supporting-text:var(--color-content-inverted-medium-text);--components-tooltip-text:var(--color-content-inverted-high-text);--components-splitter-handle-background-hover:var(--color-interaction-container-branded-high-background-active);--components-splitter-handle-background-active:var(--color-interaction-container-branded-high-background-active);--components-splitter-handle-background:var(--color-content-low-border);--components-splitter-line-background-hover:var(--color-interaction-container-branded-low-background-active);--components-splitter-line-background-active:var(--color-interaction-container-branded-high-background-active);--components-splitter-line-background:var(--color-level-10-background);--components-splitter-old-border-active:var(--color-interaction-container-neutral-border-active);--components-splitter-old-background-active:var(--color-interaction-container-neutral-background-active);--components-slider-handler-border-focus:var(--components-form-field-background-checked);--components-slider-handler-background-focus:var(--components-form-field-background-checked);--components-slider-track-background:var(--color-content-low-border);--components-sidebar-border:var(--color-content-low-border);--components-sidebar-divider:var(--color-content-low-border);--components-sidebar-background:var(--color-level-00-background);--components-popover-supporting-text:var(--color-content-low-text);--components-popover-text:var(--color-content-medium-text);--components-popover-border:var(--color-content-low-border);--components-notification-neutral-icon:var(--color-feedback-neutral-low-icon);--components-notification-neutral-border:var(--color-feedback-neutral-low-border);--components-notification-neutral-background:var(--color-level-20-background);--components-notification-success-icon:var(--color-feedback-success-low-icon);--components-notification-success-border:var(--color-feedback-success-low-border);--components-notification-success-background:var(--color-level-20-background);--components-notification-error-icon:var(--color-feedback-error-low-icon);--components-notification-error-border:var(--color-feedback-error-low-border);--components-notification-error-background:var(--color-level-20-background);--components-notification-warning-icon:var(--color-feedback-warning-low-border);--components-notification-warning-border:var(--color-feedback-warning-low-border);--components-notification-warning-background:var(--color-level-20-background);--components-notification-content-title:var(--color-content-high-text);--components-notification-content-timestamp:var(--color-content-medium-text);--components-notification-content-description:var(--color-content-medium-text);--components-notification-information-border:var(--color-feedback-information-low-border);--components-notification-information-icon:var(--color-feedback-information-low-icon);--components-notification-information-background:var(--color-level-20-background);--components-menu-contextual-item-content-disabled:var(--color-content-lower-text);--components-menu-contextual-item-shortcut:var(--color-content-lower-text);--components-menu-contextual-border:var(--color-content-low-border);--components-menu-contextual-background:var(--color-level-00-background);--components-list-dropdown-border:var(--color-content-low-border);--components-list-dropdown-separator:var(--color-content-low-border);--components-list-dropdown-group-title-content:var(--color-content-medium-text);--components-list-dropdown-item-background-active:var(--color-interaction-container-neutral-background-active);--components-list-dropdown-item-description-disabled:var(--color-content-lower-text);--components-list-dropdown-item-description-hover:var(--color-content-medium-text);--components-list-dropdown-item-description-default:var(--color-content-low-text);--components-list-dropdown-item-label-active:var(--color-content-low-text);--components-list-dropdown-item-label-disabled:var(--color-content-low-text);--components-list-dropdown-item-label-hover:var(--color-content-high-text);--components-list-dropdown-item-label-default:var(--color-content-medium-text);--components-list-dropdown-item-border-active:var(--color-interaction-container-neutral-border-active);--components-list-dropdown-header-background:var(--color-level-10-background);--components-list-dropdown-background:var(--color-level-00-background);--components-list-select-hr:var(--color-content-low-border);--components-list-select-border:var(--color-content-low-border);--components-list-select-optgroup-content:var(--color-content-lower-text);--components-list-select-option-background-active:var(--color-interaction-container-neutral-background-active);--components-list-select-option-content-active:var(--color-interaction-container-neutral-text-active);--components-list-select-option-content-disabled:var(--color-content-lower-text);--components-list-select-option-content-hover:var(--color-content-high-text);--components-list-select-option-content-default:var(--color-content-medium-text);--components-list-select-background:var(--color-level-00-background);--components-calendar-background:var(--color-level-00-background);--components-calendar-cell-text-today:var(--color-content-high-text);--components-calendar-cell-text-outside-month:var(--color-content-lower-text);--components-calendar-cell-text-in-range:var(--color-interaction-container-branded-low-text-active);--components-calendar-cell-text-selected:var(--color-interaction-container-branded-high-text-active);--components-calendar-cell-dot-hover:var(--color-interaction-container-branded-high-icon-hover);--components-calendar-cell-dot-selected:var(--color-interaction-container-branded-high-icon-active);--components-calendar-cell-dot:var(--color-content-high-icon);--components-calendar-cell-background-hover:var(--color-interaction-container-branded-low-background-hover);--components-calendar-cell-background-in-range:var(--color-interaction-container-branded-low-background-active);--components-calendar-cell-background-selected:var(--color-interaction-container-branded-high-background-active);--components-calendar-weeks-text-hover:var(--color-content-high-text);--components-calendar-weeks-text:var(--color-content-high-text);--components-calendar-weeks-background-hover:var(--color-level-15-background);--components-calendar-weeks-background:var(--color-level-10-background);--components-calendar-header-text:var(--color-content-high-text);--components-calendar-border:var(--color-content-low-border);--components-field-time-border-active:var(--color-interaction-container-neutral-icon-active);--components-field-time-text-active:var(--color-interaction-container-neutral-text-active);--components-field-time-background-active:var(--color-interaction-container-neutral-background-active);--components-datagrid-expander-expander-background:var(--color-level-10-background);--components-datagrid-expander-border:var(--color-content-low-border);--components-datagrid-expander-content-background:var(--color-level-00-background);--components-datagrid-body-background-active:var(--color-interaction-container-neutral-background-active);--components-datagrid-body-subtext:var(--color-content-low-text);--components-datagrid-body-text:var(--color-content-medium-text);--components-datagrid-body-border:var(--color-content-low-border);--components-datagrid-header-text:var(--color-content-high-text);--components-datagrid-header-border:var(--color-content-medium-border);--components-buttongroup-low-border:var(--color-interaction-container-branded-low-border);--components-buttongroup-medium-border:var(--color-interaction-container-branded-low-border);--components-buttongroup-high-background:var(--color-interaction-container-branded-high-background);--components-buttongroup-high-border:var(--color-interaction-container-branded-high-border);--components-breadcrumb-text-hover:var(--color-interaction-link-low-text-hover);--components-avatar-content-10:var(--color-rainbow-10-icon);--components-avatar-content-9:var(--color-rainbow-9-text);--components-avatar-content-8:var(--color-rainbow-8-text);--components-avatar-content-7:var(--color-rainbow-7-text);--components-avatar-content-6:var(--color-rainbow-6-icon);--components-avatar-content-5:var(--color-rainbow-5-icon);--components-avatar-content-4:var(--color-rainbow-4-icon);--components-avatar-content-3:var(--color-rainbow-3-icon);--components-avatar-content-2:var(--color-rainbow-2-icon);--components-avatar-content-1:var(--color-rainbow-1-icon);--components-avatar-border-10:var(--color-rainbow-10-border);--components-avatar-border-9:var(--color-rainbow-9-border);--components-avatar-border-8:var(--color-rainbow-8-border);--components-avatar-border-7:var(--color-rainbow-7-border);--components-avatar-border-6:var(--color-rainbow-6-border);--components-avatar-border-5:var(--color-rainbow-5-border);--components-avatar-border-4:var(--color-rainbow-4-border);--components-avatar-border-3:var(--color-rainbow-3-border);--components-avatar-border-2:var(--color-rainbow-2-border);--components-avatar-border-1:var(--color-rainbow-1-border);--components-avatar-background-10:var(--color-rainbow-10-background);--components-avatar-background-9:var(--color-rainbow-9-background);--components-avatar-background-8:var(--color-rainbow-8-background);--components-avatar-background-7:var(--color-rainbow-7-background);--components-avatar-background-6:var(--color-rainbow-6-background);--components-avatar-background-5:var(--color-rainbow-5-background);--components-avatar-background-4:var(--color-rainbow-4-background);--components-avatar-background-3:var(--color-rainbow-3-background);--components-avatar-background-2:var(--color-rainbow-2-background);--components-avatar-background-1:var(--color-rainbow-1-background);--components-alert-neutral-icon:var(--color-feedback-neutral-low-icon);--components-alert-neutral-border:var(--color-feedback-neutral-low-border);--components-alert-neutral-background:var(--color-feedback-neutral-low-background);--components-alert-success-icon:var(--color-feedback-success-low-icon);--components-alert-success-border:var(--color-feedback-success-low-border);--components-alert-success-background:var(--color-feedback-success-low-background);--components-alert-error-icon:var(--color-feedback-error-low-icon);--components-alert-error-border:var(--color-feedback-error-low-border);--components-alert-error-background:var(--color-feedback-error-low-background);--components-alert-warning-icon:var(--color-feedback-warning-low-border);--components-alert-warning-border:var(--color-feedback-warning-low-border);--components-alert-warning-background:var(--color-feedback-warning-low-background);--components-alert-content-title:var(--color-content-high-text);--components-alert-content-description:var(--color-content-medium-text);--components-alert-information-border:var(--color-feedback-information-low-border);--components-alert-information-icon:var(--color-feedback-information-low-icon);--components-alert-information-background:var(--color-feedback-information-low-background);--components-button-destructive-lower-border-hover:var(--color-dont-use-border);--components-button-destructive-lower-border:var(--color-dont-use-border);--components-button-destructive-lower-icon-hover:var(--color-dont-use-content);--components-button-destructive-lower-icon:var(--color-dont-use-content);--components-button-destructive-lower-text-hover:var(--color-dont-use-content);--components-button-destructive-lower-text:var(--color-dont-use-content);--components-button-destructive-lower-background-hover:var(--color-dont-use-background);--components-button-destructive-lower-background:var(--color-dont-use-background);--components-form-shape-foreground-disabled-error:var(--color-feedback-error-low-icon);--components-form-shape-foreground-switch-dot:var(--color-content-medium-border);--components-form-shape-border-success:var(--color-feedback-success-low-border);--components-form-shape-border-error:var(--color-feedback-error-low-border);--components-form-shape-border-focus:var(--color-focus-brand);--components-form-shape-border-hover:var(--color-content-high-border);--components-form-shape-border-default:var(--color-content-medium-border);--components-form-shape-background-error:var(--color-feedback-error-low-icon);--components-form-field-icon-success:var(--color-feedback-success-low-icon);--components-form-field-icon-error:var(--color-feedback-error-low-icon);--components-form-field-icon-disabled:var(--color-content-medium-border);--components-form-field-icon-default:var(--color-content-low-text);--components-form-field-content-text:var(--color-content-high-text);--components-form-field-content-placeholder:var(--color-content-low-text);--components-form-field-border-readonly:var(--color-content-low-border);--components-form-field-border-success:var(--color-feedback-success-low-border);--components-form-field-border-error:var(--color-feedback-error-low-border);--components-form-field-border-focus:var(--color-focus-brand);--components-form-field-border-hover:var(--color-content-high-border);--components-form-field-border-disabled:var(--color-content-medium-border);--components-form-field-border-default:var(--color-content-medium-border);--components-form-field-background-readonly:var(--color-level-05-background);--components-form-field-background-error:var(--color-feedback-error-low-border);--components-form-field-background-disabled:var(--color-level-10-background);--components-form-field-background-hover:var(--color-level-05-background);--components-form-field-background-focus:var(--color-level-00-background);--components-form-field-background-default:var(--color-level-00-background);--components-form-text-description-error:var(--color-feedback-error-low-icon);--components-form-text-description-default:var(--color-content-low-text);--components-form-text-label-disabled:var(--color-content-medium-text);--components-form-text-label-default:var(--color-content-high-text);--components-form-text-info-icon:var(--color-content-low-text);--components-form-text-required:var(--color-feedback-error-low-icon);--components-button-medium-text-hover:var(--color-interaction-container-branded-low-text-hover);--components-button-medium-text-active:var(--color-interaction-container-branded-low-text-active);--components-button-medium-text:var(--color-interaction-container-branded-low-text);--components-button-medium-icon-hover:var(--color-interaction-container-branded-low-icon-hover);--components-button-medium-icon-active:var(--color-interaction-container-branded-low-icon-active);--components-button-medium-icon:var(--color-interaction-container-branded-low-icon);--components-button-medium-border-hover:var(--color-interaction-container-branded-low-border-hover);--components-button-medium-border-active:var(--color-interaction-container-branded-low-border-hover);--components-button-medium-border:var(--color-interaction-container-branded-low-border);--components-button-medium-background-hover:var(--color-interaction-container-branded-low-background-hover);--components-button-medium-background-active:var(--color-interaction-container-branded-low-background-active);--components-button-lower-text-active:var(--color-interaction-container-neutral-text-active);--components-button-lower-icon-active:var(--color-interaction-container-neutral-icon-active);--components-button-lower-background-active:var(--color-interaction-container-neutral-background-active);--components-button-low-text-hover:var(--color-interaction-container-branded-low-text-hover);--components-button-low-text-active:var(--color-interaction-container-branded-low-text-active);--components-button-low-text:var(--color-interaction-container-branded-low-text);--components-button-low-icon-hover:var(--color-interaction-container-branded-low-icon-hover);--components-button-low-icon-active:var(--color-interaction-container-branded-low-icon-active);--components-button-low-icon:var(--color-interaction-container-branded-low-icon);--components-button-low-background-hover:var(--color-interaction-container-branded-low-background-hover);--components-button-low-background-active:var(--color-interaction-container-branded-low-background-active);--components-button-high-icon-hover:var(--color-interaction-container-branded-high-icon-hover);--components-button-high-icon-active:var(--color-interaction-container-branded-high-icon-active);--components-button-high-icon:var(--color-interaction-container-branded-high-icon);--components-button-high-text-hover:var(--color-interaction-container-branded-high-text-hover);--components-button-high-text-active:var(--color-interaction-container-branded-high-text-active);--components-button-high-text:var(--color-interaction-container-branded-high-text);--components-button-high-background-hover:var(--color-interaction-container-branded-high-background-hover);--components-button-high-background-active:var(--color-interaction-container-branded-high-background-active);--components-button-high-background:var(--color-interaction-container-branded-high-background);--color-focus-success:var(--color-feedback-success-low-border);--color-focus-destructive-in-field:var(--color-feedback-error-low-border);--color-focus-destructive:var(--color-feedback-error-high-border);--color-focus-background-inverted:var(--color-level-inverted-00-background);--color-focus-background:var(--color-level-00-background);--color-interaction-link-inverted-text-inactive:var(--color-content-inverted-low-text);--color-interaction-link-inverted-text:var(--color-content-inverted-medium-text);--color-interaction-link-inverted-icon-disabled:var(--color-content-inverted-low-icon);--color-interaction-link-inverted-icon:var(--color-content-inverted-medium-icon);--color-interaction-link-low-text-disabled:var(--color-content-low-text);--color-interaction-link-low-text:var(--color-content-high-text);--color-interaction-link-low-icon-disabled:var(--color-content-low-icon);--color-interaction-link-low-icon:var(--color-content-high-text);--color-interaction-link-high-text-disabled:var(--color-content-low-text);--color-interaction-link-high-icon-inactive:var(--color-content-low-icon);--color-interaction-container-branded-low-background:var(--color-level-00-background);--color-interaction-container-neutral-text-hover:var(--color-content-medium-text);--color-interaction-container-neutral-text:var(--color-content-low-text);--color-interaction-container-neutral-icon-hover:var(--color-content-medium-text);--color-interaction-container-neutral-icon:var(--color-content-low-text);--color-interaction-container-neutral-border-hover:var(--color-content-medium-text);--color-interaction-container-neutral-border:var(--color-content-low-text);--color-interaction-container-neutral-background-hover:var(--color-level-10-background);--components-togglegroup-low-background:var(--color-interaction-container-branded-low-background);--components-togglegroup-low-border:var(--color-interaction-container-neutral-border);--components-togglegroup-high-background:var(--color-interaction-container-branded-low-background);--components-toggle-shape-disabled-checked:var(--color-interaction-container-neutral-icon);--components-toggle-shape-disabled:var(--color-interaction-container-neutral-icon);--components-toggle-background-hover:var(--color-interaction-container-neutral-background-hover);--components-splitter-old-border-hover:var(--color-interaction-container-neutral-border-hover);--components-splitter-old-background-hover:var(--color-interaction-container-neutral-background-hover);--components-slider-handler-border-readonly:var(--components-form-field-background-readonly);--components-slider-handler-border-disabled:var(--components-form-field-background-disabled);--components-slider-handler-border-error:var(--components-form-field-background-error);--components-slider-handler-border-hover:var(--components-form-field-background-hover);--components-slider-handler-border-default:var(--components-form-field-background-default);--components-slider-handler-background-readonly:var(--components-form-field-background-readonly);--components-slider-handler-background-disabled:var(--components-form-field-background-disabled);--components-slider-handler-background-error:var(--components-form-field-background-error);--components-slider-handler-background-hover:var(--components-form-field-background-hover);--components-slider-handler-background-default:var(--components-form-field-background-default);--components-slider-track-filled-readonly:var(--components-form-field-border-readonly);--components-slider-track-filled-disabled:var(--components-form-field-border-disabled);--components-slider-track-filled-error:var(--components-form-field-border-error);--components-slider-track-filled-focus:var(--components-form-field-border-focus);--components-slider-track-filled-hover:var(--components-form-field-border-hover);--components-slider-track-filled-default:var(--components-form-field-border-default);--components-menu-contextual-item-content-hover:var(--color-interaction-container-neutral-text-hover);--components-menu-contextual-item-content:var(--color-interaction-container-neutral-text);--components-menu-contextual-item-background-hover:var(--color-interaction-container-neutral-background-hover);--components-list-dropdown-item-background-hover:var(--color-interaction-container-neutral-background-hover);--components-list-select-option-background-hover:var(--color-interaction-container-neutral-background-hover);--components-calendar-cell-text-hover:var(--color-interaction-container-neutral-text-hover);--components-calendar-cell-text:var(--color-interaction-container-neutral-text);--components-calendar-cell-background-today:var(--color-interaction-container-branded-low-background);--components-calendar-cell-background:var(--color-interaction-container-branded-low-background);--components-field-time-text-hover:var(--color-interaction-container-neutral-icon-hover);--components-field-time-text-default:var(--color-interaction-container-neutral-text);--components-field-time-background-hover:var(--color-interaction-container-neutral-background-hover);--components-datagrid-body-background-hover:var(--color-interaction-container-neutral-background-hover);--components-buttongroup-lower-background:var(--color-interaction-container-branded-low-background);--components-buttongroup-lower-border:var(--color-interaction-container-neutral-border);--components-buttongroup-low-background:var(--color-interaction-container-branded-low-background);--components-buttongroup-medium-background:var(--color-interaction-container-branded-low-background);--components-breadcrumb-text-current:var(--color-interaction-link-high-text-disabled);--components-breadcrumb-text:var(--color-interaction-link-low-text);--components-form-shape-foreground-disabled:var(--components-form-shape-border-default);--components-button-medium-background:var(--color-interaction-container-branded-low-background);--components-button-lower-text-hover:var(--color-interaction-container-neutral-text-hover);--components-button-lower-text:var(--color-interaction-container-neutral-text);--components-button-lower-icon-hover:var(--color-interaction-container-neutral-icon-hover);--components-button-lower-icon:var(--color-interaction-container-neutral-icon);--components-button-lower-background-hover:var(--color-interaction-container-neutral-background-hover)}:root{--color-gray-25:var(--color-gray-spark-25);--color-gray-50:var(--color-gray-spark-50);--color-gray-75:var(--color-gray-spark-75);--color-gray-100:var(--color-gray-spark-100);--color-gray-150:var(--color-gray-spark-150);--color-gray-200:var(--color-gray-spark-200);--color-gray-250:var(--color-gray-spark-250);--color-gray-300:var(--color-gray-spark-300);--color-gray-350:var(--color-gray-spark-350);--color-gray-400:var(--color-gray-spark-400);--color-gray-450:var(--color-gray-spark-450);--color-gray-500:var(--color-gray-spark-500);--color-gray-550:var(--color-gray-spark-550);--color-gray-600:var(--color-gray-spark-600);--color-gray-650:var(--color-gray-spark-650);--color-gray-700:var(--color-gray-spark-700);--color-gray-750:var(--color-gray-spark-750);--color-gray-800:var(--color-gray-spark-800);--color-gray-850:var(--color-gray-spark-850);--color-gray-900:var(--color-gray-spark-900);--color-gray-00:var(--color-gray-spark-00)}:root{--components-overlay-opacity:55%;--components-button-destructive-low-border-hover:rgba(255, 255, 255, 0);--components-button-destructive-low-border:rgba(255, 255, 255, 0);--components-button-destructive-low-background:rgba(255, 255, 255, 0);--components-button-destructive-medium-background:rgba(255, 255, 255, 0);--components-loader-white-background:rgba(255, 255, 255, 0.2);--components-form-opacity-disabled:50%;--components-form-opacity-default:100%;--components-button-gr-as-complementary-border-hover:rgba(255, 255, 255, 0);--components-button-gr-as-complementary-border:rgba(255, 255, 255, 0);--components-button-lower-border-hover:rgba(255, 255, 255, 0);--components-button-lower-border-active:rgba(255, 255, 255, 0);--components-button-lower-border:rgba(255, 255, 255, 0);--components-button-low-border-hover:rgba(255, 255, 255, 0);--components-button-low-border-active:rgba(255, 255, 255, 0);--components-button-low-border:rgba(255, 255, 255, 0);--components-button-low-background:rgba(255, 255, 255, 0);--components-button-high-border:rgba(255, 255, 255, 0);--shadow-y-axis-2xl:25.0000px;--shadow-y-axis-xl-2:20.0000px;--shadow-y-axis-xl-1:10.0000px;--shadow-y-axis-lg-2:10.0000px;--shadow-y-axis-lg-1:4.0000px;--shadow-y-axis-md-2:4.0000px;--shadow-y-axis-md-1:2.0000px;--shadow-y-axis-base-2:1.0000px;--shadow-y-axis-base-1:1.0000px;--shadow-y-axis-none:0.0000px;--shadow-spread-2xl:-12.0000px;--shadow-spread-xl:-5.0000px;--shadow-spread-lg-2:-3.0000px;--shadow-spread-lg-1:-2.0000px;--shadow-spread-md:0.0000px;--shadow-spread-base:0.0000px;--shadow-blur-2xl:50.0000px;--shadow-blur-xl-2:25.0000px;--shadow-blur-xl-1:10.0000px;--shadow-blur-lg-2:15.0000px;--shadow-blur-lg-1:6.0000px;--shadow-blur-md-2:6.0000px;--shadow-blur-md-1:4.0000px;--shadow-blur-base-2:2.0000px;--shadow-blur-base-1:3.0000px;--shadow-color-opacity-3:rgba(14, 14, 14, 0.25);--shadow-color-opacity-2:rgba(14, 14, 14, 0.1);--shadow-color-opacity-1:rgba(14, 14, 14, 0.06);--shadow-color-opacity-0:rgba(0, 0, 0, 0.06);--opacity-disabled-2:50%;--opacity-disabled:50%;--color-transparent:rgba(255, 255, 255, 0);--color-white:#ffffff;--color-black:#000000;--color-interaction-container-neutral-background:rgba(255, 255, 255, 0);--components-toggle-shape-hover:var(--color-gray-spark-400);--components-toggle-shape-default:var(--color-gray-spark-300);--components-toggle-background-disabled-checked:var(--color-gray-spark-150);--components-toggle-background-disabled:var(--color-gray-spark-150);--components-toggle-background-default:var(--color-interaction-container-neutral-background);--components-toggle-border-disabled-checked:var(--color-gray-spark-150);--components-toggle-border-disabled:var(--color-gray-spark-150);--components-toggle-border-hover:var(--color-gray-spark-400);--components-toggle-border-default:var(--color-gray-spark-300);--components-tooltip-border:var(--color-gray-spark-900);--components-tooltip-background:var(--color-gray-spark-900);--components-splitter-old-border:var(--color-transparent);--components-splitter-old-background:var(--color-interaction-container-neutral-background);--components-popover-background:var(--color-gray-spark-00);--components-menu-contextual-item-background:var(--color-interaction-container-neutral-background);--components-list-dropdown-group-title-background:var(--color-transparent);--components-list-dropdown-item-background-disabled:var(--color-interaction-container-neutral-background);--components-list-dropdown-item-background-default:var(--color-interaction-container-neutral-background);--components-list-select-option-background-disabled:var(--color-interaction-container-neutral-background);--components-list-select-option-background-default:var(--color-interaction-container-neutral-background);--components-field-time-background-default:var(--color-interaction-container-neutral-background);--components-datagrid-body-background-default:var(--color-interaction-container-neutral-background);--components-datagrid-header-background:var(--color-interaction-container-neutral-background);--components-overlay-background:var(--color-gray-spark-850);--components-button-destructive-high-icon-hover:var(--color-base-white);--components-button-destructive-high-icon:var(--color-base-white);--components-button-destructive-high-text-hover:var(--color-base-white);--components-button-destructive-high-text:var(--color-base-white);--components-button-destructive-high-background-hover:var(--color-status-red-600);--components-button-destructive-high-background:var(--color-status-red-500);--components-button-destructive-low-icon-hover:var(--color-status-red-600);--components-button-destructive-low-icon:var(--color-status-red-500);--components-button-destructive-low-text-hover:var(--color-status-red-600);--components-button-destructive-low-text:var(--color-status-red-500);--components-button-destructive-low-background-hover:var(--color-status-red-50);--components-button-destructive-medium-border-hover:var(--color-status-red-600);--components-button-destructive-medium-border:var(--color-status-red-500);--components-button-destructive-medium-icon-hover:var(--color-status-red-600);--components-button-destructive-medium-icon:var(--color-status-red-500);--components-button-destructive-medium-text-hover:var(--color-status-red-600);--components-button-destructive-medium-text:var(--color-status-red-500);--components-button-destructive-medium-background-hover:var(--color-status-red-50);--components-loader-brand-foreground:var(--color-orange-500);--components-loader-brand-background:var(--color-orange-50);--components-loader-white-foreground:var(--color-base-white);--components-form-shape-foreground-default:var(--color-base-white);--components-form-shape-background-selected:var(--color-orange-500);--components-form-shape-background-disabled:var(--color-gray-spark-75);--components-form-shape-background-hover:var(--color-gray-spark-100);--components-form-shape-background-default:var(--color-gray-spark-75);--components-form-field-background-checked:var(--color-orange-500);--components-button-gr-as-complementary-icon-hover:var(--color-base-black);--components-button-gr-as-complementary-icon:var(--color-base-black);--components-button-gr-as-complementary-text-hover:var(--color-base-black);--components-button-gr-as-complementary-text:var(--color-base-black);--components-button-gr-as-complementary-background-hover:var(--color-gray-spark-300);--components-button-gr-as-complementary-background:var(--color-gray-spark-200);--components-button-lower-background:var(--color-interaction-container-neutral-background);--color-dont-use-background:var(--color-gray-spark-50);--color-dont-use-content:var(--color-gray-spark-100);--color-dont-use-border:var(--color-gray-spark-100);--color-rainbow-10-text:var(--color-gray-spark-500);--color-rainbow-10-icon:var(--color-gray-spark-500);--color-rainbow-10-border:var(--color-gray-spark-500);--color-rainbow-10-background:var(--color-gray-spark-75);--color-rainbow-9-text:var(--color-lime-700);--color-rainbow-9-icon:var(--color-lime-700);--color-rainbow-9-border:var(--color-lime-700);--color-rainbow-9-background:var(--color-lime-50);--color-rainbow-8-text:var(--color-petrol-600);--color-rainbow-8-icon:var(--color-petrol-600);--color-rainbow-8-border:var(--color-petrol-600);--color-rainbow-8-background:var(--color-petrol-50);--color-rainbow-7-text:var(--color-green-600);--color-rainbow-7-icon:var(--color-green-600);--color-rainbow-7-border:var(--color-green-600);--color-rainbow-7-background:var(--color-green-50);--color-rainbow-6-text:var(--color-crimson-400);--color-rainbow-6-icon:var(--color-crimson-400);--color-rainbow-6-border:var(--color-crimson-400);--color-rainbow-6-background:var(--color-crimson-50);--color-rainbow-5-text:var(--color-turquoise-800);--color-rainbow-5-icon:var(--color-turquoise-800);--color-rainbow-5-border:var(--color-turquoise-800);--color-rainbow-5-background:var(--color-turquoise-50);--color-rainbow-4-text:var(--color-red-500);--color-rainbow-4-icon:var(--color-red-500);--color-rainbow-4-border:var(--color-red-500);--color-rainbow-4-background:var(--color-red-50);--color-rainbow-3-text:var(--color-yellow-800);--color-rainbow-3-icon:var(--color-yellow-800);--color-rainbow-3-border:var(--color-yellow-800);--color-rainbow-3-background:var(--color-yellow-100);--color-rainbow-2-text:var(--color-orange-700);--color-rainbow-2-icon:var(--color-orange-700);--color-rainbow-2-border:var(--color-orange-700);--color-rainbow-2-background:var(--color-orange-50);--color-rainbow-1-text:var(--color-amber-700);--color-rainbow-1-icon:var(--color-amber-700);--color-rainbow-1-border:var(--color-amber-700);--color-rainbow-1-background:var(--color-amber-50);--color-focus-brand:var(--color-orange-500);--color-feedback-success-high-contrast-title:var(--color-base-white);--color-feedback-success-high-contrast-text:var(--color-status-green-50);--color-feedback-success-high-contrast-icon:var(--color-base-white);--color-feedback-success-high-contrast-border:var(--color-status-green-600);--color-feedback-success-high-contrast-background:var(--color-status-green-600);--color-feedback-success-low-text:var(--color-status-green-600);--color-feedback-success-low-icon:var(--color-status-green-600);--color-feedback-success-low-border:var(--color-status-green-600);--color-feedback-success-low-background:var(--color-status-green-50);--color-feedback-success-high-text:var(--color-status-green-800);--color-feedback-success-high-icon:var(--color-status-green-800);--color-feedback-success-high-border:var(--color-status-green-400);--color-feedback-success-high-background:var(--color-status-green-400);--color-feedback-warning-high-contrast-title:var(--color-base-white);--color-feedback-warning-high-contrast-text:var(--color-status-yellow-50);--color-feedback-warning-high-contrast-icon:var(--color-base-white);--color-feedback-warning-high-contrast-border:var(--color-status-yellow-700);--color-feedback-warning-high-contrast-background:var(--color-status-yellow-700);--color-feedback-warning-low-text:var(--color-status-yellow-700);--color-feedback-warning-low-icon:var(--color-status-yellow-700);--color-feedback-warning-low-border:var(--color-status-yellow-700);--color-feedback-warning-low-background:var(--color-status-yellow-50);--color-feedback-warning-high-text:var(--color-status-yellow-900);--color-feedback-warning-high-icon:var(--color-status-yellow-900);--color-feedback-warning-high-border:var(--color-status-yellow-500);--color-feedback-warning-high-background:var(--color-status-yellow-500);--color-feedback-neutral-high-contrast-title:var(--color-base-white);--color-feedback-neutral-high-contrast-text:var(--color-gray-spark-50);--color-feedback-neutral-high-contrast-icon:var(--color-base-white);--color-feedback-neutral-high-contrast-border:var(--color-gray-spark-450);--color-feedback-neutral-high-contrast-background:var(--color-gray-spark-450);--color-feedback-neutral-low-text:var(--color-gray-spark-450);--color-feedback-neutral-low-icon:var(--color-gray-spark-450);--color-feedback-neutral-low-border:var(--color-gray-spark-450);--color-feedback-neutral-low-background:var(--color-gray-spark-50);--color-feedback-neutral-high-text:var(--color-gray-spark-800);--color-feedback-neutral-high-icon:var(--color-gray-spark-800);--color-feedback-neutral-high-border:var(--color-gray-spark-250);--color-feedback-neutral-high-background:var(--color-gray-spark-250);--color-feedback-error-high-contrast-title:var(--color-base-white);--color-feedback-error-high-contrast-text:var(--color-status-red-50);--color-feedback-error-high-contrast-icon:var(--color-base-white);--color-feedback-error-high-contrast-border:var(--color-status-red-600);--color-feedback-error-high-contrast-background:var(--color-status-red-600);--color-feedback-error-low-text:var(--color-status-red-600);--color-feedback-error-low-icon:var(--color-status-red-600);--color-feedback-error-low-border:var(--color-status-red-600);--color-feedback-error-low-background:var(--color-status-red-50);--color-feedback-error-high-text:var(--color-status-red-900);--color-feedback-error-high-icon:var(--color-status-red-900);--color-feedback-error-high-border:var(--color-status-red-300);--color-feedback-error-high-background:var(--color-status-red-300);--color-feedback-information-high-contrast-title:var(--color-base-white);--color-feedback-information-high-contrast-text:var(--color-status-blue-50);--color-feedback-information-high-contrast-icon:var(--color-base-white);--color-feedback-information-high-contrast-border:var(--color-status-blue-800);--color-feedback-information-high-contrast-background:var(--color-status-blue-800);--color-feedback-information-low-text:var(--color-status-blue-500);--color-feedback-information-low-icon:var(--color-status-blue-500);--color-feedback-information-low-border:var(--color-status-blue-500);--color-feedback-information-low-background:var(--color-status-blue-50);--color-feedback-information-high-text:var(--color-status-blue-800);--color-feedback-information-high-icon:var(--color-status-blue-800);--color-feedback-information-high-border:var(--color-status-blue-300);--color-feedback-information-high-background:var(--color-status-blue-300);--color-chart-10:var(--color-crimson-500);--color-chart-9:var(--color-dark-blue-500);--color-chart-8:var(--color-orange-500);--color-chart-7:var(--color-yellow-500);--color-chart-6:var(--color-lime-500);--color-chart-5:var(--color-light-blue-500);--color-chart-4:var(--color-turquoise-500);--color-chart-3:var(--color-petrol-500);--color-chart-2:var(--color-dark-gray-500);--color-chart-1:var(--color-amber-500);--color-brand-900:var(--color-amber-900);--color-brand-800:var(--color-amber-800);--color-brand-700:var(--color-amber-700);--color-brand-600:var(--color-amber-600);--color-brand-500:var(--color-amber-500);--color-brand-400:var(--color-amber-400);--color-brand-300:var(--color-amber-300);--color-brand-200:var(--color-amber-200);--color-brand-100:var(--color-amber-100);--color-brand-50:var(--color-amber-50);--color-accent-900:var(--color-petrol-900);--color-accent-800:var(--color-petrol-800);--color-accent-700:var(--color-petrol-700);--color-accent-600:var(--color-petrol-600);--color-accent-500:var(--color-petrol-500);--color-accent-400:var(--color-petrol-400);--color-accent-300:var(--color-petrol-300);--color-accent-200:var(--color-petrol-200);--color-accent-100:var(--color-petrol-100);--color-accent-50:var(--color-petrol-50);--color-content-inverted-low-icon:var(--color-gray-spark-400);--color-content-inverted-low-text:var(--color-gray-spark-400);--color-content-inverted-medium-icon:var(--color-gray-spark-300);--color-content-inverted-medium-text:var(--color-gray-spark-300);--color-content-inverted-high-icon:var(--color-gray-spark-50);--color-content-inverted-high-text:var(--color-gray-spark-50);--color-content-lower-text:var(--color-gray-spark-250);--color-content-low-icon:var(--color-gray-spark-400);--color-content-low-text:var(--color-gray-spark-400);--color-content-low-border:var(--color-gray-spark-100);--color-content-medium-icon:var(--color-gray-spark-550);--color-content-medium-text:var(--color-gray-spark-550);--color-content-medium-border:var(--color-gray-spark-200);--color-content-high-icon:var(--color-gray-spark-800);--color-content-high-text:var(--color-gray-spark-800);--color-content-high-border:var(--color-gray-spark-300);--color-level-inverted-05-background:var(--color-gray-spark-850);--color-level-inverted-00-background:var(--color-gray-spark-900);--color-level-inverted-40-background:var(--color-gray-spark-500);--color-level-inverted-30-background:var(--color-gray-spark-600);--color-level-inverted-20-background:var(--color-gray-spark-700);--color-level-inverted-15-background:var(--color-gray-spark-750);--color-level-inverted-10-background:var(--color-gray-spark-800);--color-level-05-background:var(--color-gray-spark-25);--color-level-00-background:var(--color-gray-spark-00);--color-level-40-background:var(--color-gray-spark-00);--color-level-30-background:var(--color-gray-spark-50);--color-level-20-background:var(--color-gray-spark-00);--color-level-15-background:var(--color-gray-spark-75);--color-level-10-background:var(--color-gray-spark-50);--color-interaction-link-inverted-text-visited:var(--color-orange-700);--color-interaction-link-inverted-text-hover:var(--color-orange-500);--color-interaction-link-inverted-icon-visited:var(--color-orange-700);--color-interaction-link-inverted-icon-hover:var(--color-orange-500);--color-interaction-link-low-text-visited:var(--color-orange-700);--color-interaction-link-low-text-hover:var(--color-orange-700);--color-interaction-link-low-icon-visited:var(--color-orange-700);--color-interaction-link-low-icon-hover:var(--color-orange-700);--color-interaction-link-high-text-visited:var(--color-orange-700);--color-interaction-link-high-text-hover:var(--color-orange-700);--color-interaction-link-high-text:var(--color-orange-600);--color-interaction-link-high-icon-visited:var(--color-orange-700);--color-interaction-link-high-icon-hover:var(--color-orange-700);--color-interaction-link-high-icon:var(--color-orange-600);--color-interaction-container-branded-low-text-hover:var(--color-orange-600);--color-interaction-container-branded-low-text-active:var(--color-orange-600);--color-interaction-container-branded-low-text:var(--color-orange-500);--color-interaction-container-branded-low-icon-hover:var(--color-orange-600);--color-interaction-container-branded-low-icon-active:var(--color-orange-600);--color-interaction-container-branded-low-icon:var(--color-orange-500);--color-interaction-container-branded-low-border-hover:var(--color-orange-600);--color-interaction-container-branded-low-border-active:var(--color-orange-600);--color-interaction-container-branded-low-border:var(--color-orange-500);--color-interaction-container-branded-low-background-hover:var(--color-orange-50);--color-interaction-container-branded-low-background-active:var(--color-orange-50);--color-interaction-container-branded-high-text-hover:var(--color-base-white);--color-interaction-container-branded-high-text-active:var(--color-base-white);--color-interaction-container-branded-high-text:var(--color-base-white);--color-interaction-container-branded-high-icon-hover:var(--color-base-white);--color-interaction-container-branded-high-icon-active:var(--color-base-white);--color-interaction-container-branded-high-icon:var(--color-base-white);--color-interaction-container-branded-high-border-hover:var(--color-orange-600);--color-interaction-container-branded-high-border-active:var(--color-orange-600);--color-interaction-container-branded-high-border:var(--color-orange-500);--color-interaction-container-branded-high-background-hover:var(--color-orange-600);--color-interaction-container-branded-high-background-active:var(--color-orange-600);--color-interaction-container-branded-high-background:var(--color-orange-500);--color-interaction-container-neutral-text-active:var(--color-orange-600);--color-interaction-container-neutral-icon-active:var(--color-orange-600);--color-interaction-container-neutral-border-active:var(--color-orange-600);--color-interaction-container-neutral-background-active:var(--color-orange-50);--components-togglegroup-high-border:var(--color-interaction-container-branded-low-border);--components-toggle-shape-hover-checked:var(--color-interaction-container-branded-high-icon);--components-toggle-shape-default-checked:var(--color-interaction-container-branded-high-icon);--components-toggle-background-hover-checked:var(--color-interaction-container-branded-high-background-hover);--components-toggle-background-default-checked:var(--color-interaction-container-branded-high-background);--components-toggle-border-hover-checked:var(--color-interaction-container-branded-high-border-hover);--components-toggle-border-default-checked:var(--color-interaction-container-branded-high-border);--components-tooltip-supporting-text:var(--color-content-inverted-medium-text);--components-tooltip-text:var(--color-content-inverted-high-text);--components-splitter-handle-background-hover:var(--color-interaction-container-branded-high-background-active);--components-splitter-handle-background-active:var(--color-interaction-container-branded-high-background-active);--components-splitter-handle-background:var(--color-content-low-border);--components-splitter-line-background-hover:var(--color-interaction-container-branded-low-background-hover);--components-splitter-line-background-active:var(--color-interaction-container-branded-high-background-active);--components-splitter-line-background:var(--color-level-10-background);--components-splitter-old-border-active:var(--color-interaction-container-neutral-border-active);--components-splitter-old-background-active:var(--color-interaction-container-neutral-background-active);--components-slider-handler-border-focus:var(--components-form-field-background-checked);--components-slider-handler-background-focus:var(--components-form-field-background-checked);--components-slider-track-background:var(--color-content-low-border);--components-sidebar-border:var(--color-content-low-border);--components-sidebar-divider:var(--color-content-low-border);--components-sidebar-background:var(--color-level-00-background);--components-popover-supporting-text:var(--color-content-low-text);--components-popover-text:var(--color-content-medium-text);--components-popover-border:var(--color-content-low-border);--components-notification-neutral-icon:var(--color-feedback-neutral-low-icon);--components-notification-neutral-border:var(--color-feedback-neutral-low-border);--components-notification-neutral-background:var(--color-level-00-background);--components-notification-success-icon:var(--color-feedback-success-low-icon);--components-notification-success-border:var(--color-feedback-success-low-border);--components-notification-success-background:var(--color-level-00-background);--components-notification-error-icon:var(--color-feedback-error-low-icon);--components-notification-error-border:var(--color-feedback-error-low-border);--components-notification-error-background:var(--color-level-00-background);--components-notification-warning-icon:var(--color-feedback-warning-low-icon);--components-notification-warning-border:var(--color-feedback-warning-low-border);--components-notification-warning-background:var(--color-level-00-background);--components-notification-content-title:var(--color-content-high-text);--components-notification-content-timestamp:var(--color-content-medium-text);--components-notification-content-description:var(--color-content-medium-text);--components-notification-information-border:var(--color-feedback-information-low-border);--components-notification-information-icon:var(--color-feedback-information-low-icon);--components-notification-information-background:var(--color-level-00-background);--components-menu-contextual-item-content-disabled:var(--color-content-lower-text);--components-menu-contextual-item-shortcut:var(--color-content-lower-text);--components-menu-contextual-border:var(--color-content-low-border);--components-menu-contextual-background:var(--color-level-00-background);--components-list-dropdown-border:var(--color-content-low-border);--components-list-dropdown-separator:var(--color-content-low-border);--components-list-dropdown-group-title-content:var(--color-content-medium-text);--components-list-dropdown-item-background-active:var(--color-interaction-container-neutral-background-active);--components-list-dropdown-item-description-disabled:var(--color-content-low-text);--components-list-dropdown-item-description-hover:var(--color-content-low-text);--components-list-dropdown-item-description-default:var(--color-content-low-text);--components-list-dropdown-item-label-active:var(--color-interaction-container-neutral-text-active);--components-list-dropdown-item-label-disabled:var(--color-content-medium-text);--components-list-dropdown-item-label-hover:var(--color-content-high-text);--components-list-dropdown-item-label-default:var(--color-content-medium-text);--components-list-dropdown-item-border-active:var(--color-interaction-container-neutral-border-active);--components-list-dropdown-header-background:var(--color-level-10-background);--components-list-dropdown-background:var(--color-level-00-background);--components-list-select-hr:var(--color-content-low-border);--components-list-select-border:var(--color-content-low-border);--components-list-select-optgroup-content:var(--color-content-lower-text);--components-list-select-option-background-active:var(--color-interaction-container-neutral-background-active);--components-list-select-option-content-active:var(--color-interaction-container-neutral-text-active);--components-list-select-option-content-disabled:var(--color-content-lower-text);--components-list-select-option-content-hover:var(--color-content-high-text);--components-list-select-option-content-default:var(--color-content-medium-text);--components-list-select-background:var(--color-level-00-background);--components-calendar-background:var(--color-level-00-background);--components-calendar-cell-text-today:var(--color-content-high-text);--components-calendar-cell-text-outside-month:var(--color-content-lower-text);--components-calendar-cell-text-in-range:var(--color-interaction-container-branded-low-text-active);--components-calendar-cell-text-selected:var(--color-interaction-container-branded-high-text-active);--components-calendar-cell-dot-selected:var(--color-interaction-container-branded-high-icon-active);--components-calendar-cell-dot:var(--color-content-high-icon);--components-calendar-cell-background-hover:var(--color-interaction-container-branded-low-background-hover);--components-calendar-cell-background-in-range:var(--color-interaction-container-branded-low-background-active);--components-calendar-cell-background-selected:var(--color-interaction-container-branded-high-background-active);--components-calendar-weeks-text-hover:var(--color-content-high-text);--components-calendar-weeks-text:var(--color-content-high-text);--components-calendar-weeks-background-hover:var(--color-level-15-background);--components-calendar-weeks-background:var(--color-level-10-background);--components-calendar-header-text:var(--color-content-high-text);--components-calendar-border:var(--color-content-low-border);--components-field-time-border-active:var(--color-interaction-container-neutral-icon-active);--components-field-time-text-active:var(--color-interaction-container-neutral-text-active);--components-field-time-background-active:var(--color-interaction-container-neutral-background-active);--components-datagrid-expander-expander-background:var(--color-level-10-background);--components-datagrid-expander-border:var(--color-content-low-border);--components-datagrid-expander-content-background:var(--color-level-00-background);--components-datagrid-body-background-active:var(--color-interaction-container-neutral-background-active);--components-datagrid-body-subtext:var(--color-content-low-text);--components-datagrid-body-text:var(--color-content-medium-text);--components-datagrid-body-border:var(--color-content-low-border);--components-datagrid-header-text:var(--color-content-high-text);--components-datagrid-header-border:var(--color-content-medium-border);--components-buttongroup-low-border:var(--color-interaction-container-branded-low-border);--components-buttongroup-medium-border:var(--color-interaction-container-branded-low-border);--components-buttongroup-high-background:var(--color-interaction-container-branded-high-background);--components-buttongroup-high-border:var(--color-interaction-container-branded-low-border);--components-breadcrumb-text-hover:var(--color-interaction-link-low-text-hover);--components-avatar-content-10:var(--color-rainbow-10-icon);--components-avatar-content-9:var(--color-rainbow-9-text);--components-avatar-content-8:var(--color-rainbow-8-text);--components-avatar-content-7:var(--color-rainbow-7-text);--components-avatar-content-6:var(--color-rainbow-6-icon);--components-avatar-content-5:var(--color-rainbow-5-icon);--components-avatar-content-4:var(--color-rainbow-4-icon);--components-avatar-content-3:var(--color-rainbow-3-icon);--components-avatar-content-2:var(--color-rainbow-2-icon);--components-avatar-content-1:var(--color-rainbow-1-icon);--components-avatar-border-10:var(--color-rainbow-10-border);--components-avatar-border-9:var(--color-rainbow-9-border);--components-avatar-border-8:var(--color-rainbow-8-border);--components-avatar-border-7:var(--color-rainbow-7-border);--components-avatar-border-6:var(--color-rainbow-6-border);--components-avatar-border-5:var(--color-rainbow-5-border);--components-avatar-border-4:var(--color-rainbow-4-border);--components-avatar-border-3:var(--color-rainbow-3-border);--components-avatar-border-2:var(--color-rainbow-2-border);--components-avatar-border-1:var(--color-rainbow-1-border);--components-avatar-background-10:var(--color-rainbow-10-background);--components-avatar-background-9:var(--color-rainbow-9-background);--components-avatar-background-8:var(--color-rainbow-8-background);--components-avatar-background-7:var(--color-rainbow-7-background);--components-avatar-background-6:var(--color-rainbow-6-background);--components-avatar-background-5:var(--color-rainbow-5-background);--components-avatar-background-4:var(--color-rainbow-4-background);--components-avatar-background-3:var(--color-rainbow-3-background);--components-avatar-background-2:var(--color-rainbow-2-background);--components-avatar-background-1:var(--color-rainbow-1-background);--components-alert-neutral-icon:var(--color-feedback-neutral-low-icon);--components-alert-neutral-border:var(--color-feedback-neutral-low-border);--components-alert-neutral-background:var(--color-feedback-neutral-low-background);--components-alert-success-icon:var(--color-feedback-success-low-icon);--components-alert-success-border:var(--color-feedback-success-low-border);--components-alert-success-background:var(--color-feedback-success-low-background);--components-alert-error-icon:var(--color-feedback-error-low-icon);--components-alert-error-border:var(--color-feedback-error-low-border);--components-alert-error-background:var(--color-feedback-error-low-background);--components-alert-warning-icon:var(--color-feedback-warning-low-icon);--components-alert-warning-border:var(--color-feedback-warning-low-border);--components-alert-warning-background:var(--color-feedback-warning-low-background);--components-alert-content-title:var(--color-content-high-text);--components-alert-content-description:var(--color-content-medium-text);--components-alert-information-border:var(--color-feedback-information-low-border);--components-alert-information-icon:var(--color-feedback-information-low-icon);--components-alert-information-background:var(--color-feedback-information-low-background);--components-button-destructive-lower-border-hover:var(--color-dont-use-border);--components-button-destructive-lower-border:var(--color-dont-use-border);--components-button-destructive-lower-icon-hover:var(--color-dont-use-content);--components-button-destructive-lower-icon:var(--color-dont-use-content);--components-button-destructive-lower-text-hover:var(--color-dont-use-content);--components-button-destructive-lower-text:var(--color-dont-use-content);--components-button-destructive-lower-background-hover:var(--color-dont-use-background);--components-button-destructive-lower-background:var(--color-dont-use-background);--components-form-shape-foreground-disabled-error:var(--color-feedback-error-low-icon);--components-form-shape-foreground-switch-dot:var(--color-content-medium-border);--components-form-shape-border-success:var(--color-feedback-success-low-border);--components-form-shape-border-error:var(--color-feedback-error-low-border);--components-form-shape-border-focus:var(--color-focus-brand);--components-form-shape-border-hover:var(--color-content-high-border);--components-form-shape-border-default:var(--color-content-medium-border);--components-form-shape-background-error:var(--color-feedback-error-low-icon);--components-form-field-icon-success:var(--color-feedback-success-low-icon);--components-form-field-icon-error:var(--color-feedback-error-low-icon);--components-form-field-icon-disabled:var(--color-content-medium-border);--components-form-field-icon-default:var(--color-content-low-text);--components-form-field-content-text:var(--color-content-high-text);--components-form-field-content-placeholder:var(--color-content-low-text);--components-form-field-border-readonly:var(--color-content-low-border);--components-form-field-border-success:var(--color-feedback-success-low-border);--components-form-field-border-error:var(--color-feedback-error-low-border);--components-form-field-border-focus:var(--color-focus-brand);--components-form-field-border-hover:var(--color-content-high-border);--components-form-field-border-disabled:var(--color-content-medium-border);--components-form-field-border-default:var(--color-content-medium-border);--components-form-field-background-readonly:var(--color-level-05-background);--components-form-field-background-error:var(--color-feedback-error-low-border);--components-form-field-background-disabled:var(--color-level-10-background);--components-form-field-background-hover:var(--color-level-05-background);--components-form-field-background-focus:var(--color-level-00-background);--components-form-field-background-default:var(--color-level-00-background);--components-form-text-description-error:var(--color-feedback-error-low-icon);--components-form-text-description-default:var(--color-content-low-text);--components-form-text-label-disabled:var(--color-content-medium-text);--components-form-text-label-default:var(--color-content-high-text);--components-form-text-info-icon:var(--color-content-low-text);--components-form-text-required:var(--color-feedback-error-low-icon);--components-button-medium-text-hover:var(--color-interaction-container-branded-low-text-hover);--components-button-medium-text-active:var(--color-interaction-container-branded-low-text-active);--components-button-medium-text:var(--color-interaction-container-branded-low-text);--components-button-medium-icon-hover:var(--color-interaction-container-branded-low-icon-hover);--components-button-medium-icon-active:var(--color-interaction-container-branded-low-icon-active);--components-button-medium-icon:var(--color-interaction-container-branded-low-icon);--components-button-medium-border-hover:var(--color-interaction-container-branded-low-border-hover);--components-button-medium-border-active:var(--color-interaction-container-branded-low-border-hover);--components-button-medium-border:var(--color-interaction-container-branded-low-border);--components-button-medium-background-hover:var(--color-interaction-container-branded-low-background-hover);--components-button-medium-background-active:var(--color-interaction-container-branded-low-background-active);--components-button-lower-text-active:var(--color-interaction-container-neutral-text-active);--components-button-lower-icon-active:var(--color-interaction-container-neutral-icon-active);--components-button-lower-background-active:var(--color-interaction-container-neutral-background-active);--components-button-low-text-hover:var(--color-interaction-container-branded-low-text-hover);--components-button-low-text-active:var(--color-interaction-container-branded-low-text-active);--components-button-low-text:var(--color-interaction-container-branded-low-text);--components-button-low-icon-hover:var(--color-interaction-container-branded-low-icon-hover);--components-button-low-icon-active:var(--color-interaction-container-branded-low-icon-active);--components-button-low-icon:var(--color-interaction-container-branded-low-icon);--components-button-low-background-hover:var(--color-interaction-container-branded-low-background-hover);--components-button-low-background-active:var(--color-interaction-container-branded-low-background-active);--components-button-high-icon-hover:var(--color-interaction-container-branded-high-icon-hover);--components-button-high-icon-active:var(--color-interaction-container-branded-high-icon-active);--components-button-high-icon:var(--color-interaction-container-branded-high-icon);--components-button-high-text-hover:var(--color-interaction-container-branded-high-text-hover);--components-button-high-text-active:var(--color-interaction-container-branded-high-text-active);--components-button-high-text:var(--color-interaction-container-branded-high-text);--components-button-high-border-active:var(--color-interaction-container-branded-high-border-active);--components-button-high-border-hover:var(--color-interaction-container-branded-high-border-hover);--components-button-high-background-hover:var(--color-interaction-container-branded-high-background-hover);--components-button-high-background-active:var(--color-interaction-container-branded-high-background-active);--components-button-high-background:var(--color-interaction-container-branded-high-background);--color-focus-success:var(--color-feedback-success-low-border);--color-focus-destructive-in-field:var(--color-feedback-error-low-border);--color-focus-destructive:var(--color-feedback-error-high-border);--color-focus-background-inverted:var(--color-level-inverted-00-background);--color-focus-background:var(--color-level-00-background);--color-interaction-link-inverted-text-inactive:var(--color-content-inverted-low-text);--color-interaction-link-inverted-text:var(--color-content-inverted-medium-text);--color-interaction-link-inverted-icon-disabled:var(--color-content-inverted-low-icon);--color-interaction-link-inverted-icon:var(--color-content-inverted-medium-icon);--color-interaction-link-low-text-disabled:var(--color-content-low-text);--color-interaction-link-low-text:var(--color-content-high-text);--color-interaction-link-low-icon-disabled:var(--color-content-low-text);--color-interaction-link-low-icon:var(--color-content-high-text);--color-interaction-link-high-text-disabled:var(--color-content-low-text);--color-interaction-link-high-icon-inactive:var(--color-content-low-icon);--color-interaction-container-branded-low-background:var(--color-level-00-background);--color-interaction-container-neutral-text-hover:var(--color-content-medium-text);--color-interaction-container-neutral-text:var(--color-content-low-text);--color-interaction-container-neutral-icon-hover:var(--color-content-medium-text);--color-interaction-container-neutral-icon:var(--color-content-low-text);--color-interaction-container-neutral-border-hover:var(--color-content-medium-text);--color-interaction-container-neutral-border:var(--color-content-low-text);--color-interaction-container-neutral-background-hover:var(--color-level-10-background);--components-togglegroup-low-background:var(--color-interaction-container-branded-low-background);--components-togglegroup-low-border:var(--color-interaction-container-neutral-border);--components-togglegroup-high-background:var(--color-interaction-container-branded-low-background);--components-toggle-shape-disabled-checked:var(--color-interaction-container-neutral-icon);--components-toggle-shape-disabled:var(--color-interaction-container-neutral-icon);--components-toggle-background-hover:var(--color-interaction-container-neutral-background-hover);--components-splitter-old-border-hover:var(--color-interaction-container-neutral-border-hover);--components-splitter-old-background-hover:var(--color-interaction-container-neutral-background-hover);--components-slider-handler-border-readonly:var(--components-form-field-background-readonly);--components-slider-handler-border-disabled:var(--components-form-field-background-disabled);--components-slider-handler-border-error:var(--components-form-field-background-error);--components-slider-handler-border-hover:var(--components-form-field-background-hover);--components-slider-handler-border-default:var(--components-form-field-background-default);--components-slider-handler-background-readonly:var(--components-form-field-background-readonly);--components-slider-handler-background-disabled:var(--components-form-field-background-disabled);--components-slider-handler-background-error:var(--components-form-field-background-error);--components-slider-handler-background-hover:var(--components-form-field-background-hover);--components-slider-handler-background-default:var(--components-form-field-background-default);--components-slider-track-filled-readonly:var(--components-form-field-border-readonly);--components-slider-track-filled-disabled:var(--components-form-field-border-disabled);--components-slider-track-filled-error:var(--components-form-field-border-error);--components-slider-track-filled-focus:var(--components-form-field-border-focus);--components-slider-track-filled-hover:var(--components-form-field-border-hover);--components-slider-track-filled-default:var(--components-form-field-border-default);--components-menu-contextual-item-content-hover:var(--color-interaction-container-neutral-text-hover);--components-menu-contextual-item-content:var(--color-interaction-container-neutral-text);--components-menu-contextual-item-background-hover:var(--color-interaction-container-neutral-background-hover);--components-list-dropdown-item-background-hover:var(--color-interaction-container-neutral-background-hover);--components-list-select-option-background-hover:var(--color-interaction-container-neutral-background-hover);--components-calendar-cell-text-hover:var(--color-interaction-container-neutral-text-hover);--components-calendar-cell-text:var(--color-interaction-container-neutral-text);--components-calendar-cell-dot-hover:var(--color-interaction-container-neutral-icon-hover);--components-calendar-cell-background-today:var(--color-interaction-container-branded-low-background);--components-calendar-cell-background:var(--color-interaction-container-branded-low-background);--components-field-time-text-hover:var(--color-interaction-container-neutral-text-hover);--components-field-time-text-default:var(--color-interaction-container-neutral-text);--components-field-time-background-hover:var(--color-interaction-container-neutral-background-hover);--components-datagrid-body-background-hover:var(--color-interaction-container-neutral-background-hover);--components-buttongroup-lower-background:var(--color-interaction-container-branded-low-background);--components-buttongroup-lower-border:var(--color-interaction-container-neutral-border);--components-buttongroup-low-background:var(--color-interaction-container-branded-low-background);--components-buttongroup-medium-background:var(--color-interaction-container-branded-low-background);--components-breadcrumb-text-current:var(--color-interaction-link-low-text-disabled);--components-breadcrumb-text:var(--color-interaction-link-low-text);--components-form-shape-foreground-disabled:var(--components-form-shape-border-default);--components-button-medium-background:var(--color-interaction-container-branded-low-background);--components-button-lower-text-hover:var(--color-interaction-container-neutral-text-hover);--components-button-lower-text:var(--color-interaction-container-neutral-text);--components-button-lower-icon-hover:var(--color-interaction-container-neutral-icon-hover);--components-button-lower-icon:var(--color-interaction-container-neutral-icon);--components-button-lower-background-hover:var(--color-interaction-container-neutral-background-hover)}:root{--letter-spacing-heading-xl:-1.0000px;--letter-spacing-heading-lg:-0.7500px;--letter-spacing-heading-md:-0.5000px;--letter-spacing-heading-sm:-0.2500px;--letter-spacing-heading-xs:0.0000px;--spacing-3-5:14.0000px;--spacing-2-5:10.0000px;--spacing-1-5:6.0000px;--spacing-0-5:2.0000px;--spacing-px:1.0000px;--spacing-96:384.0000px;--spacing-80:320.0000px;--spacing-72:288.0000px;--spacing-64:256.0000px;--spacing-60:240.0000px;--spacing-56:224.0000px;--spacing-52:208.0000px;--spacing-48:192.0000px;--spacing-44:176.0000px;--spacing-40:160.0000px;--spacing-36:144.0000px;--spacing-32:128.0000px;--spacing-28:112.0000px;--spacing-24:96.0000px;--spacing-20:80.0000px;--spacing-16:64.0000px;--spacing-14:56.0000px;--spacing-12:48.0000px;--spacing-11:44.0000px;--spacing-10:40.0000px;--spacing-9:36.0000px;--spacing-8:32.0000px;--spacing-7:28.0000px;--spacing-6:24.0000px;--spacing-5:20.0000px;--spacing-4:16.0000px;--spacing-3:12.0000px;--spacing-2:8.0000px;--spacing-1:4.0000px;--spacing-0:0.0000px;--radius-rounded-full:9999.0000px;--radius-rounded-3xl:24.0000px;--radius-rounded-2xl:16.0000px;--radius-rounded-xl:12.0000px;--radius-rounded-lg:8.0000px;--radius-rounded-md:6.0000px;--radius-rounded:4.0000px;--radius-rounded-sm:2.0000px;--radius-rounded-none:0.0000px;--line-height-9xl:128.0000px;--line-height-8xl:96.0000px;--line-height-7xl:72.0000px;--line-height-6xl:60.0000px;--line-height-5xl:48.0000px;--line-height-4xl:40.0000px;--line-height-3xl:36.0000px;--line-height-2xl:32.0000px;--line-height-xl:30.0000px;--line-height-lg:28.0000px;--line-height-base:24.0000px;--line-height-sm:20.0000px;--line-height-xs:16.0000px;--leading-loose:2.0000px;--leading-relaxed:1.6250px;--leading-normal:1.5000px;--leading-snug:1.3750px;--leading-tight:1.2500px;--leading-none:1.0000px;--leading-px-10:40.0000px;--leading-px-9:36.0000px;--leading-px-8:32.0000px;--leading-px-7:28.0000px;--leading-px-6:24.0000px;--leading-px-5:20.0000px;--leading-px-4:16.0000px;--leading-px-3:12.0000px;--font-weight-high-emphasis-700:Bold;--font-weight-medium-emphasis-500:Medium;--font-weight-low-emphasis-400:Regular;--font-weight-low-emphasis:400;--font-weight-medium-emphasis:500;--font-weight-high-emphasis:700;--font-size-9xl:128.0000px;--font-size-8xl:96.0000px;--font-size-7xl:72.0000px;--font-size-6xl:60.0000px;--font-size-5xl:48.0000px;--font-size-4xl:36.0000px;--font-size-3xl:30.0000px;--font-size-2xl:24.0000px;--font-size-xl:20.0000px;--font-size-lg:18.0000px;--font-size-md:16.0000px;--font-size-sm:14.0000px;--font-size-xs:12.0000px;--font-family-fallback:Arial;--font-family-mono:TT Norms Pro Mono;--font-family-default:TT Norms Pro;--color-yellow-900:#4d3a00;--color-yellow-800:#795c00;--color-yellow-700:#a67d00;--color-yellow-600:#d29f00;--color-yellow-500:#ffc100;--color-yellow-400:#ffcc2d;--color-yellow-300:#ffd759;--color-yellow-200:#ffe286;--color-yellow-100:#ffecb3;--color-yellow-50:#fff7df;--color-turquoise-900:#1c2b28;--color-turquoise-800:#32504c;--color-turquoise-700:#456e68;--color-turquoise-600:#578b84;--color-turquoise-500:#6aa9a0;--color-turquoise-400:#84b8b1;--color-turquoise-300:#9ec7c1;--color-turquoise-200:#b8d6d2;--color-turquoise-100:#d2e5e3;--color-turquoise-50:#ecf4f3;--color-red-900:#3d0909;--color-red-800:#610e0e;--color-red-700:#851313;--color-red-600:#a81818;--color-red-500:#cc1d1d;--color-red-400:#d54545;--color-red-300:#de6c6c;--color-red-200:#e79494;--color-red-100:#f0bbbb;--color-red-50:#f9e3e3;--color-petrol-900:#0b292e;--color-petrol-800:#124148;--color-petrol-700:#185963;--color-petrol-600:#1f717d;--color-petrol-500:#258998;--color-petrol-400:#4b9eaa;--color-petrol-300:#71b2bc;--color-petrol-200:#97c7ce;--color-petrol-100:#bedce0;--color-petrol-50:#e4f0f2;--color-orange-950:#371408;--color-orange-900:#45190a;--color-orange-800:#6e280f;--color-orange-700:#963715;--color-orange-600:#bf451a;--color-orange-500:#e75420;--color-orange-400:#eb7247;--color-orange-300:#ef906e;--color-orange-200:#f4ae95;--color-orange-100:#f8ccbc;--color-orange-50:#fceae3;--color-status-yellow-900:#302300;--color-status-yellow-800:#4d3701;--color-status-yellow-700:#805c00;--color-status-yellow-600:#b58200;--color-status-yellow-500:#e0a917;--color-status-yellow-400:#fac50d;--color-status-yellow-300:#f7d14c;--color-status-yellow-200:#ffe286;--color-status-yellow-100:#fae49d;--color-status-yellow-50:#fff7df;--color-status-red-900:#380101;--color-status-red-800:#530101;--color-status-red-700:#911515;--color-status-red-600:#bb1919;--color-status-red-500:#da2424;--color-status-red-400:#ff3d3d;--color-status-red-300:#ff6161;--color-status-red-200:#ff8f8f;--color-status-red-100:#f5c4c4;--color-status-red-50:#ffeded;--color-status-green-900:#002302;--color-status-green-800:#003603;--color-status-green-700:#035707;--color-status-green-600:#008207;--color-status-green-500:#34ae3b;--color-status-green-400:#45d24d;--color-status-green-300:#6bde71;--color-status-green-200:#9ef4a3;--color-status-green-100:#c8facb;--color-status-green-50:#eafeeb;--color-status-blue-900:#001c37;--color-status-blue-800:#09285c;--color-status-blue-700:#113a80;--color-status-blue-600:#1c4d9e;--color-status-blue-500:#2660c2;--color-status-blue-400:#3883ff;--color-status-blue-300:#659fff;--color-status-blue-200:#a8c9ff;--color-status-blue-100:#c7dcff;--color-status-blue-50:#f0f6ff;--color-light-blue-500:#9ac3ce;--color-lime-900:#2a330e;--color-lime-800:#435017;--color-lime-700:#5c6e1f;--color-lime-600:#748b28;--color-lime-500:#8da930;--color-lime-400:#a1b854;--color-lime-300:#b5c778;--color-lime-200:#c9d69d;--color-lime-100:#dde5c1;--color-lime-50:#f1f4e5;--color-green-900:#062908;--color-green-800:#09400c;--color-green-700:#0c5810;--color-green-600:#106f15;--color-green-500:#138719;--color-green-400:#3c9c41;--color-green-300:#66b16a;--color-green-200:#8fc692;--color-green-100:#b8dbba;--color-green-50:#e2f0e2;--color-gray-spark-00:#ffffff;--color-gray-spark-900:#0e0e0e;--color-gray-spark-850:#161616;--color-gray-spark-800:#1d1d1d;--color-gray-spark-750:#252525;--color-gray-spark-700:#2b2b2b;--color-gray-spark-650:#313131;--color-gray-spark-600:#3a3a3a;--color-gray-spark-550:#414141;--color-gray-spark-500:#484848;--color-gray-spark-450:#4f4f4f;--color-gray-spark-400:#6d6d6d;--color-gray-spark-350:#808080;--color-gray-spark-300:#919191;--color-gray-spark-250:#a9a9a9;--color-gray-spark-200:#bfbfbf;--color-gray-spark-150:#cccccc;--color-gray-spark-100:#e3e3e3;--color-gray-spark-75:#ededed;--color-gray-spark-50:#f6f6f6;--color-gray-spark-25:#fbfbfb;--color-gray-ocean-00:#ffffff;--color-gray-ocean-900:#0b0f11;--color-gray-ocean-850:#11171a;--color-gray-ocean-800:#171f22;--color-gray-ocean-750:#1e272b;--color-gray-ocean-700:#222e33;--color-gray-ocean-650:#27353b;--color-gray-ocean-600:#2e3e44;--color-gray-ocean-550:#34464d;--color-gray-ocean-500:#394d55;--color-gray-ocean-450:#3f555e;--color-gray-ocean-400:#617177;--color-gray-ocean-350:#72858c;--color-gray-ocean-300:#889499;--color-gray-ocean-250:#9fadb2;--color-gray-ocean-200:#bac1c4;--color-gray-ocean-150:#c6ced1;--color-gray-ocean-100:#e1e4e6;--color-gray-ocean-75:#eaeef0;--color-gray-ocean-50:#f5f6f7;--color-gray-ocean-25:#fafbfb;--color-dark-gray-500:#394d55;--color-dark-blue-500:#447583;--color-crimson-900:#2e0010;--color-crimson-800:#490019;--color-crimson-700:#630022;--color-crimson-600:#7e002c;--color-crimson-500:#990035;--color-crimson-400:#ab2d58;--color-crimson-300:#bd597c;--color-crimson-200:#cf869f;--color-crimson-100:#e0b3c2;--color-crimson-50:#f7e9ee;--color-amber-900:#432306;--color-amber-800:#723d0c;--color-amber-700:#9c5311;--color-amber-600:#c66a15;--color-amber-500:#f0801a;--color-amber-400:#f39642;--color-amber-300:#f5ac6a;--color-amber-200:#f8c392;--color-amber-100:#fbd9ba;--color-amber-50:#fdefe2;--color-base-black:#000000;--color-base-white:#ffffff}:root{--global-typography-legend-font-style:uppercase;--global-typography-label-font-style:normal;--global-typography-small-font-style:normal;--global-typography-p-font-style:normal;--global-typography-h5-font-style:normal;--global-typography-h6-font-style:normal;--global-typography-h4-font-style:normal;--global-typography-h3-font-style:normal;--global-typography-h2-font-style:normal;--global-typography-h1-font-style:normal;--tooltip-font-weight:500;--togglegroup-lg-iconbutton-padding-y:9.0000px;--togglegroup-lg-button-radius:5.0000px;--togglegroup-lg-button-padding-y:7.0000px;--togglegroup-lg-padding:3.0000px;--togglegroup-md-iconbutton-padding-y:7.0000px;--togglegroup-md-button-radius:3.0000px;--togglegroup-md-button-padding-y:5.0000px;--togglegroup-md-padding:3.0000px;--togglegroup-sm-iconbutton-padding-y:5.0000px;--togglegroup-sm-button-radius:2.0000px;--togglegroup-sm-button-padding-y:3.0000px;--togglegroup-sm-padding:3.0000px;--togglegroup-xs-iconbutton-padding-y:3.0000px;--togglegroup-xs-button-radius:1.0000px;--togglegroup-xs-button-padding-y:1.0000px;--togglegroup-xs-padding:3.0000px;--splitter-old-stroke:1.0000px;--slider-tick-radius:1.0000px;--sidebar-reduced-width:68.0000px;--sidebar-notification-bullet-font-size:9.0000px;--sidebar-width:312.0000px;--popover-shadow-2-x:0.0000px;--popover-shadow-1-blur:1.0000px;--popover-shadow-1-x:0.0000px;--popover-font-weight:500;--navigation-primary-notification-bullet-font-size:9.0000px;--navigation-reduced-max-width:100.0000px;--navigation-width:312.0000px;--menu-contextual-item-font-weight:500;--menu-contextual-divider-padding-bottom:3.0000px;--form-max-width:480.0000px;--form-field-badge-gap:0.0000px;--list-select-hr-padding-y:3.0000px;--list-select-hr-padding-x:9.0000px;--icon-stroke-xl:1.9000px;--icon-stroke-lg:1.8000px;--icon-stroke-md:1.6000px;--icon-stroke-sm:1.4000px;--icon-stroke-xs:1.2000px;--calendar-cell-dot-size:3.0000px;--drawer-size-full-width:1372.0000px;--drawer-size-lg-max-width:1024.0000px;--drawer-size-lg-width:992.0000px;--drawer-size-lg-min-width:960.0000px;--drawer-size-md-max-width:960.0000px;--drawer-size-md-width:800.0000px;--drawer-size-md-min-width:640.0000px;--drawer-size-sm-max-width:480.0000px;--drawer-size-sm-width:400.0000px;--drawer-size-sm-min-width:320.0000px;--drawer-radius-top-right:0.0000px;--drawer-radius-bottom-right:0.0000px;--button-lg-ring-radius:9.0000px;--button-md-ring-radius:7.0000px;--button-sm-ring-radius:5.0000px;--button-xs-ring-radius:3.0000px;--buttongroup-md-button-radius:3.0000px;--buttongroup-md-button-padding-y:5.0000px;--buttongroup-md-padding:3.0000px;--buttongroup-lg-button-radius:4.0000px;--buttongroup-lg-button-padding-y:6.0000px;--buttongroup-lg-padding:4.0000px;--buttongroup-sm-padding:2.0000px;--buttongroup-sm-button-radius:2.0000px;--buttongroup-sm-button-padding-y:4.0000px;--buttongroup-xs-button-radius:1.0000px;--buttongroup-xs-padding:2.0000px;--avatar-xl-font-size:28.0000px;--avatar-lg-font-size:22.0000px;--avatar-md-font-size:18.0000px;--avatar-sm-font-size:13.0000px;--avatar-xs-font-size:10.0000px;--splitter-handle-radius:var(--radius-rounded-md);--splitter-handle-wide-hover:var(--spacing-2);--splitter-handle-wide:var(--spacing-1);--splitter-handle-long:var(--spacing-6);--splitter-gutter:var(--spacing-6);--splitter-line-width:var(--spacing-1);--pagination-table-padding-y:var(--spacing-2);--pagination-table-padding-x:var(--spacing-3);--pagination-table-padding-left:var(--spacing-3);--pagination-table-height:var(--spacing-9);--pagination-table-gap-x:var(--spacing-8);--pagination-table-font-size:var(--font-size-sm);--notification-title-line-height:var(--line-height-sm);--notification-title-font-weight:var(--font-weight-medium-emphasis);--notification-title-font-size:var(--font-size-sm);--notification-timestamp-line-height:var(--line-height-sm);--notification-timestamp-font-weight:var(--font-weight-low-emphasis);--notification-timestamp-font-size:var(--font-size-sm);--notification-description-line-height:var(--line-height-sm);--notification-description-font-weight:var(--font-weight-medium-emphasis);--notification-description-font-size:var(--font-size-sm);--notification-border-width-low-emphasis:var(--spacing-px);--notification-border-width-high-emphasis:var(--spacing-2);--notification-radius:var(--radius-rounded-lg);--notification-padding-left:var(--spacing-6);--notification-padding-right:var(--spacing-6);--notification-padding:var(--spacing-4);--notification-gap-y:var(--spacing-1);--notification-gap-x-title:var(--spacing-2);--notification-gap-x:var(--spacing-3);--notification-icon-size:var(--spacing-5);--loader-size-xl:var(--spacing-8);--loader-size-lg:var(--spacing-7);--loader-size-md:var(--spacing-6);--loader-size-sm:var(--spacing-5);--loader-size-xs:var(--spacing-4);--focus-outline-stroke:var(--spacing-0-5);--focus-outline-offset:var(--spacing-0-5);--focus-field-stroke:var(--spacing-px);--dialog-footer-padding-x:var(--spacing-6);--dialog-footer-padding-bottom:var(--spacing-6);--dialog-footer-padding-top:var(--spacing-2);--dialog-footer-gap-y:var(--spacing-3);--dialog-body-padding-y:var(--spacing-2);--dialog-body-padding-x:var(--spacing-6);--dialog-header-padding-x:var(--spacing-6);--dialog-header-padding-bottom:var(--spacing-2);--dialog-header-padding-top:var(--spacing-6);--dialog-header-gap-y:var(--spacing-0);--dialog-dismissible-position-right:var(--spacing-3);--dialog-dismissible-position-top:var(--spacing-5);--datagrid-expanded-padding-left:var(--spacing-14);--datagrid-expanded-padding-y:var(--spacing-4);--datagrid-expanded-padding-right:var(--spacing-4);--datagrid-cell-header-chevron-padding-x:var(--spacing-0);--datagrid-cell-header-padding-y:var(--spacing-3);--datagrid-cell-header-padding-right:var(--spacing-2);--datagrid-cell-header-padding-x:var(--spacing-4);--datagrid-cell-body-chevron-padding-x:var(--spacing-0);--datagrid-cell-body-actions-padding-y:var(--spacing-1);--datagrid-cell-body-padding-y:var(--spacing-2);--datagrid-cell-body-actions-gap-x:var(--spacing-2);--datagrid-cell-body-avatar-gap-x:var(--spacing-3);--datagrid-cell-body-padding-x:var(--spacing-4);--breadcrumb-padding-y:var(--spacing-1);--badge-radius:var(--radius-rounded-full);--badge-padding-y:var(--spacing-1);--badge-padding-icon-only-x:var(--spacing-1-5);--badge-padding-x:var(--spacing-2);--badge-height:var(--spacing-6);--badge-gap-icon-only-x:var(--spacing-0-5);--badge-gap-x:var(--spacing-1);--alert-message-line-height:var(--line-height-sm);--alert-message-font-weight:var(--font-weight-low-emphasis);--alert-message-font-size:var(--font-size-sm);--alert-heading-line-height:var(--line-height-sm);--alert-heading-font-weight:var(--font-weight-medium-emphasis);--alert-heading-font-size:var(--font-size-sm);--alert-radius:var(--radius-rounded-lg);--alert-padding-right:var(--spacing-8);--alert-padding:var(--spacing-4);--alert-gap-y:var(--spacing-1);--alert-icon-position-y:var(--spacing-4);--alert-icon-position-x:var(--spacing-4);--alert-gap-x:var(--spacing-3);--alert-icon-size:var(--spacing-5);--global-typography-legend-font-weight:var(--font-weight-medium-emphasis);--global-typography-legend-line-height:var(--line-height-xs);--global-typography-legend-font-size:var(--font-size-xs);--global-typography-label-font-weight:var(--font-weight-medium-emphasis);--global-typography-label-line-height:var(--line-height-sm);--global-typography-label-font-size:var(--font-size-sm);--global-typography-small-line-height:var(--line-height-xs);--global-typography-small-font-size:var(--font-size-xs);--global-typography-p-font-weight:var(--font-weight-low-emphasis);--global-typography-p-line-height:var(--line-height-base);--global-typography-p-font-size:var(--font-size-md);--global-typography-h5-font-weight:var(--font-weight-high-emphasis);--global-typography-h5-line-height:var(--line-height-lg);--global-typography-h5-font-size:var(--font-size-lg);--global-typography-h6-font-weight:var(--font-weight-medium-emphasis);--global-typography-h6-line-height:var(--line-height-lg);--global-typography-h6-font-size:var(--font-size-lg);--global-typography-h4-font-weight:var(--font-weight-high-emphasis);--global-typography-h4-line-height:var(--line-height-xl);--global-typography-h4-font-size:var(--font-size-xl);--global-typography-h3-font-weight:var(--font-weight-high-emphasis);--global-typography-h3-line-height:var(--line-height-2xl);--global-typography-h3-font-size:var(--font-size-2xl);--global-typography-h2-font-weight:var(--font-weight-high-emphasis);--global-typography-h2-line-height:var(--line-height-3xl);--global-typography-h2-font-size:var(--font-size-3xl);--global-typography-h1-font-weight:var(--font-weight-high-emphasis);--global-typography-h1-line-height:var(--line-height-4xl);--global-typography-h1-font-size:var(--font-size-5xl);--tooltip-radius:var(--radius-rounded-md);--tooltip-gap-y:var(--spacing-1);--tooltip-complex-padding-y:var(--spacing-3);--tooltip-padding-y:var(--spacing-3);--tooltip-padding-x:var(--spacing-3);--tooltip-font-size:var(--font-size-sm);--togglegroup-inner-space:var(--spacing-1-5);--togglegroup-stroke:var(--spacing-px);--togglegroup-lg-height:var(--spacing-12);--togglegroup-lg-gap:var(--spacing-0-5);--togglegroup-lg-radius:var(--radius-rounded-lg);--togglegroup-md-height:var(--spacing-10);--togglegroup-md-gap:var(--spacing-0-5);--togglegroup-md-radius:var(--radius-rounded-md);--togglegroup-sm-height:var(--spacing-8);--togglegroup-sm-gap:var(--spacing-0-5);--togglegroup-sm-radius:var(--radius-rounded);--togglegroup-xs-height:var(--spacing-6);--togglegroup-xs-gap:var(--spacing-0-5);--togglegroup-xs-radius:var(--radius-rounded-sm);--splitter-old-handler-radius:var(--radius-rounded-md);--splitter-old-handler-wide:var(--spacing-3);--splitter-old-handler-long:var(--spacing-6);--slider-track-radius:var(--radius-rounded-sm);--slider-track-padding-x:var(--spacing-3);--slider-track-height:var(--spacing-1);--slider-handler-size-inner:var(--spacing-4);--slider-handler-size-max:var(--spacing-6);--slider-handler-size-min:var(--spacing-5);--slider-handler-stroke:var(--spacing-0-5);--slider-tick-width:var(--spacing-0-5);--slider-tick-height:var(--spacing-1);--sidebar-divider-size:var(--spacing-px);--sidebar-sub-item-padding-left:var(--spacing-7);--sidebar-item-radius:var(--radius-rounded-md);--sidebar-item-padding-y-collapsed:var(--spacing-2-5);--sidebar-item-padding-y:var(--spacing-2);--sidebar-item-padding-x-collapsed:var(--spacing-2-5);--sidebar-item-padding-x:var(--spacing-3);--sidebar-item-icon-size:var(--spacing-5);--sidebar-item-gap-x:var(--spacing-2);--sidebar-item-font-size:var(--font-size-md);--sidebar-title-padding-y:var(--spacing-1);--sidebar-title-padding-x:var(--spacing-3);--sidebar-title-font-size:var(--font-size-sm);--sidebar-collapsible-button-position-right:var(--spacing-4);--sidebar-collapsible-button-position-top:var(--spacing-8);--sidebar-collapsible-button-padding:var(--spacing-2);--sidebar-collapsible-button-icon-size:var(--spacing-4);--sidebar-section-gap-y-collapsed:var(--spacing-1);--sidebar-section-gap-y:var(--spacing-0-5);--sidebar-group-gap-y:var(--spacing-1);--sidebar-footer-gap-y:var(--spacing-5);--sidebar-width-collapsed:var(--spacing-20);--sidebar-padding-y:var(--spacing-6);--sidebar-padding-x-collapsed:var(--spacing-5);--sidebar-padding-x:var(--spacing-6);--sidebar-gap-y:var(--spacing-3);--sidebar-notification-bullet-size-reduced:var(--spacing-1-5);--sidebar-notification-bullet-size:var(--spacing-4);--sidebar-notification-bullet-font-weight:var(--font-weight-medium-emphasis);--popover-radius:var(--radius-rounded-md);--popover-padding-y:var(--spacing-2);--popover-padding-x:var(--spacing-2);--popover-gap-y:var(--spacing-1);--popover-font-size:var(--font-size-sm);--popover-shadow-2-opacity:var(--shadow-color-opacity-2);--popover-shadow-2-spread:var(--shadow-spread-lg-2);--popover-shadow-2-blur:var(--shadow-blur-lg-2);--popover-shadow-2-y:var(--shadow-y-axis-lg-2);--popover-shadow-1-opacity:var(--shadow-color-opacity-3);--popover-shadow-1-spread:var(--shadow-spread-lg-1);--popover-shadow-1-y:var(--shadow-y-axis-none);--navigation-gap-y:var(--spacing-3);--navigation-primary-separator-size:var(--spacing-px);--navigation-primary-sub-item-padding-left-x:var(--spacing-7);--navigation-primary-item-radius:var(--radius-rounded-md);--navigation-primary-item-icon-size:var(--spacing-5);--navigation-primary-item-font-size:var(--font-size-md);--navigation-primary-item-padding-y:var(--spacing-2);--navigation-primary-item-padding-x:var(--spacing-3);--navigation-primary-item-gap-x:var(--spacing-2);--navigation-primary-title-font-size:var(--font-size-sm);--navigation-primary-title-padding-y:var(--spacing-1);--navigation-primary-title-padding-x:var(--spacing-3);--navigation-primary-notification-bullet-font-weight:var(--font-weight-medium-emphasis);--navigation-primary-notification-bullet-size-reduced:var(--spacing-1-5);--navigation-primary-notification-bullet-size:var(--spacing-4);--menu-contextual-radius:var(--radius-rounded-md);--menu-contextual-padding-y:var(--spacing-1);--menu-contextual-padding-x:var(--spacing-1);--menu-contextual-gap-y:var(--spacing-0-5);--menu-contextual-item-radius:var(--radius-rounded);--menu-contextual-item-gap-x:var(--spacing-3);--menu-contextual-item-padding-y:var(--spacing-2);--menu-contextual-item-padding-x:var(--spacing-2-5);--menu-contextual-item-font-size:var(--font-size-sm);--menu-contextual-divider-padding-x:var(--spacing-2-5);--menu-contextual-divider-padding-top:var(--spacing-1);--form-toggle-width:var(--spacing-9);--form-toggle-switch-dot-selected:var(--spacing-3-5);--form-toggle-switch-dot-default:var(--spacing-3);--form-toggle-padding-selected:var(--spacing-0-5);--form-toggle-padding-default:var(--spacing-1);--form-toggle-radius:var(--radius-rounded-full);--form-toggle-padding-top:var(--spacing-0);--form-toggle-height:var(--spacing-5);--form-toggle-border-width:var(--spacing-0-5);--form-radio-ring-radius:var(--radius-rounded-full);--form-radio-size:var(--spacing-5);--form-radio-padding-top:var(--spacing-0);--form-radio-inner-circle-size:var(--spacing-2);--form-radio-inner-circle-padding:var(--spacing-1-5);--form-radio-border-width:var(--spacing-0-5);--form-checkbox-icon-stroke:var(--spacing-0-5);--form-checkbox-ring-radius:var(--radius-rounded-lg);--form-checkbox-size:var(--spacing-5);--form-checkbox-radius:var(--radius-rounded-md);--form-checkbox-padding-top:var(--spacing-0);--form-checkbox-icon-size:var(--spacing-3-5);--form-checkbox-border-width:var(--spacing-0-5);--form-label-font-weight:var(--font-weight-medium-emphasis);--form-label-line-height:var(--line-height-sm);--form-label-gap:var(--spacing-1);--form-label-font-size:var(--font-size-sm);--form-description-font-weight:var(--font-weight-low-emphasis);--form-description-line-height:var(--line-height-sm);--form-description-font-size:var(--font-size-sm);--form-gap-y:var(--spacing-1);--form-gap-x:var(--spacing-3);--form-field-inner-button-padding-y:var(--spacing-2-5);--form-field-inner-button-padding-x-int:var(--spacing-1-5);--form-field-inner-button-padding-x-ext:var(--spacing-2-5);--form-field-leading-trailing-line-height:var(--line-height-base);--form-field-leading-trailing-icon-size:var(--spacing-5);--form-field-leading-trailing-font-size:var(--font-size-sm);--form-field-radius:var(--radius-rounded-md);--form-field-padding-y:var(--spacing-2);--form-field-padding-x-icon-button:var(--spacing-10);--form-field-padding-x:var(--spacing-2);--form-field-line-height:var(--line-height-base);--form-field-gap-inner:var(--spacing-2);--form-field-gap:var(--spacing-2);--form-field-icon-size:var(--spacing-5);--form-field-font-weight:var(--font-weight-medium-emphasis);--form-field-font-size:var(--font-size-md);--form-field-badge-padding-y:var(--spacing-0-5);--form-field-badge-padding-x:var(--spacing-1);--list-multiselect-padding:var(--spacing-3);--list-dropdown-sub-item-padding-left:var(--spacing-4);--list-dropdown-separator-padding-y:var(--spacing-0-5);--list-dropdown-separator-padding-x:var(--spacing-0);--list-dropdown-padding:var(--spacing-2);--list-dropdown-radius:var(--radius-rounded-md);--list-dropdown-gap-y:var(--spacing-0-5);--list-dropdown-item-radius:var(--radius-rounded-md);--list-dropdown-item-gap-x:var(--spacing-3);--list-dropdown-item-padding-y:var(--spacing-2);--list-dropdown-item-padding-x:var(--spacing-2);--list-dropdown-item-padding-right:var(--spacing-2);--list-dropdown-item-padding-left:var(--spacing-8);--list-dropdown-line-height:var(--line-height-base);--list-dropdown-font-size:var(--font-size-md);--list-dropdown-icon-size:var(--spacing-5);--list-select-optgroup-padding-y:var(--spacing-2);--list-select-optgroup-gap:var(--spacing-0-5);--list-select-optgroup-option-margin-top:var(--spacing-1);--list-select-optgroup-option-padding-left:var(--spacing-5);--list-select-padding:var(--spacing-2);--list-select-radius:var(--radius-rounded-md);--list-select-gap-y:var(--spacing-0-5);--list-select-option-radius:var(--radius-rounded-md);--list-select-option-padding:var(--spacing-2);--list-select-option-padding-right:var(--spacing-2);--list-select-option-padding-left:var(--spacing-5);--list-select-line-height:var(--line-height-base);--list-select-font-size:var(--font-size-md);--list-select-icon-size:var(--spacing-5);--icon-size-xl:var(--spacing-7);--icon-size-lg:var(--spacing-6);--icon-size-md:var(--spacing-5);--icon-size-sm:var(--spacing-4);--icon-size-xs:var(--spacing-3);--calendar-navigation-buttons-gap:var(--spacing-1);--calendar-controls-padding-top:var(--spacing-2);--calendar-controls-margin-top:var(--spacing-1);--calendar-weeks-size:var(--spacing-10);--calendar-weeks-radius:var(--radius-rounded);--calendar-header-button-size:var(--spacing-8);--calendar-header-margin-bottom:var(--spacing-1);--calendar-header-line-height:var(--line-height-sm);--calendar-header-font-weight:var(--font-weight-medium-emphasis);--calendar-header-font-size:var(--font-size-sm);--calendar-grid-gap-y:var(--spacing-0-5);--calendar-grid-gap-x:var(--spacing-0);--calendar-radius:var(--radius-rounded-md);--calendar-weeks-calendar-gap-x:var(--spacing-2);--calendar-gap-y:var(--spacing-1);--calendar-gap-x:var(--spacing-1);--calendar-double-gap-x:var(--spacing-3);--calendar-padding:var(--spacing-1);--calendar-cell-radius:var(--radius-rounded-2xl);--calendar-cell-size:var(--spacing-8);--calendar-cell-line-height:var(--line-height-sm);--calendar-cell-font-weight:var(--font-weight-low-emphasis);--calendar-cell-font-size:var(--font-size-sm);--drawer-padding-y:var(--spacing-6);--drawer-padding-x:var(--spacing-6);--drawer-gap-y:var(--spacing-6);--drawer-header-padding-right:var(--spacing-8);--drawer-dismissible-position-right:var(--spacing-6);--drawer-dismissible-position-top:var(--spacing-6);--drawer-radius-top-left:var(--radius-rounded-2xl);--drawer-radius-bottom-left:var(--radius-rounded-2xl);--button-lg-padding-y:var(--spacing-2-5);--button-lg-padding-x:var(--spacing-4);--button-lg-line-height:var(--line-height-lg);--button-lg-icon-size:var(--spacing-6);--button-lg-icon-button-padding:var(--spacing-3);--button-lg-height:var(--spacing-12);--button-lg-gap:var(--spacing-2);--button-lg-font-size:var(--font-size-lg);--button-lg-border-radius:var(--radius-rounded-lg);--button-md-padding-y:var(--spacing-2);--button-md-padding-x:var(--spacing-3-5);--button-md-line-height:var(--line-height-base);--button-md-icon-size:var(--spacing-5);--button-md-icon-button-padding:var(--spacing-2-5);--button-md-height:var(--spacing-10);--button-md-gap:var(--spacing-2);--button-md-font-size:var(--font-size-md);--button-md-border-radius:var(--radius-rounded-md);--button-sm-padding-y:var(--spacing-1-5);--button-sm-padding-x:var(--spacing-3);--button-sm-line-height:var(--line-height-sm);--button-sm-icon-size:var(--spacing-4);--button-sm-icon-button-padding:var(--spacing-2);--button-sm-height:var(--spacing-8);--button-sm-gap:var(--spacing-1-5);--button-sm-font-size:var(--font-size-sm);--button-sm-border-radius:var(--radius-rounded);--button-xs-padding-y:var(--spacing-1);--button-xs-padding-x:var(--spacing-2-5);--button-xs-line-height:var(--line-height-xs);--button-xs-icon-size:var(--spacing-3);--button-xs-icon-button-padding:var(--spacing-1-5);--button-xs-height:var(--spacing-6);--button-xs-gap:var(--spacing-1);--button-xs-font-size:var(--font-size-xs);--button-xs-border-radius:var(--radius-rounded-sm);--buttongroup-md-height:var(--spacing-10);--buttongroup-md-gap:var(--spacing-px);--buttongroup-md-radius:var(--radius-rounded-md);--buttongroup-lg-height:var(--spacing-12);--buttongroup-lg-gap:var(--spacing-px);--buttongroup-lg-radius:var(--radius-rounded-lg);--buttongroup-sm-height:var(--spacing-8);--buttongroup-sm-gap:var(--spacing-px);--buttongroup-sm-radius:var(--radius-rounded);--buttongroup-xs-height:var(--spacing-6);--buttongroup-xs-gap:var(--spacing-px);--buttongroup-xs-radius:var(--radius-rounded-sm);--buttongroup-xs-button-padding-y:var(--spacing-0-5);--avatar-xl-size:var(--spacing-16);--avatar-xl-icon-size:var(--spacing-11);--avatar-lg-size:var(--spacing-12);--avatar-lg-icon-size:var(--spacing-8);--avatar-md-size:var(--spacing-10);--avatar-md-icon-size:var(--spacing-7);--avatar-sm-size:var(--spacing-8);--avatar-sm-icon-size:var(--spacing-5);--avatar-xs-size:var(--spacing-6);--avatar-xs-icon-size:var(--spacing-4)}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-gray-200);}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:TT Norms Pro, Montserrat, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;line-height:inherit;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:TT Norms Pro Mono, monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--color-gray-400);}input::placeholder,textarea::placeholder{opacity:1;color:var(--color-gray-400);}button,[role=\"button\"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto}[hidden]{display:none}body,html{background-color:var(--color-level-00-background);color:var(--color-content-medium-text)}*:disabled{cursor:not-allowed}*:focus,*:focus-within{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:var(--focus-outline-offset);border-radius:var(--radius-rounded)}a{color:var(--color-interaction-link-high-text);text-decoration:underline;font-weight:var(--font-weight-high-emphasis)}a:hover{color:var(--color-interaction-link-high-text-hover)}no-underline{text-decoration:none}h1{font-size:var(--global-typography-h1-font-size);line-height:var(--global-typography-h1-line-height);font-weight:var(--global-typography-h1-font-weight);color:var(--color-content-high-text)}h2{font-size:var(--global-typography-h2-font-size);line-height:var(--global-typography-h2-line-height);font-weight:var(--global-typography-h2-font-weight);color:var(--color-content-high-text)}h3{font-size:var(--global-typography-h3-font-size);line-height:var(--global-typography-h3-line-height);font-weight:var(--global-typography-h3-font-weight);color:var(--color-content-high-text)}h4{font-size:var(--global-typography-h4-font-size);line-height:var(--global-typography-h4-line-height);font-weight:var(--global-typography-h4-font-weight);color:var(--color-content-high-text)}h5{font-size:var(--global-typography-h4-font-size);line-height:var(--global-typography-h4-line-height);font-weight:var(--font-weight-medium-emphasis);color:var(--color-content-medium-text)}h6{font-size:var(--global-typography-h4-font-size);line-height:var(--global-typography-h4-line-height);font-weight:var(--font-weight-low-emphasis);color:var(--color-content-low-text)}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:var(--spacing-0)}.inset-auto{inset:auto}.inset-full{inset:100%}.inset-x-0{left:var(--spacing-0);right:var(--spacing-0)}.inset-x-auto{left:auto;right:auto}.inset-x-full{left:100%;right:100%}.inset-y-0{top:var(--spacing-0);bottom:var(--spacing-0)}.inset-y-auto{top:auto;bottom:auto}.inset-y-full{top:100%;bottom:100%}.bottom-0{bottom:var(--spacing-0)}.bottom-auto{bottom:auto}.bottom-full{bottom:100%}.left-0{left:var(--spacing-0)}.left-auto{left:auto}.left-full{left:100%}.right-0{right:var(--spacing-0)}.right-auto{right:auto}.right-full{right:100%}.top-0{top:var(--spacing-0)}.top-auto{top:auto}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.order-1{order:1}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}.col-span-1{grid-column:span 1 / span 1}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-full{grid-column:1 / -1}.col-start-1{grid-column-start:1}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.col-start-13{grid-column-start:13}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}.col-start-auto{grid-column-start:auto}.col-end-1{grid-column-end:1}.col-end-10{grid-column-end:10}.col-end-11{grid-column-end:11}.col-end-12{grid-column-end:12}.col-end-13{grid-column-end:13}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}.col-end-6{grid-column-end:6}.col-end-7{grid-column-end:7}.col-end-8{grid-column-end:8}.col-end-9{grid-column-end:9}.col-end-auto{grid-column-end:auto}.row-span-1{grid-row:span 1 / span 1}.row-span-10{grid-row:span 10 / span 10}.row-span-11{grid-row:span 11 / span 11}.row-span-12{grid-row:span 12 / span 12}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-4{grid-row:span 4 / span 4}.row-span-5{grid-row:span 5 / span 5}.row-span-6{grid-row:span 6 / span 6}.row-span-7{grid-row:span 7 / span 7}.row-span-8{grid-row:span 8 / span 8}.row-span-9{grid-row:span 9 / span 9}.row-span-full{grid-row:1 / -1}.row-start-1{grid-row-start:1}.row-start-10{grid-row-start:10}.row-start-11{grid-row-start:11}.row-start-12{grid-row-start:12}.row-start-13{grid-row-start:13}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.row-start-5{grid-row-start:5}.row-start-6{grid-row-start:6}.row-start-7{grid-row-start:7}.row-start-8{grid-row-start:8}.row-start-9{grid-row-start:9}.row-start-auto{grid-row-start:auto}.row-end-1{grid-row-end:1}.row-end-10{grid-row-end:10}.row-end-11{grid-row-end:11}.row-end-12{grid-row-end:12}.row-end-13{grid-row-end:13}.row-end-2{grid-row-end:2}.row-end-3{grid-row-end:3}.row-end-4{grid-row-end:4}.row-end-5{grid-row-end:5}.row-end-6{grid-row-end:6}.row-end-7{grid-row-end:7}.row-end-8{grid-row-end:8}.row-end-9{grid-row-end:9}.row-end-auto{grid-row-end:auto}.m-0{margin:var(--spacing-0)}.m-0\\.5{margin:var(--spacing-0-5)}.m-1{margin:var(--spacing-1)}.m-1\\.5{margin:var(--spacing-1-5)}.m-10{margin:var(--spacing-10)}.m-11{margin:var(--spacing-11)}.m-12{margin:var(--spacing-12)}.m-14{margin:var(--spacing-14)}.m-16{margin:var(--spacing-16)}.m-2{margin:var(--spacing-2)}.m-2\\.5{margin:var(--spacing-2-5)}.m-20{margin:var(--spacing-20)}.m-24{margin:var(--spacing-24)}.m-28{margin:var(--spacing-28)}.m-3{margin:var(--spacing-3)}.m-3\\.5{margin:var(--spacing-3-5)}.m-32{margin:var(--spacing-32)}.m-36{margin:var(--spacing-36)}.m-4{margin:var(--spacing-4)}.m-40{margin:var(--spacing-40)}.m-44{margin:var(--spacing-44)}.m-48{margin:var(--spacing-48)}.m-5{margin:var(--spacing-5)}.m-52{margin:var(--spacing-52)}.m-56{margin:var(--spacing-56)}.m-6{margin:var(--spacing-6)}.m-60{margin:var(--spacing-60)}.m-64{margin:var(--spacing-64)}.m-7{margin:var(--spacing-7)}.m-72{margin:var(--spacing-72)}.m-8{margin:var(--spacing-8)}.m-80{margin:var(--spacing-80)}.m-9{margin:var(--spacing-9)}.m-96{margin:var(--spacing-96)}.m-auto{margin:auto}.m-px{margin:var(--spacing-px)}.mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.mx-0\\.5{margin-left:var(--spacing-0-5);margin-right:var(--spacing-0-5)}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-1\\.5{margin-left:var(--spacing-1-5);margin-right:var(--spacing-1-5)}.mx-10{margin-left:var(--spacing-10);margin-right:var(--spacing-10)}.mx-11{margin-left:var(--spacing-11);margin-right:var(--spacing-11)}.mx-12{margin-left:var(--spacing-12);margin-right:var(--spacing-12)}.mx-14{margin-left:var(--spacing-14);margin-right:var(--spacing-14)}.mx-16{margin-left:var(--spacing-16);margin-right:var(--spacing-16)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-2\\.5{margin-left:var(--spacing-2-5);margin-right:var(--spacing-2-5)}.mx-20{margin-left:var(--spacing-20);margin-right:var(--spacing-20)}.mx-24{margin-left:var(--spacing-24);margin-right:var(--spacing-24)}.mx-28{margin-left:var(--spacing-28);margin-right:var(--spacing-28)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-3\\.5{margin-left:var(--spacing-3-5);margin-right:var(--spacing-3-5)}.mx-32{margin-left:var(--spacing-32);margin-right:var(--spacing-32)}.mx-36{margin-left:var(--spacing-36);margin-right:var(--spacing-36)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-40{margin-left:var(--spacing-40);margin-right:var(--spacing-40)}.mx-44{margin-left:var(--spacing-44);margin-right:var(--spacing-44)}.mx-48{margin-left:var(--spacing-48);margin-right:var(--spacing-48)}.mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.mx-52{margin-left:var(--spacing-52);margin-right:var(--spacing-52)}.mx-56{margin-left:var(--spacing-56);margin-right:var(--spacing-56)}.mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mx-60{margin-left:var(--spacing-60);margin-right:var(--spacing-60)}.mx-64{margin-left:var(--spacing-64);margin-right:var(--spacing-64)}.mx-7{margin-left:var(--spacing-7);margin-right:var(--spacing-7)}.mx-72{margin-left:var(--spacing-72);margin-right:var(--spacing-72)}.mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.mx-80{margin-left:var(--spacing-80);margin-right:var(--spacing-80)}.mx-9{margin-left:var(--spacing-9);margin-right:var(--spacing-9)}.mx-96{margin-left:var(--spacing-96);margin-right:var(--spacing-96)}.mx-auto{margin-left:auto;margin-right:auto}.mx-px{margin-left:var(--spacing-px);margin-right:var(--spacing-px)}.my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.my-0\\.5{margin-top:var(--spacing-0-5);margin-bottom:var(--spacing-0-5)}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-1\\.5{margin-top:var(--spacing-1-5);margin-bottom:var(--spacing-1-5)}.my-10{margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.my-11{margin-top:var(--spacing-11);margin-bottom:var(--spacing-11)}.my-12{margin-top:var(--spacing-12);margin-bottom:var(--spacing-12)}.my-14{margin-top:var(--spacing-14);margin-bottom:var(--spacing-14)}.my-16{margin-top:var(--spacing-16);margin-bottom:var(--spacing-16)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-2\\.5{margin-top:var(--spacing-2-5);margin-bottom:var(--spacing-2-5)}.my-20{margin-top:var(--spacing-20);margin-bottom:var(--spacing-20)}.my-24{margin-top:var(--spacing-24);margin-bottom:var(--spacing-24)}.my-28{margin-top:var(--spacing-28);margin-bottom:var(--spacing-28)}.my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.my-3\\.5{margin-top:var(--spacing-3-5);margin-bottom:var(--spacing-3-5)}.my-32{margin-top:var(--spacing-32);margin-bottom:var(--spacing-32)}.my-36{margin-top:var(--spacing-36);margin-bottom:var(--spacing-36)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-40{margin-top:var(--spacing-40);margin-bottom:var(--spacing-40)}.my-44{margin-top:var(--spacing-44);margin-bottom:var(--spacing-44)}.my-48{margin-top:var(--spacing-48);margin-bottom:var(--spacing-48)}.my-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.my-52{margin-top:var(--spacing-52);margin-bottom:var(--spacing-52)}.my-56{margin-top:var(--spacing-56);margin-bottom:var(--spacing-56)}.my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.my-60{margin-top:var(--spacing-60);margin-bottom:var(--spacing-60)}.my-64{margin-top:var(--spacing-64);margin-bottom:var(--spacing-64)}.my-7{margin-top:var(--spacing-7);margin-bottom:var(--spacing-7)}.my-72{margin-top:var(--spacing-72);margin-bottom:var(--spacing-72)}.my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.my-80{margin-top:var(--spacing-80);margin-bottom:var(--spacing-80)}.my-9{margin-top:var(--spacing-9);margin-bottom:var(--spacing-9)}.my-96{margin-top:var(--spacing-96);margin-bottom:var(--spacing-96)}.my-auto{margin-top:auto;margin-bottom:auto}.my-px{margin-top:var(--spacing-px);margin-bottom:var(--spacing-px)}.mb-0{margin-bottom:var(--spacing-0)}.mb-0\\.5{margin-bottom:var(--spacing-0-5)}.mb-1{margin-bottom:var(--spacing-1)}.mb-1\\.5{margin-bottom:var(--spacing-1-5)}.mb-10{margin-bottom:var(--spacing-10)}.mb-11{margin-bottom:var(--spacing-11)}.mb-12{margin-bottom:var(--spacing-12)}.mb-14{margin-bottom:var(--spacing-14)}.mb-16{margin-bottom:var(--spacing-16)}.mb-2{margin-bottom:var(--spacing-2)}.mb-2\\.5{margin-bottom:var(--spacing-2-5)}.mb-20{margin-bottom:var(--spacing-20)}.mb-24{margin-bottom:var(--spacing-24)}.mb-28{margin-bottom:var(--spacing-28)}.mb-3{margin-bottom:var(--spacing-3)}.mb-3\\.5{margin-bottom:var(--spacing-3-5)}.mb-32{margin-bottom:var(--spacing-32)}.mb-36{margin-bottom:var(--spacing-36)}.mb-4{margin-bottom:var(--spacing-4)}.mb-40{margin-bottom:var(--spacing-40)}.mb-44{margin-bottom:var(--spacing-44)}.mb-48{margin-bottom:var(--spacing-48)}.mb-5{margin-bottom:var(--spacing-5)}.mb-52{margin-bottom:var(--spacing-52)}.mb-56{margin-bottom:var(--spacing-56)}.mb-6{margin-bottom:var(--spacing-6)}.mb-60{margin-bottom:var(--spacing-60)}.mb-64{margin-bottom:var(--spacing-64)}.mb-7{margin-bottom:var(--spacing-7)}.mb-72{margin-bottom:var(--spacing-72)}.mb-8{margin-bottom:var(--spacing-8)}.mb-80{margin-bottom:var(--spacing-80)}.mb-9{margin-bottom:var(--spacing-9)}.mb-96{margin-bottom:var(--spacing-96)}.mb-auto{margin-bottom:auto}.mb-px{margin-bottom:var(--spacing-px)}.ml-0{margin-left:var(--spacing-0)}.ml-0\\.5{margin-left:var(--spacing-0-5)}.ml-1{margin-left:var(--spacing-1)}.ml-1\\.5{margin-left:var(--spacing-1-5)}.ml-10{margin-left:var(--spacing-10)}.ml-11{margin-left:var(--spacing-11)}.ml-12{margin-left:var(--spacing-12)}.ml-14{margin-left:var(--spacing-14)}.ml-16{margin-left:var(--spacing-16)}.ml-2{margin-left:var(--spacing-2)}.ml-2\\.5{margin-left:var(--spacing-2-5)}.ml-20{margin-left:var(--spacing-20)}.ml-24{margin-left:var(--spacing-24)}.ml-28{margin-left:var(--spacing-28)}.ml-3{margin-left:var(--spacing-3)}.ml-3\\.5{margin-left:var(--spacing-3-5)}.ml-32{margin-left:var(--spacing-32)}.ml-36{margin-left:var(--spacing-36)}.ml-4{margin-left:var(--spacing-4)}.ml-40{margin-left:var(--spacing-40)}.ml-44{margin-left:var(--spacing-44)}.ml-48{margin-left:var(--spacing-48)}.ml-5{margin-left:var(--spacing-5)}.ml-52{margin-left:var(--spacing-52)}.ml-56{margin-left:var(--spacing-56)}.ml-6{margin-left:var(--spacing-6)}.ml-60{margin-left:var(--spacing-60)}.ml-64{margin-left:var(--spacing-64)}.ml-7{margin-left:var(--spacing-7)}.ml-72{margin-left:var(--spacing-72)}.ml-8{margin-left:var(--spacing-8)}.ml-80{margin-left:var(--spacing-80)}.ml-9{margin-left:var(--spacing-9)}.ml-96{margin-left:var(--spacing-96)}.ml-auto{margin-left:auto}.ml-px{margin-left:var(--spacing-px)}.mr-0{margin-right:var(--spacing-0)}.mr-0\\.5{margin-right:var(--spacing-0-5)}.mr-1{margin-right:var(--spacing-1)}.mr-1\\.5{margin-right:var(--spacing-1-5)}.mr-10{margin-right:var(--spacing-10)}.mr-11{margin-right:var(--spacing-11)}.mr-12{margin-right:var(--spacing-12)}.mr-14{margin-right:var(--spacing-14)}.mr-16{margin-right:var(--spacing-16)}.mr-2{margin-right:var(--spacing-2)}.mr-2\\.5{margin-right:var(--spacing-2-5)}.mr-20{margin-right:var(--spacing-20)}.mr-24{margin-right:var(--spacing-24)}.mr-28{margin-right:var(--spacing-28)}.mr-3{margin-right:var(--spacing-3)}.mr-3\\.5{margin-right:var(--spacing-3-5)}.mr-32{margin-right:var(--spacing-32)}.mr-36{margin-right:var(--spacing-36)}.mr-4{margin-right:var(--spacing-4)}.mr-40{margin-right:var(--spacing-40)}.mr-44{margin-right:var(--spacing-44)}.mr-48{margin-right:var(--spacing-48)}.mr-5{margin-right:var(--spacing-5)}.mr-52{margin-right:var(--spacing-52)}.mr-56{margin-right:var(--spacing-56)}.mr-6{margin-right:var(--spacing-6)}.mr-60{margin-right:var(--spacing-60)}.mr-64{margin-right:var(--spacing-64)}.mr-7{margin-right:var(--spacing-7)}.mr-72{margin-right:var(--spacing-72)}.mr-8{margin-right:var(--spacing-8)}.mr-80{margin-right:var(--spacing-80)}.mr-9{margin-right:var(--spacing-9)}.mr-96{margin-right:var(--spacing-96)}.mr-auto{margin-right:auto}.mr-px{margin-right:var(--spacing-px)}.mt-0{margin-top:var(--spacing-0)}.mt-0\\.5{margin-top:var(--spacing-0-5)}.mt-1{margin-top:var(--spacing-1)}.mt-1\\.5{margin-top:var(--spacing-1-5)}.mt-10{margin-top:var(--spacing-10)}.mt-11{margin-top:var(--spacing-11)}.mt-12{margin-top:var(--spacing-12)}.mt-14{margin-top:var(--spacing-14)}.mt-16{margin-top:var(--spacing-16)}.mt-2{margin-top:var(--spacing-2)}.mt-2\\.5{margin-top:var(--spacing-2-5)}.mt-20{margin-top:var(--spacing-20)}.mt-24{margin-top:var(--spacing-24)}.mt-28{margin-top:var(--spacing-28)}.mt-3{margin-top:var(--spacing-3)}.mt-3\\.5{margin-top:var(--spacing-3-5)}.mt-32{margin-top:var(--spacing-32)}.mt-36{margin-top:var(--spacing-36)}.mt-4{margin-top:var(--spacing-4)}.mt-40{margin-top:var(--spacing-40)}.mt-44{margin-top:var(--spacing-44)}.mt-48{margin-top:var(--spacing-48)}.mt-5{margin-top:var(--spacing-5)}.mt-52{margin-top:var(--spacing-52)}.mt-56{margin-top:var(--spacing-56)}.mt-6{margin-top:var(--spacing-6)}.mt-60{margin-top:var(--spacing-60)}.mt-64{margin-top:var(--spacing-64)}.mt-7{margin-top:var(--spacing-7)}.mt-72{margin-top:var(--spacing-72)}.mt-8{margin-top:var(--spacing-8)}.mt-80{margin-top:var(--spacing-80)}.mt-9{margin-top:var(--spacing-9)}.mt-96{margin-top:var(--spacing-96)}.mt-auto{margin-top:auto}.mt-px{margin-top:var(--spacing-px)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.h-0{height:var(--spacing-0)}.h-1{height:var(--spacing-1)}.h-10{height:var(--spacing-10)}.h-11{height:var(--spacing-11)}.h-12{height:var(--spacing-12)}.h-14{height:var(--spacing-14)}.h-16{height:var(--spacing-16)}.h-2{height:var(--spacing-2)}.h-20{height:var(--spacing-20)}.h-24{height:var(--spacing-24)}.h-28{height:var(--spacing-28)}.h-3{height:var(--spacing-3)}.h-32{height:var(--spacing-32)}.h-36{height:var(--spacing-36)}.h-4{height:var(--spacing-4)}.h-40{height:var(--spacing-40)}.h-44{height:var(--spacing-44)}.h-48{height:var(--spacing-48)}.h-5{height:var(--spacing-5)}.h-52{height:var(--spacing-52)}.h-56{height:var(--spacing-56)}.h-6{height:var(--spacing-6)}.h-60{height:var(--spacing-60)}.h-64{height:var(--spacing-64)}.h-7{height:var(--spacing-7)}.h-72{height:var(--spacing-72)}.h-8{height:var(--spacing-8)}.h-80{height:var(--spacing-80)}.h-9{height:var(--spacing-9)}.h-96{height:var(--spacing-96)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:var(--spacing-0)}.max-h-1{max-height:var(--spacing-1)}.max-h-10{max-height:var(--spacing-10)}.max-h-11{max-height:var(--spacing-11)}.max-h-12{max-height:var(--spacing-12)}.max-h-14{max-height:var(--spacing-14)}.max-h-16{max-height:var(--spacing-16)}.max-h-2{max-height:var(--spacing-2)}.max-h-20{max-height:var(--spacing-20)}.max-h-24{max-height:var(--spacing-24)}.max-h-28{max-height:var(--spacing-28)}.max-h-3{max-height:var(--spacing-3)}.max-h-32{max-height:var(--spacing-32)}.max-h-36{max-height:var(--spacing-36)}.max-h-4{max-height:var(--spacing-4)}.max-h-40{max-height:var(--spacing-40)}.max-h-44{max-height:var(--spacing-44)}.max-h-48{max-height:var(--spacing-48)}.max-h-5{max-height:var(--spacing-5)}.max-h-52{max-height:var(--spacing-52)}.max-h-56{max-height:var(--spacing-56)}.max-h-6{max-height:var(--spacing-6)}.max-h-60{max-height:var(--spacing-60)}.max-h-64{max-height:var(--spacing-64)}.max-h-7{max-height:var(--spacing-7)}.max-h-72{max-height:var(--spacing-72)}.max-h-8{max-height:var(--spacing-8)}.max-h-80{max-height:var(--spacing-80)}.max-h-9{max-height:var(--spacing-9)}.max-h-96{max-height:var(--spacing-96)}.max-h-full{max-height:100%}.max-h-max{max-height:-moz-max-content;max-height:max-content}.max-h-min{max-height:-moz-min-content;max-height:min-content}.w-0{width:var(--spacing-0)}.w-1{width:var(--spacing-1)}.w-10{width:var(--spacing-10)}.w-11{width:var(--spacing-11)}.w-12{width:var(--spacing-12)}.w-14{width:var(--spacing-14)}.w-16{width:var(--spacing-16)}.w-2{width:var(--spacing-2)}.w-20{width:var(--spacing-20)}.w-24{width:var(--spacing-24)}.w-28{width:var(--spacing-28)}.w-3{width:var(--spacing-3)}.w-32{width:var(--spacing-32)}.w-36{width:var(--spacing-36)}.w-4{width:var(--spacing-4)}.w-40{width:var(--spacing-40)}.w-44{width:var(--spacing-44)}.w-48{width:var(--spacing-48)}.w-5{width:var(--spacing-5)}.w-52{width:var(--spacing-52)}.w-56{width:var(--spacing-56)}.w-6{width:var(--spacing-6)}.w-60{width:var(--spacing-60)}.w-64{width:var(--spacing-64)}.w-7{width:var(--spacing-7)}.w-72{width:var(--spacing-72)}.w-8{width:var(--spacing-8)}.w-80{width:var(--spacing-80)}.w-9{width:var(--spacing-9)}.w-96{width:var(--spacing-96)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.max-w-0{max-width:var(--spacing-0)}.max-w-1{max-width:var(--spacing-1)}.max-w-10{max-width:var(--spacing-10)}.max-w-11{max-width:var(--spacing-11)}.max-w-12{max-width:var(--spacing-12)}.max-w-14{max-width:var(--spacing-14)}.max-w-16{max-width:var(--spacing-16)}.max-w-2{max-width:var(--spacing-2)}.max-w-20{max-width:var(--spacing-20)}.max-w-24{max-width:var(--spacing-24)}.max-w-28{max-width:var(--spacing-28)}.max-w-2xl{max-width:42rem}.max-w-3{max-width:var(--spacing-3)}.max-w-32{max-width:var(--spacing-32)}.max-w-36{max-width:var(--spacing-36)}.max-w-3xl{max-width:48rem}.max-w-4{max-width:var(--spacing-4)}.max-w-40{max-width:var(--spacing-40)}.max-w-44{max-width:var(--spacing-44)}.max-w-48{max-width:var(--spacing-48)}.max-w-4xl{max-width:56rem}.max-w-5{max-width:var(--spacing-5)}.max-w-52{max-width:var(--spacing-52)}.max-w-56{max-width:var(--spacing-56)}.max-w-5xl{max-width:64rem}.max-w-6{max-width:var(--spacing-6)}.max-w-60{max-width:var(--spacing-60)}.max-w-64{max-width:var(--spacing-64)}.max-w-6xl{max-width:72rem}.max-w-7{max-width:var(--spacing-7)}.max-w-72{max-width:var(--spacing-72)}.max-w-7xl{max-width:80rem}.max-w-8{max-width:var(--spacing-8)}.max-w-80{max-width:var(--spacing-80)}.max-w-9{max-width:var(--spacing-9)}.max-w-96{max-width:var(--spacing-96)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-md{max-width:28rem}.max-w-min{max-width:-moz-min-content;max-width:min-content}.max-w-prose{max-width:65ch}.max-w-screen-2xl{max-width:1536px}.max-w-screen-lg{max-width:1024px}.max-w-screen-md{max-width:768px}.max-w-screen-sm{max-width:640px}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.cursor-all-scroll{cursor:all-scroll}.cursor-auto{cursor:auto}.cursor-col-resize{cursor:col-resize}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-none{cursor:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-progress{cursor:progress}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.auto-cols-auto{grid-auto-columns:auto}.auto-cols-fr{grid-auto-columns:minmax(0, 1fr)}.auto-cols-max{grid-auto-columns:max-content}.auto-cols-min{grid-auto-columns:min-content}.auto-rows-auto{grid-auto-rows:auto}.auto-rows-fr{grid-auto-rows:minmax(0, 1fr)}.auto-rows-max{grid-auto-rows:max-content}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-rows-10{grid-template-rows:repeat(10, minmax(0, 1fr))}.grid-rows-11{grid-template-rows:repeat(11, minmax(0, 1fr))}.grid-rows-12{grid-template-rows:repeat(12, minmax(0, 1fr))}.grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}.grid-rows-9{grid-template-rows:repeat(9, minmax(0, 1fr))}.grid-rows-none{grid-template-rows:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-stretch{place-content:stretch}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-stretch{place-items:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-stretch{align-content:stretch}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.gap-0{gap:var(--spacing-0)}.gap-0\\.5{gap:var(--spacing-0-5)}.gap-1{gap:var(--spacing-1)}.gap-1\\.5{gap:var(--spacing-1-5)}.gap-10{gap:var(--spacing-10)}.gap-11{gap:var(--spacing-11)}.gap-12{gap:var(--spacing-12)}.gap-14{gap:var(--spacing-14)}.gap-16{gap:var(--spacing-16)}.gap-2{gap:var(--spacing-2)}.gap-2\\.5{gap:var(--spacing-2-5)}.gap-20{gap:var(--spacing-20)}.gap-24{gap:var(--spacing-24)}.gap-28{gap:var(--spacing-28)}.gap-3{gap:var(--spacing-3)}.gap-3\\.5{gap:var(--spacing-3-5)}.gap-32{gap:var(--spacing-32)}.gap-36{gap:var(--spacing-36)}.gap-4{gap:var(--spacing-4)}.gap-40{gap:var(--spacing-40)}.gap-44{gap:var(--spacing-44)}.gap-48{gap:var(--spacing-48)}.gap-5{gap:var(--spacing-5)}.gap-52{gap:var(--spacing-52)}.gap-56{gap:var(--spacing-56)}.gap-6{gap:var(--spacing-6)}.gap-60{gap:var(--spacing-60)}.gap-64{gap:var(--spacing-64)}.gap-7{gap:var(--spacing-7)}.gap-72{gap:var(--spacing-72)}.gap-8{gap:var(--spacing-8)}.gap-80{gap:var(--spacing-80)}.gap-9{gap:var(--spacing-9)}.gap-96{gap:var(--spacing-96)}.gap-px{gap:var(--spacing-px)}.gap-x-0{-moz-column-gap:var(--spacing-0);column-gap:var(--spacing-0)}.gap-x-0\\.5{-moz-column-gap:var(--spacing-0-5);column-gap:var(--spacing-0-5)}.gap-x-1{-moz-column-gap:var(--spacing-1);column-gap:var(--spacing-1)}.gap-x-1\\.5{-moz-column-gap:var(--spacing-1-5);column-gap:var(--spacing-1-5)}.gap-x-10{-moz-column-gap:var(--spacing-10);column-gap:var(--spacing-10)}.gap-x-11{-moz-column-gap:var(--spacing-11);column-gap:var(--spacing-11)}.gap-x-12{-moz-column-gap:var(--spacing-12);column-gap:var(--spacing-12)}.gap-x-14{-moz-column-gap:var(--spacing-14);column-gap:var(--spacing-14)}.gap-x-16{-moz-column-gap:var(--spacing-16);column-gap:var(--spacing-16)}.gap-x-2{-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2)}.gap-x-2\\.5{-moz-column-gap:var(--spacing-2-5);column-gap:var(--spacing-2-5)}.gap-x-20{-moz-column-gap:var(--spacing-20);column-gap:var(--spacing-20)}.gap-x-24{-moz-column-gap:var(--spacing-24);column-gap:var(--spacing-24)}.gap-x-28{-moz-column-gap:var(--spacing-28);column-gap:var(--spacing-28)}.gap-x-3{-moz-column-gap:var(--spacing-3);column-gap:var(--spacing-3)}.gap-x-3\\.5{-moz-column-gap:var(--spacing-3-5);column-gap:var(--spacing-3-5)}.gap-x-32{-moz-column-gap:var(--spacing-32);column-gap:var(--spacing-32)}.gap-x-36{-moz-column-gap:var(--spacing-36);column-gap:var(--spacing-36)}.gap-x-4{-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4)}.gap-x-40{-moz-column-gap:var(--spacing-40);column-gap:var(--spacing-40)}.gap-x-44{-moz-column-gap:var(--spacing-44);column-gap:var(--spacing-44)}.gap-x-48{-moz-column-gap:var(--spacing-48);column-gap:var(--spacing-48)}.gap-x-5{-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5)}.gap-x-52{-moz-column-gap:var(--spacing-52);column-gap:var(--spacing-52)}.gap-x-56{-moz-column-gap:var(--spacing-56);column-gap:var(--spacing-56)}.gap-x-6{-moz-column-gap:var(--spacing-6);column-gap:var(--spacing-6)}.gap-x-60{-moz-column-gap:var(--spacing-60);column-gap:var(--spacing-60)}.gap-x-64{-moz-column-gap:var(--spacing-64);column-gap:var(--spacing-64)}.gap-x-7{-moz-column-gap:var(--spacing-7);column-gap:var(--spacing-7)}.gap-x-72{-moz-column-gap:var(--spacing-72);column-gap:var(--spacing-72)}.gap-x-8{-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8)}.gap-x-80{-moz-column-gap:var(--spacing-80);column-gap:var(--spacing-80)}.gap-x-9{-moz-column-gap:var(--spacing-9);column-gap:var(--spacing-9)}.gap-x-96{-moz-column-gap:var(--spacing-96);column-gap:var(--spacing-96)}.gap-x-px{-moz-column-gap:var(--spacing-px);column-gap:var(--spacing-px)}.gap-y-0{row-gap:var(--spacing-0)}.gap-y-0\\.5{row-gap:var(--spacing-0-5)}.gap-y-1{row-gap:var(--spacing-1)}.gap-y-1\\.5{row-gap:var(--spacing-1-5)}.gap-y-10{row-gap:var(--spacing-10)}.gap-y-11{row-gap:var(--spacing-11)}.gap-y-12{row-gap:var(--spacing-12)}.gap-y-14{row-gap:var(--spacing-14)}.gap-y-16{row-gap:var(--spacing-16)}.gap-y-2{row-gap:var(--spacing-2)}.gap-y-2\\.5{row-gap:var(--spacing-2-5)}.gap-y-20{row-gap:var(--spacing-20)}.gap-y-24{row-gap:var(--spacing-24)}.gap-y-28{row-gap:var(--spacing-28)}.gap-y-3{row-gap:var(--spacing-3)}.gap-y-3\\.5{row-gap:var(--spacing-3-5)}.gap-y-32{row-gap:var(--spacing-32)}.gap-y-36{row-gap:var(--spacing-36)}.gap-y-4{row-gap:var(--spacing-4)}.gap-y-40{row-gap:var(--spacing-40)}.gap-y-44{row-gap:var(--spacing-44)}.gap-y-48{row-gap:var(--spacing-48)}.gap-y-5{row-gap:var(--spacing-5)}.gap-y-52{row-gap:var(--spacing-52)}.gap-y-56{row-gap:var(--spacing-56)}.gap-y-6{row-gap:var(--spacing-6)}.gap-y-60{row-gap:var(--spacing-60)}.gap-y-64{row-gap:var(--spacing-64)}.gap-y-7{row-gap:var(--spacing-7)}.gap-y-72{row-gap:var(--spacing-72)}.gap-y-8{row-gap:var(--spacing-8)}.gap-y-80{row-gap:var(--spacing-80)}.gap-y-9{row-gap:var(--spacing-9)}.gap-y-96{row-gap:var(--spacing-96)}.gap-y-px{row-gap:var(--spacing-px)}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-0) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-0) * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-1) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-1) * calc(1 - var(--tw-space-x-reverse)))}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-10) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-10) * calc(1 - var(--tw-space-x-reverse)))}.space-x-11>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-11) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-11) * calc(1 - var(--tw-space-x-reverse)))}.space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-12) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-12) * calc(1 - var(--tw-space-x-reverse)))}.space-x-14>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-14) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-14) * calc(1 - var(--tw-space-x-reverse)))}.space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-16) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-16) * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-2) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)))}.space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-20) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-20) * calc(1 - var(--tw-space-x-reverse)))}.space-x-24>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-24) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-24) * calc(1 - var(--tw-space-x-reverse)))}.space-x-28>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-28) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-28) * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-3) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-3) * calc(1 - var(--tw-space-x-reverse)))}.space-x-32>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-32) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-32) * calc(1 - var(--tw-space-x-reverse)))}.space-x-36>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-36) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-36) * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-4) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-4) * calc(1 - var(--tw-space-x-reverse)))}.space-x-40>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-40) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-40) * calc(1 - var(--tw-space-x-reverse)))}.space-x-44>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-44) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-44) * calc(1 - var(--tw-space-x-reverse)))}.space-x-48>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-48) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-48) * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-5) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-5) * calc(1 - var(--tw-space-x-reverse)))}.space-x-52>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-52) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-52) * calc(1 - var(--tw-space-x-reverse)))}.space-x-56>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-56) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-56) * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-6) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-6) * calc(1 - var(--tw-space-x-reverse)))}.space-x-60>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-60) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-60) * calc(1 - var(--tw-space-x-reverse)))}.space-x-64>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-64) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-64) * calc(1 - var(--tw-space-x-reverse)))}.space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-7) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-7) * calc(1 - var(--tw-space-x-reverse)))}.space-x-72>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-72) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-72) * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-8) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-8) * calc(1 - var(--tw-space-x-reverse)))}.space-x-80>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-80) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-80) * calc(1 - var(--tw-space-x-reverse)))}.space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-9) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-9) * calc(1 - var(--tw-space-x-reverse)))}.space-x-96>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-96) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-96) * calc(1 - var(--tw-space-x-reverse)))}.space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-px) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-px) * calc(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-0) * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-1) * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-10) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-10) * var(--tw-space-y-reverse))}.space-y-11>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-11) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-11) * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-12) * var(--tw-space-y-reverse))}.space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-14) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-14) * var(--tw-space-y-reverse))}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-16) * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-2) * var(--tw-space-y-reverse))}.space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-20) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-20) * var(--tw-space-y-reverse))}.space-y-24>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-24) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-24) * var(--tw-space-y-reverse))}.space-y-28>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-28) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-28) * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-3) * var(--tw-space-y-reverse))}.space-y-32>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-32) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-32) * var(--tw-space-y-reverse))}.space-y-36>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-36) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-36) * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-4) * var(--tw-space-y-reverse))}.space-y-40>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-40) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-40) * var(--tw-space-y-reverse))}.space-y-44>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-44) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-44) * var(--tw-space-y-reverse))}.space-y-48>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-48) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-48) * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-5) * var(--tw-space-y-reverse))}.space-y-52>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-52) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-52) * var(--tw-space-y-reverse))}.space-y-56>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-56) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-56) * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-6) * var(--tw-space-y-reverse))}.space-y-60>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-60) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-60) * var(--tw-space-y-reverse))}.space-y-64>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-64) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-64) * var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-7) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-7) * var(--tw-space-y-reverse))}.space-y-72>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-72) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-72) * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-8) * var(--tw-space-y-reverse))}.space-y-80>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-80) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-80) * var(--tw-space-y-reverse))}.space-y-9>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-9) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-9) * var(--tw-space-y-reverse))}.space-y-96>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-96) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-96) * var(--tw-space-y-reverse))}.space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-px) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-px) * var(--tw-space-y-reverse))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.rounded{border-radius:var(--radius-rounded)}.rounded-2xl{border-radius:var(--radius-rounded-2xl)}.rounded-3xl{border-radius:var(--radius-rounded-3xl)}.rounded-full{border-radius:var(--radius-rounded-full)}.rounded-lg{border-radius:var(--radius-rounded-lg)}.rounded-md{border-radius:var(--radius-rounded-md)}.rounded-none{border-radius:var(--radius-rounded-none)}.rounded-sm{border-radius:var(--radius-rounded-sm)}.rounded-xl{border-radius:var(--radius-rounded-xl)}.rounded-b{border-bottom-right-radius:var(--radius-rounded);border-bottom-left-radius:var(--radius-rounded)}.rounded-l{border-top-left-radius:var(--radius-rounded);border-bottom-left-radius:var(--radius-rounded)}.rounded-r{border-top-right-radius:var(--radius-rounded);border-bottom-right-radius:var(--radius-rounded)}.rounded-t{border-top-left-radius:var(--radius-rounded);border-top-right-radius:var(--radius-rounded)}.rounded-bl{border-bottom-left-radius:var(--radius-rounded)}.rounded-br{border-bottom-right-radius:var(--radius-rounded)}.rounded-tl{border-top-left-radius:var(--radius-rounded)}.rounded-tr{border-top-right-radius:var(--radius-rounded)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-x{border-left-width:1px;border-right-width:1px}.border-x-0{border-left-width:0px;border-right-width:0px}.border-x-2{border-left-width:2px;border-right-width:2px}.border-x-4{border-left-width:4px;border-right-width:4px}.border-x-8{border-left-width:8px;border-right-width:8px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-y-0{border-top-width:0px;border-bottom-width:0px}.border-y-2{border-top-width:2px;border-bottom-width:2px}.border-y-4{border-top-width:4px;border-bottom-width:4px}.border-y-8{border-top-width:8px;border-bottom-width:8px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-b-8{border-bottom-width:8px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-l-8{border-left-width:8px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0px}.border-r-2{border-right-width:2px}.border-r-4{border-right-width:4px}.border-r-8{border-right-width:8px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-t-8{border-top-width:8px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-none{border-style:none}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-300{background-color:var(--color-amber-300)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-amber-700{background-color:var(--color-amber-700)}.bg-amber-800{background-color:var(--color-amber-800)}.bg-amber-900{background-color:var(--color-amber-900)}.bg-background{background-color:var(--color-level-00-background)}.bg-black{background-color:var(--color-base-black)}.bg-crimson-100{background-color:var(--color-crimson-100)}.bg-crimson-200{background-color:var(--color-crimson-200)}.bg-crimson-300{background-color:var(--color-crimson-300)}.bg-crimson-400{background-color:var(--color-crimson-400)}.bg-crimson-50{background-color:var(--color-crimson-50)}.bg-crimson-500{background-color:var(--color-crimson-500)}.bg-crimson-600{background-color:var(--color-crimson-600)}.bg-crimson-700{background-color:var(--color-crimson-700)}.bg-crimson-800{background-color:var(--color-crimson-800)}.bg-crimson-900{background-color:var(--color-crimson-900)}.bg-gray-00{background-color:var(--color-gray-00)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-150{background-color:var(--color-gray-150)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-25{background-color:var(--color-gray-25)}.bg-gray-250{background-color:var(--color-gray-250)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-350{background-color:var(--color-gray-350)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-450{background-color:var(--color-gray-450)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-550{background-color:var(--color-gray-550)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-650{background-color:var(--color-gray-650)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-750{background-color:var(--color-gray-750)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-850{background-color:var(--color-gray-850)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-green-900{background-color:var(--color-green-900)}.bg-lime-100{background-color:var(--color-lime-100)}.bg-lime-200{background-color:var(--color-lime-200)}.bg-lime-300{background-color:var(--color-lime-300)}.bg-lime-400{background-color:var(--color-lime-400)}.bg-lime-50{background-color:var(--color-lime-50)}.bg-lime-500{background-color:var(--color-lime-500)}.bg-lime-600{background-color:var(--color-lime-600)}.bg-lime-700{background-color:var(--color-lime-700)}.bg-lime-800{background-color:var(--color-lime-800)}.bg-lime-900{background-color:var(--color-lime-900)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-300{background-color:var(--color-orange-300)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-700{background-color:var(--color-orange-700)}.bg-orange-800{background-color:var(--color-orange-800)}.bg-orange-900{background-color:var(--color-orange-900)}.bg-petrol-100{background-color:var(--color-petrol-100)}.bg-petrol-200{background-color:var(--color-petrol-200)}.bg-petrol-300{background-color:var(--color-petrol-300)}.bg-petrol-400{background-color:var(--color-petrol-400)}.bg-petrol-50{background-color:var(--color-petrol-50)}.bg-petrol-500{background-color:var(--color-petrol-500)}.bg-petrol-600{background-color:var(--color-petrol-600)}.bg-petrol-700{background-color:var(--color-petrol-700)}.bg-petrol-800{background-color:var(--color-petrol-800)}.bg-petrol-900{background-color:var(--color-petrol-900)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-800{background-color:var(--color-red-800)}.bg-red-900{background-color:var(--color-red-900)}.bg-text{background-color:var(--color-content-medium-text)}.bg-turquoise-100{background-color:var(--color-turquoise-100)}.bg-turquoise-200{background-color:var(--color-turquoise-200)}.bg-turquoise-300{background-color:var(--color-turquoise-300)}.bg-turquoise-400{background-color:var(--color-turquoise-400)}.bg-turquoise-50{background-color:var(--color-turquoise-50)}.bg-turquoise-500{background-color:var(--color-turquoise-500)}.bg-turquoise-600{background-color:var(--color-turquoise-600)}.bg-turquoise-700{background-color:var(--color-turquoise-700)}.bg-turquoise-800{background-color:var(--color-turquoise-800)}.bg-turquoise-900{background-color:var(--color-turquoise-900)}.bg-white{background-color:var(--color-base-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-yellow-700{background-color:var(--color-yellow-700)}.bg-yellow-800{background-color:var(--color-yellow-800)}.bg-yellow-900{background-color:var(--color-yellow-900)}.bg-none{background-image:none}.bg-auto{background-size:auto}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-bottom{background-position:bottom}.bg-center{background-position:center}.bg-left{background-position:left}.bg-right{background-position:right}.bg-top{background-position:top}.bg-repeat{background-repeat:repeat}.p-0{padding:var(--spacing-0)}.p-0\\.5{padding:var(--spacing-0-5)}.p-1{padding:var(--spacing-1)}.p-1\\.5{padding:var(--spacing-1-5)}.p-10{padding:var(--spacing-10)}.p-11{padding:var(--spacing-11)}.p-12{padding:var(--spacing-12)}.p-14{padding:var(--spacing-14)}.p-16{padding:var(--spacing-16)}.p-2{padding:var(--spacing-2)}.p-2\\.5{padding:var(--spacing-2-5)}.p-20{padding:var(--spacing-20)}.p-24{padding:var(--spacing-24)}.p-28{padding:var(--spacing-28)}.p-3{padding:var(--spacing-3)}.p-3\\.5{padding:var(--spacing-3-5)}.p-32{padding:var(--spacing-32)}.p-36{padding:var(--spacing-36)}.p-4{padding:var(--spacing-4)}.p-40{padding:var(--spacing-40)}.p-44{padding:var(--spacing-44)}.p-48{padding:var(--spacing-48)}.p-5{padding:var(--spacing-5)}.p-52{padding:var(--spacing-52)}.p-56{padding:var(--spacing-56)}.p-6{padding:var(--spacing-6)}.p-60{padding:var(--spacing-60)}.p-64{padding:var(--spacing-64)}.p-7{padding:var(--spacing-7)}.p-72{padding:var(--spacing-72)}.p-8{padding:var(--spacing-8)}.p-80{padding:var(--spacing-80)}.p-9{padding:var(--spacing-9)}.p-96{padding:var(--spacing-96)}.p-px{padding:var(--spacing-px)}.px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.px-0\\.5{padding-left:var(--spacing-0-5);padding-right:var(--spacing-0-5)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-1\\.5{padding-left:var(--spacing-1-5);padding-right:var(--spacing-1-5)}.px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.px-11{padding-left:var(--spacing-11);padding-right:var(--spacing-11)}.px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.px-14{padding-left:var(--spacing-14);padding-right:var(--spacing-14)}.px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-2\\.5{padding-left:var(--spacing-2-5);padding-right:var(--spacing-2-5)}.px-20{padding-left:var(--spacing-20);padding-right:var(--spacing-20)}.px-24{padding-left:var(--spacing-24);padding-right:var(--spacing-24)}.px-28{padding-left:var(--spacing-28);padding-right:var(--spacing-28)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-3\\.5{padding-left:var(--spacing-3-5);padding-right:var(--spacing-3-5)}.px-32{padding-left:var(--spacing-32);padding-right:var(--spacing-32)}.px-36{padding-left:var(--spacing-36);padding-right:var(--spacing-36)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-40{padding-left:var(--spacing-40);padding-right:var(--spacing-40)}.px-44{padding-left:var(--spacing-44);padding-right:var(--spacing-44)}.px-48{padding-left:var(--spacing-48);padding-right:var(--spacing-48)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-52{padding-left:var(--spacing-52);padding-right:var(--spacing-52)}.px-56{padding-left:var(--spacing-56);padding-right:var(--spacing-56)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-60{padding-left:var(--spacing-60);padding-right:var(--spacing-60)}.px-64{padding-left:var(--spacing-64);padding-right:var(--spacing-64)}.px-7{padding-left:var(--spacing-7);padding-right:var(--spacing-7)}.px-72{padding-left:var(--spacing-72);padding-right:var(--spacing-72)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.px-80{padding-left:var(--spacing-80);padding-right:var(--spacing-80)}.px-9{padding-left:var(--spacing-9);padding-right:var(--spacing-9)}.px-96{padding-left:var(--spacing-96);padding-right:var(--spacing-96)}.px-px{padding-left:var(--spacing-px);padding-right:var(--spacing-px)}.py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.py-0\\.5{padding-top:var(--spacing-0-5);padding-bottom:var(--spacing-0-5)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-1\\.5{padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-11{padding-top:var(--spacing-11);padding-bottom:var(--spacing-11)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-14{padding-top:var(--spacing-14);padding-bottom:var(--spacing-14)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-2\\.5{padding-top:var(--spacing-2-5);padding-bottom:var(--spacing-2-5)}.py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.py-24{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.py-28{padding-top:var(--spacing-28);padding-bottom:var(--spacing-28)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-3\\.5{padding-top:var(--spacing-3-5);padding-bottom:var(--spacing-3-5)}.py-32{padding-top:var(--spacing-32);padding-bottom:var(--spacing-32)}.py-36{padding-top:var(--spacing-36);padding-bottom:var(--spacing-36)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-40{padding-top:var(--spacing-40);padding-bottom:var(--spacing-40)}.py-44{padding-top:var(--spacing-44);padding-bottom:var(--spacing-44)}.py-48{padding-top:var(--spacing-48);padding-bottom:var(--spacing-48)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-52{padding-top:var(--spacing-52);padding-bottom:var(--spacing-52)}.py-56{padding-top:var(--spacing-56);padding-bottom:var(--spacing-56)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-60{padding-top:var(--spacing-60);padding-bottom:var(--spacing-60)}.py-64{padding-top:var(--spacing-64);padding-bottom:var(--spacing-64)}.py-7{padding-top:var(--spacing-7);padding-bottom:var(--spacing-7)}.py-72{padding-top:var(--spacing-72);padding-bottom:var(--spacing-72)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-80{padding-top:var(--spacing-80);padding-bottom:var(--spacing-80)}.py-9{padding-top:var(--spacing-9);padding-bottom:var(--spacing-9)}.py-96{padding-top:var(--spacing-96);padding-bottom:var(--spacing-96)}.py-px{padding-top:var(--spacing-px);padding-bottom:var(--spacing-px)}.pb-0{padding-bottom:var(--spacing-0)}.pb-0\\.5{padding-bottom:var(--spacing-0-5)}.pb-1{padding-bottom:var(--spacing-1)}.pb-1\\.5{padding-bottom:var(--spacing-1-5)}.pb-10{padding-bottom:var(--spacing-10)}.pb-11{padding-bottom:var(--spacing-11)}.pb-12{padding-bottom:var(--spacing-12)}.pb-14{padding-bottom:var(--spacing-14)}.pb-16{padding-bottom:var(--spacing-16)}.pb-2{padding-bottom:var(--spacing-2)}.pb-2\\.5{padding-bottom:var(--spacing-2-5)}.pb-20{padding-bottom:var(--spacing-20)}.pb-24{padding-bottom:var(--spacing-24)}.pb-28{padding-bottom:var(--spacing-28)}.pb-3{padding-bottom:var(--spacing-3)}.pb-3\\.5{padding-bottom:var(--spacing-3-5)}.pb-32{padding-bottom:var(--spacing-32)}.pb-36{padding-bottom:var(--spacing-36)}.pb-4{padding-bottom:var(--spacing-4)}.pb-40{padding-bottom:var(--spacing-40)}.pb-44{padding-bottom:var(--spacing-44)}.pb-48{padding-bottom:var(--spacing-48)}.pb-5{padding-bottom:var(--spacing-5)}.pb-52{padding-bottom:var(--spacing-52)}.pb-56{padding-bottom:var(--spacing-56)}.pb-6{padding-bottom:var(--spacing-6)}.pb-60{padding-bottom:var(--spacing-60)}.pb-64{padding-bottom:var(--spacing-64)}.pb-7{padding-bottom:var(--spacing-7)}.pb-72{padding-bottom:var(--spacing-72)}.pb-8{padding-bottom:var(--spacing-8)}.pb-80{padding-bottom:var(--spacing-80)}.pb-9{padding-bottom:var(--spacing-9)}.pb-96{padding-bottom:var(--spacing-96)}.pb-px{padding-bottom:var(--spacing-px)}.pl-0{padding-left:var(--spacing-0)}.pl-0\\.5{padding-left:var(--spacing-0-5)}.pl-1{padding-left:var(--spacing-1)}.pl-1\\.5{padding-left:var(--spacing-1-5)}.pl-10{padding-left:var(--spacing-10)}.pl-11{padding-left:var(--spacing-11)}.pl-12{padding-left:var(--spacing-12)}.pl-14{padding-left:var(--spacing-14)}.pl-16{padding-left:var(--spacing-16)}.pl-2{padding-left:var(--spacing-2)}.pl-2\\.5{padding-left:var(--spacing-2-5)}.pl-20{padding-left:var(--spacing-20)}.pl-24{padding-left:var(--spacing-24)}.pl-28{padding-left:var(--spacing-28)}.pl-3{padding-left:var(--spacing-3)}.pl-3\\.5{padding-left:var(--spacing-3-5)}.pl-32{padding-left:var(--spacing-32)}.pl-36{padding-left:var(--spacing-36)}.pl-4{padding-left:var(--spacing-4)}.pl-40{padding-left:var(--spacing-40)}.pl-44{padding-left:var(--spacing-44)}.pl-48{padding-left:var(--spacing-48)}.pl-5{padding-left:var(--spacing-5)}.pl-52{padding-left:var(--spacing-52)}.pl-56{padding-left:var(--spacing-56)}.pl-6{padding-left:var(--spacing-6)}.pl-60{padding-left:var(--spacing-60)}.pl-64{padding-left:var(--spacing-64)}.pl-7{padding-left:var(--spacing-7)}.pl-72{padding-left:var(--spacing-72)}.pl-8{padding-left:var(--spacing-8)}.pl-80{padding-left:var(--spacing-80)}.pl-9{padding-left:var(--spacing-9)}.pl-96{padding-left:var(--spacing-96)}.pl-px{padding-left:var(--spacing-px)}.pr-0{padding-right:var(--spacing-0)}.pr-0\\.5{padding-right:var(--spacing-0-5)}.pr-1{padding-right:var(--spacing-1)}.pr-1\\.5{padding-right:var(--spacing-1-5)}.pr-10{padding-right:var(--spacing-10)}.pr-11{padding-right:var(--spacing-11)}.pr-12{padding-right:var(--spacing-12)}.pr-14{padding-right:var(--spacing-14)}.pr-16{padding-right:var(--spacing-16)}.pr-2{padding-right:var(--spacing-2)}.pr-2\\.5{padding-right:var(--spacing-2-5)}.pr-20{padding-right:var(--spacing-20)}.pr-24{padding-right:var(--spacing-24)}.pr-28{padding-right:var(--spacing-28)}.pr-3{padding-right:var(--spacing-3)}.pr-3\\.5{padding-right:var(--spacing-3-5)}.pr-32{padding-right:var(--spacing-32)}.pr-36{padding-right:var(--spacing-36)}.pr-4{padding-right:var(--spacing-4)}.pr-40{padding-right:var(--spacing-40)}.pr-44{padding-right:var(--spacing-44)}.pr-48{padding-right:var(--spacing-48)}.pr-5{padding-right:var(--spacing-5)}.pr-52{padding-right:var(--spacing-52)}.pr-56{padding-right:var(--spacing-56)}.pr-6{padding-right:var(--spacing-6)}.pr-60{padding-right:var(--spacing-60)}.pr-64{padding-right:var(--spacing-64)}.pr-7{padding-right:var(--spacing-7)}.pr-72{padding-right:var(--spacing-72)}.pr-8{padding-right:var(--spacing-8)}.pr-80{padding-right:var(--spacing-80)}.pr-9{padding-right:var(--spacing-9)}.pr-96{padding-right:var(--spacing-96)}.pr-px{padding-right:var(--spacing-px)}.pt-0{padding-top:var(--spacing-0)}.pt-0\\.5{padding-top:var(--spacing-0-5)}.pt-1{padding-top:var(--spacing-1)}.pt-1\\.5{padding-top:var(--spacing-1-5)}.pt-10{padding-top:var(--spacing-10)}.pt-11{padding-top:var(--spacing-11)}.pt-12{padding-top:var(--spacing-12)}.pt-14{padding-top:var(--spacing-14)}.pt-16{padding-top:var(--spacing-16)}.pt-2{padding-top:var(--spacing-2)}.pt-2\\.5{padding-top:var(--spacing-2-5)}.pt-20{padding-top:var(--spacing-20)}.pt-24{padding-top:var(--spacing-24)}.pt-28{padding-top:var(--spacing-28)}.pt-3{padding-top:var(--spacing-3)}.pt-3\\.5{padding-top:var(--spacing-3-5)}.pt-32{padding-top:var(--spacing-32)}.pt-36{padding-top:var(--spacing-36)}.pt-4{padding-top:var(--spacing-4)}.pt-40{padding-top:var(--spacing-40)}.pt-44{padding-top:var(--spacing-44)}.pt-48{padding-top:var(--spacing-48)}.pt-5{padding-top:var(--spacing-5)}.pt-52{padding-top:var(--spacing-52)}.pt-56{padding-top:var(--spacing-56)}.pt-6{padding-top:var(--spacing-6)}.pt-60{padding-top:var(--spacing-60)}.pt-64{padding-top:var(--spacing-64)}.pt-7{padding-top:var(--spacing-7)}.pt-72{padding-top:var(--spacing-72)}.pt-8{padding-top:var(--spacing-8)}.pt-80{padding-top:var(--spacing-80)}.pt-9{padding-top:var(--spacing-9)}.pt-96{padding-top:var(--spacing-96)}.pt-px{padding-top:var(--spacing-px)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.font-mono{font-family:TT Norms Pro Mono, monospace}.font-sans{font-family:TT Norms Pro, Montserrat, sans-serif}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-8xl{font-size:var(--font-size-8xl)}.text-9xl{font-size:var(--font-size-9xl)}.text-lg{font-size:var(--font-size-lg)}.text-md{font-size:var(--font-size-md)}.text-sm{font-size:var(--font-size-sm)}.text-xl{font-size:var(--font-size-xl)}.text-xs{font-size:var(--font-size-xs)}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.text-amber-100{color:var(--color-amber-100)}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-400{color:var(--color-amber-400)}.text-amber-50{color:var(--color-amber-50)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-background{color:var(--color-level-00-background)}.text-black{color:var(--color-base-black)}.text-crimson-100{color:var(--color-crimson-100)}.text-crimson-200{color:var(--color-crimson-200)}.text-crimson-300{color:var(--color-crimson-300)}.text-crimson-400{color:var(--color-crimson-400)}.text-crimson-50{color:var(--color-crimson-50)}.text-crimson-500{color:var(--color-crimson-500)}.text-crimson-600{color:var(--color-crimson-600)}.text-crimson-700{color:var(--color-crimson-700)}.text-crimson-800{color:var(--color-crimson-800)}.text-crimson-900{color:var(--color-crimson-900)}.text-gray-00{color:var(--color-gray-00)}.text-gray-100{color:var(--color-gray-100)}.text-gray-150{color:var(--color-gray-150)}.text-gray-200{color:var(--color-gray-200)}.text-gray-25{color:var(--color-gray-25)}.text-gray-250{color:var(--color-gray-250)}.text-gray-300{color:var(--color-gray-300)}.text-gray-350{color:var(--color-gray-350)}.text-gray-400{color:var(--color-gray-400)}.text-gray-450{color:var(--color-gray-450)}.text-gray-50{color:var(--color-gray-50)}.text-gray-500{color:var(--color-gray-500)}.text-gray-550{color:var(--color-gray-550)}.text-gray-600{color:var(--color-gray-600)}.text-gray-650{color:var(--color-gray-650)}.text-gray-700{color:var(--color-gray-700)}.text-gray-750{color:var(--color-gray-750)}.text-gray-800{color:var(--color-gray-800)}.text-gray-850{color:var(--color-gray-850)}.text-gray-900{color:var(--color-gray-900)}.text-green-100{color:var(--color-green-100)}.text-green-200{color:var(--color-green-200)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-50{color:var(--color-green-50)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-lime-100{color:var(--color-lime-100)}.text-lime-200{color:var(--color-lime-200)}.text-lime-300{color:var(--color-lime-300)}.text-lime-400{color:var(--color-lime-400)}.text-lime-50{color:var(--color-lime-50)}.text-lime-500{color:var(--color-lime-500)}.text-lime-600{color:var(--color-lime-600)}.text-lime-700{color:var(--color-lime-700)}.text-lime-800{color:var(--color-lime-800)}.text-lime-900{color:var(--color-lime-900)}.text-orange-100{color:var(--color-orange-100)}.text-orange-200{color:var(--color-orange-200)}.text-orange-300{color:var(--color-orange-300)}.text-orange-400{color:var(--color-orange-400)}.text-orange-50{color:var(--color-orange-50)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-orange-800{color:var(--color-orange-800)}.text-orange-900{color:var(--color-orange-900)}.text-petrol-100{color:var(--color-petrol-100)}.text-petrol-200{color:var(--color-petrol-200)}.text-petrol-300{color:var(--color-petrol-300)}.text-petrol-400{color:var(--color-petrol-400)}.text-petrol-50{color:var(--color-petrol-50)}.text-petrol-500{color:var(--color-petrol-500)}.text-petrol-600{color:var(--color-petrol-600)}.text-petrol-700{color:var(--color-petrol-700)}.text-petrol-800{color:var(--color-petrol-800)}.text-petrol-900{color:var(--color-petrol-900)}.text-red-100{color:var(--color-red-100)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-50{color:var(--color-red-50)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-text{color:var(--color-content-medium-text)}.text-turquoise-100{color:var(--color-turquoise-100)}.text-turquoise-200{color:var(--color-turquoise-200)}.text-turquoise-300{color:var(--color-turquoise-300)}.text-turquoise-400{color:var(--color-turquoise-400)}.text-turquoise-50{color:var(--color-turquoise-50)}.text-turquoise-500{color:var(--color-turquoise-500)}.text-turquoise-600{color:var(--color-turquoise-600)}.text-turquoise-700{color:var(--color-turquoise-700)}.text-turquoise-800{color:var(--color-turquoise-800)}.text-turquoise-900{color:var(--color-turquoise-900)}.text-white{color:var(--color-base-white)}.text-yellow-100{color:var(--color-yellow-100)}.text-yellow-200{color:var(--color-yellow-200)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-50{color:var(--color-yellow-50)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.border-high{border-color:var(--color-content-high-border)}.icon-high{color:var(--color-content-high-icon)}.text-high{color:var(--color-content-high-text)}.icon-inverted-high{color:var(--color-content-inverted-high-icon)}.text-inverted-high{color:var(--color-content-inverted-high-text)}.icon-inverted-low{color:var(--color-content-inverted-low-icon)}.text-inverted-low{color:var(--color-content-inverted-low-text)}.icon-inverted-medium{color:var(--color-content-inverted-medium-icon)}.text-inverted-medium{color:var(--color-content-inverted-medium-text)}.border-low{border-color:var(--color-content-low-border)}.icon-low{color:var(--color-content-low-icon)}.text-low{color:var(--color-content-low-text)}.text-lower{color:var(--color-content-lower-text)}.border-medium{border-color:var(--color-content-medium-border)}.icon-medium{color:var(--color-content-medium-icon)}.text-medium{color:var(--color-content-medium-text)}.bg-dont-use{background-color:var(--color-dont-use-background)}.border-dont-use{border-color:var(--color-dont-use-border)}.bg-feedback-error-high{background-color:var(--color-feedback-error-high-background)}.border-feedback-error-high{border-color:var(--color-feedback-error-high-border)}.bg-feedback-error-high-contrast{background-color:var(--color-feedback-error-high-contrast-background)}.border-feedback-error-high-contrast{border-color:var(--color-feedback-error-high-contrast-border)}.icon-feedback-error-high-contrast{color:var(--color-feedback-error-high-contrast-icon)}.text-feedback-error-high-contrast{color:var(--color-feedback-error-high-contrast-text)}.icon-feedback-error-high{color:var(--color-feedback-error-high-icon)}.text-feedback-error-high{color:var(--color-feedback-error-high-text)}.bg-feedback-error-low{background-color:var(--color-feedback-error-low-background)}.border-feedback-error-low{border-color:var(--color-feedback-error-low-border)}.icon-feedback-error-low{color:var(--color-feedback-error-low-icon)}.text-feedback-error-low{color:var(--color-feedback-error-low-text)}.bg-feedback-information-high{background-color:var(--color-feedback-information-high-background)}.border-feedback-information-high{border-color:var(--color-feedback-information-high-border)}.bg-feedback-information-high-contrast{background-color:var(--color-feedback-information-high-contrast-background)}.border-feedback-information-high-contrast{border-color:var(--color-feedback-information-high-contrast-border)}.icon-feedback-information-high-contrast{color:var(--color-feedback-information-high-contrast-icon)}.text-feedback-information-high-contrast{color:var(--color-feedback-information-high-contrast-text)}.icon-feedback-information-high{color:var(--color-feedback-information-high-icon)}.text-feedback-information-high{color:var(--color-feedback-information-high-text)}.bg-feedback-information-low{background-color:var(--color-feedback-information-low-background)}.border-feedback-information-low{border-color:var(--color-feedback-information-low-border)}.icon-feedback-information-low{color:var(--color-feedback-information-low-icon)}.text-feedback-information-low{color:var(--color-feedback-information-low-text)}.bg-feedback-neutral-high{background-color:var(--color-feedback-neutral-high-background)}.border-feedback-neutral-high{border-color:var(--color-feedback-neutral-high-border)}.bg-feedback-neutral-high-contrast{background-color:var(--color-feedback-neutral-high-contrast-background)}.border-feedback-neutral-high-contrast{border-color:var(--color-feedback-neutral-high-contrast-border)}.icon-feedback-neutral-high-contrast{color:var(--color-feedback-neutral-high-contrast-icon)}.text-feedback-neutral-high-contrast{color:var(--color-feedback-neutral-high-contrast-text)}.icon-feedback-neutral-high{color:var(--color-feedback-neutral-high-icon)}.text-feedback-neutral-high{color:var(--color-feedback-neutral-high-text)}.bg-feedback-neutral-low{background-color:var(--color-feedback-neutral-low-background)}.border-feedback-neutral-low{border-color:var(--color-feedback-neutral-low-border)}.icon-feedback-neutral-low{color:var(--color-feedback-neutral-low-icon)}.text-feedback-neutral-low{color:var(--color-feedback-neutral-low-text)}.bg-feedback-success-high{background-color:var(--color-feedback-success-high-background)}.border-feedback-success-high{border-color:var(--color-feedback-success-high-border)}.bg-feedback-success-high-contrast{background-color:var(--color-feedback-success-high-contrast-background)}.border-feedback-success-high-contrast{border-color:var(--color-feedback-success-high-contrast-border)}.icon-feedback-success-high-contrast{color:var(--color-feedback-success-high-contrast-icon)}.text-feedback-success-high-contrast{color:var(--color-feedback-success-high-contrast-text)}.icon-feedback-success-high{color:var(--color-feedback-success-high-icon)}.text-feedback-success-high{color:var(--color-feedback-success-high-text)}.bg-feedback-success-low{background-color:var(--color-feedback-success-low-background)}.border-feedback-success-low{border-color:var(--color-feedback-success-low-border)}.icon-feedback-success-low{color:var(--color-feedback-success-low-icon)}.text-feedback-success-low{color:var(--color-feedback-success-low-text)}.bg-feedback-warning-high{background-color:var(--color-feedback-warning-high-background)}.border-feedback-warning-high{border-color:var(--color-feedback-warning-high-border)}.bg-feedback-warning-high-contrast{background-color:var(--color-feedback-warning-high-contrast-background)}.border-feedback-warning-high-contrast{border-color:var(--color-feedback-warning-high-contrast-border)}.icon-feedback-warning-high-contrast{color:var(--color-feedback-warning-high-contrast-icon)}.text-feedback-warning-high-contrast{color:var(--color-feedback-warning-high-contrast-text)}.icon-feedback-warning-high{color:var(--color-feedback-warning-high-icon)}.text-feedback-warning-high{color:var(--color-feedback-warning-high-text)}.bg-feedback-warning-low{background-color:var(--color-feedback-warning-low-background)}.border-feedback-warning-low{border-color:var(--color-feedback-warning-low-border)}.icon-feedback-warning-low{color:var(--color-feedback-warning-low-icon)}.text-feedback-warning-low{color:var(--color-feedback-warning-low-text)}.bg-focus{background-color:var(--color-focus-background)}.bg-focus-inverted{background-color:var(--color-focus-background-inverted)}.bg-interaction-container-branded-high{background-color:var(--color-interaction-container-branded-high-background)}.bg-interaction-container-branded-high-active{background-color:var(--color-interaction-container-branded-high-background-active)}.bg-interaction-container-branded-high-hover{background-color:var(--color-interaction-container-branded-high-background-hover)}.border-interaction-container-branded-high{border-color:var(--color-interaction-container-branded-high-border)}.border-interaction-container-branded-high-active{border-color:var(--color-interaction-container-branded-high-border-active)}.border-interaction-container-branded-high-hover{border-color:var(--color-interaction-container-branded-high-border-hover)}.icon-interaction-container-branded-high{color:var(--color-interaction-container-branded-high-icon)}.icon-interaction-container-branded-high-active{color:var(--color-interaction-container-branded-high-icon-active)}.icon-interaction-container-branded-high-hover{color:var(--color-interaction-container-branded-high-icon-hover)}.text-interaction-container-branded-high{color:var(--color-interaction-container-branded-high-text)}.text-interaction-container-branded-high-active{color:var(--color-interaction-container-branded-high-text-active)}.text-interaction-container-branded-high-hover{color:var(--color-interaction-container-branded-high-text-hover)}.bg-interaction-container-branded-low{background-color:var(--color-interaction-container-branded-low-background)}.bg-interaction-container-branded-low-active{background-color:var(--color-interaction-container-branded-low-background-active)}.bg-interaction-container-branded-low-hover{background-color:var(--color-interaction-container-branded-low-background-hover)}.border-interaction-container-branded-low{border-color:var(--color-interaction-container-branded-low-border)}.border-interaction-container-branded-low-active{border-color:var(--color-interaction-container-branded-low-border-active)}.border-interaction-container-branded-low-hover{border-color:var(--color-interaction-container-branded-low-border-hover)}.icon-interaction-container-branded-low{color:var(--color-interaction-container-branded-low-icon)}.icon-interaction-container-branded-low-active{color:var(--color-interaction-container-branded-low-icon-active)}.icon-interaction-container-branded-low-hover{color:var(--color-interaction-container-branded-low-icon-hover)}.text-interaction-container-branded-low{color:var(--color-interaction-container-branded-low-text)}.text-interaction-container-branded-low-active{color:var(--color-interaction-container-branded-low-text-active)}.text-interaction-container-branded-low-hover{color:var(--color-interaction-container-branded-low-text-hover)}.bg-interaction-container-neutral{background-color:var(--color-interaction-container-neutral-background)}.bg-interaction-container-neutral-active{background-color:var(--color-interaction-container-neutral-background-active)}.bg-interaction-container-neutral-hover{background-color:var(--color-interaction-container-neutral-background-hover)}.border-interaction-container-neutral{border-color:var(--color-interaction-container-neutral-border)}.border-interaction-container-neutral-active{border-color:var(--color-interaction-container-neutral-border-active)}.border-interaction-container-neutral-hover{border-color:var(--color-interaction-container-neutral-border-hover)}.icon-interaction-container-neutral{color:var(--color-interaction-container-neutral-icon)}.icon-interaction-container-neutral-active{color:var(--color-interaction-container-neutral-icon-active)}.icon-interaction-container-neutral-hover{color:var(--color-interaction-container-neutral-icon-hover)}.text-interaction-container-neutral{color:var(--color-interaction-container-neutral-text)}.text-interaction-container-neutral-active{color:var(--color-interaction-container-neutral-text-active)}.text-interaction-container-neutral-hover{color:var(--color-interaction-container-neutral-text-hover)}.icon-interaction-link-high{color:var(--color-interaction-link-high-icon)}.icon-interaction-link-high-hover{color:var(--color-interaction-link-high-icon-hover)}.icon-interaction-link-high-inactive{color:var(--color-interaction-link-high-icon-inactive)}.icon-interaction-link-high-visited{color:var(--color-interaction-link-high-icon-visited)}.text-interaction-link-high{color:var(--color-interaction-link-high-text)}.text-interaction-link-high-disabled{color:var(--color-interaction-link-high-text-disabled)}.text-interaction-link-high-hover{color:var(--color-interaction-link-high-text-hover)}.text-interaction-link-high-visited{color:var(--color-interaction-link-high-text-visited)}.icon-interaction-link-inverted{color:var(--color-interaction-link-inverted-icon)}.icon-interaction-link-inverted-disabled{color:var(--color-interaction-link-inverted-icon-disabled)}.icon-interaction-link-inverted-hover{color:var(--color-interaction-link-inverted-icon-hover)}.icon-interaction-link-inverted-visited{color:var(--color-interaction-link-inverted-icon-visited)}.text-interaction-link-inverted{color:var(--color-interaction-link-inverted-text)}.text-interaction-link-inverted-hover{color:var(--color-interaction-link-inverted-text-hover)}.text-interaction-link-inverted-inactive{color:var(--color-interaction-link-inverted-text-inactive)}.text-interaction-link-inverted-visited{color:var(--color-interaction-link-inverted-text-visited)}.icon-interaction-link-low{color:var(--color-interaction-link-low-icon)}.icon-interaction-link-low-disabled{color:var(--color-interaction-link-low-icon-disabled)}.icon-interaction-link-low-hover{color:var(--color-interaction-link-low-icon-hover)}.icon-interaction-link-low-visited{color:var(--color-interaction-link-low-icon-visited)}.text-interaction-link-low{color:var(--color-interaction-link-low-text)}.text-interaction-link-low-disabled{color:var(--color-interaction-link-low-text-disabled)}.text-interaction-link-low-hover{color:var(--color-interaction-link-low-text-hover)}.text-interaction-link-low-visited{color:var(--color-interaction-link-low-text-visited)}.bg-level-00{background-color:var(--color-level-00-background)}.bg-level-05{background-color:var(--color-level-05-background)}.bg-level-10{background-color:var(--color-level-10-background)}.bg-level-15{background-color:var(--color-level-15-background)}.bg-level-20{background-color:var(--color-level-20-background)}.bg-level-30{background-color:var(--color-level-30-background)}.bg-level-40{background-color:var(--color-level-40-background)}.bg-level-inverted-00{background-color:var(--color-level-inverted-00-background)}.bg-level-inverted-05{background-color:var(--color-level-inverted-05-background)}.bg-level-inverted-10{background-color:var(--color-level-inverted-10-background)}.bg-level-inverted-15{background-color:var(--color-level-inverted-15-background)}.bg-level-inverted-20{background-color:var(--color-level-inverted-20-background)}.bg-level-inverted-30{background-color:var(--color-level-inverted-30-background)}.bg-level-inverted-40{background-color:var(--color-level-inverted-40-background)}.bg-rainbow-1{background-color:var(--color-rainbow-1-background)}.border-rainbow-1{border-color:var(--color-rainbow-1-border)}.icon-rainbow-1{color:var(--color-rainbow-1-icon)}.text-rainbow-1{color:var(--color-rainbow-1-text)}.bg-rainbow-10{background-color:var(--color-rainbow-10-background)}.border-rainbow-10{border-color:var(--color-rainbow-10-border)}.icon-rainbow-10{color:var(--color-rainbow-10-icon)}.text-rainbow-10{color:var(--color-rainbow-10-text)}.bg-rainbow-2{background-color:var(--color-rainbow-2-background)}.border-rainbow-2{border-color:var(--color-rainbow-2-border)}.icon-rainbow-2{color:var(--color-rainbow-2-icon)}.text-rainbow-2{color:var(--color-rainbow-2-text)}.bg-rainbow-3{background-color:var(--color-rainbow-3-background)}.border-rainbow-3{border-color:var(--color-rainbow-3-border)}.icon-rainbow-3{color:var(--color-rainbow-3-icon)}.text-rainbow-3{color:var(--color-rainbow-3-text)}.bg-rainbow-4{background-color:var(--color-rainbow-4-background)}.border-rainbow-4{border-color:var(--color-rainbow-4-border)}.icon-rainbow-4{color:var(--color-rainbow-4-icon)}.text-rainbow-4{color:var(--color-rainbow-4-text)}.bg-rainbow-5{background-color:var(--color-rainbow-5-background)}.border-rainbow-5{border-color:var(--color-rainbow-5-border)}.icon-rainbow-5{color:var(--color-rainbow-5-icon)}.text-rainbow-5{color:var(--color-rainbow-5-text)}.bg-rainbow-6{background-color:var(--color-rainbow-6-background)}.border-rainbow-6{border-color:var(--color-rainbow-6-border)}.icon-rainbow-6{color:var(--color-rainbow-6-icon)}.text-rainbow-6{color:var(--color-rainbow-6-text)}.bg-rainbow-7{background-color:var(--color-rainbow-7-background)}.border-rainbow-7{border-color:var(--color-rainbow-7-border)}.icon-rainbow-7{color:var(--color-rainbow-7-icon)}.text-rainbow-7{color:var(--color-rainbow-7-text)}.bg-rainbow-8{background-color:var(--color-rainbow-8-background)}.border-rainbow-8{border-color:var(--color-rainbow-8-border)}.icon-rainbow-8{color:var(--color-rainbow-8-icon)}.text-rainbow-8{color:var(--color-rainbow-8-text)}.bg-rainbow-9{background-color:var(--color-rainbow-9-background)}.border-rainbow-9{border-color:var(--color-rainbow-9-border)}.icon-rainbow-9{color:var(--color-rainbow-9-icon)}.text-rainbow-9{color:var(--color-rainbow-9-text)}.w-inherit{width:inherit}.w-initial{width:initial}.w-max-content{width:-moz-max-content;width:max-content}.w-min-content{width:-moz-min-content;width:min-content}.w-revert{width:revert}.w-unset{width:unset}.nv-fieldtext{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}.nv-fieldtext.fluid{max-width:unset}.nv-fieldtext.readonly{--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}.nv-fieldtext.error{--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}.nv-fieldtext.success{--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}.nv-fieldtext.required label::after{content:'*';color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}.nv-fieldtext>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}.nv-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}.nv-fieldtext>.input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}.nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}.nv-fieldtext>.input-wrapper .input-container:focus-within,.nv-fieldtext>.input-wrapper .input-container:focus-within:hover,.nv-fieldtext>.input-wrapper .input-container:focus,.nv-fieldtext>.input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}.nv-fieldtext>.input-wrapper .input-container:has(input:-moz-read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}.nv-fieldtext>.input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}.nv-fieldtext>.input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}.nv-fieldtext>.input-wrapper .input-container>.leading-input{display:block;margin-left:var(--form-field-padding-x)}.nv-fieldtext>.input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}.nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}.nv-fieldtext>.input-wrapper .input-container input::-moz-placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}.nv-fieldtext>.input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}.nv-fieldtext>.input-wrapper .input-container input[type=password]::-ms-clear,.nv-fieldtext>.input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}.nv-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}.nv-fieldtext>.input-wrapper .input-container>.trailing-input{display:block;margin-right:var(--form-field-padding-x)}.nv-fieldtext>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}.nv-fieldtext>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);color:var(--components-form-text-description-error);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}.nv-button{text-decoration:none;display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;transition:background-color 150ms ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;height:-moz-fit-content;height:fit-content;height:var(--button-md-height);width:-moz-fit-content;width:fit-content;padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size);background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}.nv-button nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}.nv-button:hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}.nv-button:active{background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}.nv-button:focus,.nv-button:focus-within{outline:none}.nv-button:focus-visible,.nv-button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}.nv-button:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}.nv-button.active{background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}.nv-button.danger{background:var(--components-button-destructive-high-background);border:1px solid transparent;color:var(--components-button-destructive-high-text)}.nv-button.danger:hover{background:var(--components-button-destructive-high-background-hover);border:1px solid transparent;color:var(--components-button-destructive-high-text-hover)}.nv-button.danger:focus,.nv-button.danger:focus-within{outline:none}.nv-button.danger:focus-visible,.nv-button.danger:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}.nv-button.size-xs{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);height:var(--button-xs-height);font-size:var(--button-xs-font-size)}.nv-button.size-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}.nv-button.size-sm{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);height:var(--button-sm-height);font-size:var(--button-sm-font-size)}.nv-button.size-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}.nv-button.size-md{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);height:var(--button-md-height);font-size:var(--button-md-font-size)}.nv-button.size-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}.nv-button.size-lg{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);height:var(--button-lg-height);font-size:var(--button-lg-font-size)}.nv-button.size-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}.nv-button.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}.nv-button.emphasis-high:hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}.nv-button.emphasis-high:active{background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}.nv-button.emphasis-high:focus,.nv-button.emphasis-high:focus-within{outline:none}.nv-button.emphasis-high:focus-visible,.nv-button.emphasis-high:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}.nv-button.emphasis-high:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}.nv-button.emphasis-high.active{background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}.nv-button.emphasis-high.danger{background:var(--components-button-destructive-high-background);border:1px solid transparent;color:var(--components-button-destructive-high-text)}.nv-button.emphasis-high.danger:hover{background:var(--components-button-destructive-high-background-hover);border:1px solid transparent;color:var(--components-button-destructive-high-text-hover)}.nv-button.emphasis-high.danger:focus,.nv-button.emphasis-high.danger:focus-within{outline:none}.nv-button.emphasis-high.danger:focus-visible,.nv-button.emphasis-high.danger:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}.nv-button.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}.nv-button.emphasis-medium:hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}.nv-button.emphasis-medium:active{background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}.nv-button.emphasis-medium:focus,.nv-button.emphasis-medium:focus-within{outline:none}.nv-button.emphasis-medium:focus-visible,.nv-button.emphasis-medium:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}.nv-button.emphasis-medium:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}.nv-button.emphasis-medium.active{background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}.nv-button.emphasis-medium.danger{background:var(--components-button-destructive-medium-background);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text)}.nv-button.emphasis-medium.danger:hover{background:var(--components-button-destructive-medium-background-hover);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text-hover)}.nv-button.emphasis-medium.danger:focus,.nv-button.emphasis-medium.danger:focus-within{outline:none}.nv-button.emphasis-medium.danger:focus-visible,.nv-button.emphasis-medium.danger:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}.nv-button.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}.nv-button.emphasis-low:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}.nv-button.emphasis-low:active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}.nv-button.emphasis-low:focus,.nv-button.emphasis-low:focus-within{outline:none}.nv-button.emphasis-low:focus-visible,.nv-button.emphasis-low:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}.nv-button.emphasis-low:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}.nv-button.emphasis-low.active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}.nv-button.emphasis-low.danger{background:var(--components-button-destructive-low-background);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text)}.nv-button.emphasis-low.danger:hover{background:var(--components-button-destructive-low-background-hover);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text-hover)}.nv-button.emphasis-low.danger:focus,.nv-button.emphasis-low.danger:focus-within{outline:none}.nv-button.emphasis-low.danger:focus-visible,.nv-button.emphasis-low.danger:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}.nv-button.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}.nv-button.emphasis-lower:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}.nv-button.emphasis-lower:active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}.nv-button.emphasis-lower:focus,.nv-button.emphasis-lower:focus-within{outline:none}.nv-button.emphasis-lower:focus-visible,.nv-button.emphasis-lower:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}.nv-button.emphasis-lower:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}.nv-button.emphasis-lower.active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}.nv-button.emphasis-lower.danger{background:var(--components-button-destructive-lower-background);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text)}.nv-button.emphasis-lower.danger:hover{background:var(--components-button-destructive-lower-background-hover);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text-hover)}.nv-button.emphasis-lower.danger:focus,.nv-button.emphasis-lower.danger:focus-within{outline:none}.nv-button.emphasis-lower.danger:focus-visible,.nv-button.emphasis-lower.danger:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}.nv-button.fluid{width:100%}.nv-link,.nv-link-low,.nv-link-high{color:var(--color-interaction-link-high-text);font-weight:var(--font-weight-medium-emphasis);text-decoration:none}.nv-link:hover,.nv-link-low:hover,.nv-link-high:hover{color:var(--color-interaction-link-high-text-hover)}.nv-link-low{color:var(--color-interaction-link-low-text);text-decoration:underline}.nv-link-low:hover{color:var(--color-interaction-link-low-text-hover)}.nv-link-low:visited{color:var(--color-interaction-link-low-text-visited)}.nv-link-low.disabled{color:var(--color-interaction-link-high-text-disabled);text-decoration:none}.nv-link-high{color:var(--color-interaction-link-high-text);text-decoration:underline}.nv-link-high:hover{color:var(--color-interaction-link-high-text-hover)}.nv-link-high:visited{color:var(--color-interaction-link-high-text-visited)}.nv-link-high.disabled{color:var(--color-interaction-link-high-text-disabled);text-decoration:none}.nv-sidenav .nv-link,.nv-navbar .nv-link,.nv-tabs .nv-link,.nv-buttongroup .nv-link{display:flex;align-items:center;color:var(--color-interaction-container-neutral-text);background-color:var(--color-interaction-container-neutral-background);text-decoration:none;font-weight:var(--font-weight-medium-emphasis);padding:var(--spacing-2) var(--spacing-3);-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2)}.nv-tabs{display:flex;flex:1 1 0%;align-items:center;border-bottom:1px solid var(--color-content-low-border);-moz-column-gap:var(--spacing-0-5);column-gap:var(--spacing-0-5)}.nv-tabs .nv-link{border-style:solid;border-color:transparent;border-width:0 0 2px 0}.nv-tabs .nv-link:hover{color:var(--color-interaction-container-branded-low-text-hover);border-color:transparent;background-color:transparent}.nv-tabs .nv-link.active{color:var(--color-interaction-container-branded-low-text-active);border-color:var(--color-interaction-container-branded-low-border-active);background-color:transparent}.nv-navbar .nv-link,.nv-sidenav .nv-link,.nv-buttongroup .nv-link{border:solid 0 transparent;border-radius:var(--radius-rounded-md)}.nv-navbar .nv-link:hover,.nv-sidenav .nv-link:hover,.nv-buttongroup .nv-link:hover{color:var(--color-interaction-container-neutral-text-hover);border-color:var(--color-interaction-container-neutral-border-hover);background-color:var(--color-interaction-container-neutral-background-hover)}.nv-navbar .nv-link.active,.nv-navbar .nv-link.router-link-active,.nv-sidenav .nv-link.active,.nv-sidenav .nv-link.router-link-active,.nv-buttongroup .nv-link.active,.nv-buttongroup .nv-link.router-link-active{color:var(--color-interaction-container-neutral-text-active);border-color:var(--color-interaction-container-neutral-text-active);background-color:var(--color-interaction-container-neutral-background-active)}.nv-buttongroup{display:inline-flex;border-radius:var(--radius-rounded-md);border:1px solid var(--color-content-medium-border);overflow:hidden}.nv-buttongroup .nv-link{border-color:var(--color-content-medium-border);border-width:0 1px 0 0;border-style:solid;border-radius:0}.nv-buttongroup .nv-link:hover{border-color:var(--color-content-medium-border)}.nv-buttongroup .nv-link.active,.nv-buttongroup .nv-link.router-link-active{border-color:var(--color-content-medium-border)}.nv-buttongroup li:last-child .nv-link{border-right-width:0}.nv-pagination-nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}.nv-pagination-nav-link{min-width:var(--spacing-8)}.hover\\:bg-interaction-container-branded-high-hover:hover{background-color:var(--color-interaction-container-branded-high-background-hover)}.hover\\:border-interaction-container-branded-high-hover:hover{border-color:var(--color-interaction-container-branded-high-border-hover)}.hover\\:icon-interaction-container-branded-high-hover:hover{color:var(--color-interaction-container-branded-high-icon-hover)}.hover\\:text-interaction-container-branded-high-hover:hover{color:var(--color-interaction-container-branded-high-text-hover)}.hover\\:bg-interaction-container-branded-low-hover:hover{background-color:var(--color-interaction-container-branded-low-background-hover)}.hover\\:border-interaction-container-branded-low-hover:hover{border-color:var(--color-interaction-container-branded-low-border-hover)}.hover\\:icon-interaction-container-branded-low-hover:hover{color:var(--color-interaction-container-branded-low-icon-hover)}.hover\\:text-interaction-container-branded-low-hover:hover{color:var(--color-interaction-container-branded-low-text-hover)}.hover\\:bg-interaction-container-neutral-hover:hover{background-color:var(--color-interaction-container-neutral-background-hover)}.hover\\:border-interaction-container-neutral-hover:hover{border-color:var(--color-interaction-container-neutral-border-hover)}.hover\\:icon-interaction-container-neutral-hover:hover{color:var(--color-interaction-container-neutral-icon-hover)}.hover\\:text-interaction-container-neutral-hover:hover{color:var(--color-interaction-container-neutral-text-hover)}.hover\\:icon-interaction-link-high-hover:hover{color:var(--color-interaction-link-high-icon-hover)}.hover\\:text-interaction-link-high-hover:hover{color:var(--color-interaction-link-high-text-hover)}.hover\\:icon-interaction-link-inverted-hover:hover{color:var(--color-interaction-link-inverted-icon-hover)}.hover\\:text-interaction-link-inverted-hover:hover{color:var(--color-interaction-link-inverted-text-hover)}.hover\\:icon-interaction-link-low-hover:hover{color:var(--color-interaction-link-low-icon-hover)}.hover\\:text-interaction-link-low-hover:hover{color:var(--color-interaction-link-low-text-hover)}@media (min-width: 640px){.sm\\:static{position:static}.sm\\:fixed{position:fixed}.sm\\:absolute{position:absolute}.sm\\:relative{position:relative}.sm\\:sticky{position:sticky}.sm\\:bottom-0{bottom:var(--spacing-0)}.sm\\:bottom-auto{bottom:auto}.sm\\:bottom-full{bottom:100%}.sm\\:left-0{left:var(--spacing-0)}.sm\\:left-auto{left:auto}.sm\\:left-full{left:100%}.sm\\:right-0{right:var(--spacing-0)}.sm\\:right-auto{right:auto}.sm\\:right-full{right:100%}.sm\\:top-0{top:var(--spacing-0)}.sm\\:top-auto{top:auto}.sm\\:top-full{top:100%}.sm\\:order-1{order:1}.sm\\:order-10{order:10}.sm\\:order-11{order:11}.sm\\:order-12{order:12}.sm\\:order-2{order:2}.sm\\:order-3{order:3}.sm\\:order-4{order:4}.sm\\:order-5{order:5}.sm\\:order-6{order:6}.sm\\:order-7{order:7}.sm\\:order-8{order:8}.sm\\:order-9{order:9}.sm\\:order-first{order:-9999}.sm\\:order-last{order:9999}.sm\\:order-none{order:0}.sm\\:col-span-1{grid-column:span 1 / span 1}.sm\\:col-span-10{grid-column:span 10 / span 10}.sm\\:col-span-11{grid-column:span 11 / span 11}.sm\\:col-span-12{grid-column:span 12 / span 12}.sm\\:col-span-2{grid-column:span 2 / span 2}.sm\\:col-span-3{grid-column:span 3 / span 3}.sm\\:col-span-4{grid-column:span 4 / span 4}.sm\\:col-span-5{grid-column:span 5 / span 5}.sm\\:col-span-6{grid-column:span 6 / span 6}.sm\\:col-span-7{grid-column:span 7 / span 7}.sm\\:col-span-8{grid-column:span 8 / span 8}.sm\\:col-span-9{grid-column:span 9 / span 9}.sm\\:col-span-full{grid-column:1 / -1}.sm\\:col-start-1{grid-column-start:1}.sm\\:col-start-10{grid-column-start:10}.sm\\:col-start-11{grid-column-start:11}.sm\\:col-start-12{grid-column-start:12}.sm\\:col-start-13{grid-column-start:13}.sm\\:col-start-2{grid-column-start:2}.sm\\:col-start-3{grid-column-start:3}.sm\\:col-start-4{grid-column-start:4}.sm\\:col-start-5{grid-column-start:5}.sm\\:col-start-6{grid-column-start:6}.sm\\:col-start-7{grid-column-start:7}.sm\\:col-start-8{grid-column-start:8}.sm\\:col-start-9{grid-column-start:9}.sm\\:col-start-auto{grid-column-start:auto}.sm\\:col-end-1{grid-column-end:1}.sm\\:col-end-10{grid-column-end:10}.sm\\:col-end-11{grid-column-end:11}.sm\\:col-end-12{grid-column-end:12}.sm\\:col-end-13{grid-column-end:13}.sm\\:col-end-2{grid-column-end:2}.sm\\:col-end-3{grid-column-end:3}.sm\\:col-end-4{grid-column-end:4}.sm\\:col-end-5{grid-column-end:5}.sm\\:col-end-6{grid-column-end:6}.sm\\:col-end-7{grid-column-end:7}.sm\\:col-end-8{grid-column-end:8}.sm\\:col-end-9{grid-column-end:9}.sm\\:col-end-auto{grid-column-end:auto}.sm\\:row-span-1{grid-row:span 1 / span 1}.sm\\:row-span-10{grid-row:span 10 / span 10}.sm\\:row-span-11{grid-row:span 11 / span 11}.sm\\:row-span-12{grid-row:span 12 / span 12}.sm\\:row-span-2{grid-row:span 2 / span 2}.sm\\:row-span-3{grid-row:span 3 / span 3}.sm\\:row-span-4{grid-row:span 4 / span 4}.sm\\:row-span-5{grid-row:span 5 / span 5}.sm\\:row-span-6{grid-row:span 6 / span 6}.sm\\:row-span-7{grid-row:span 7 / span 7}.sm\\:row-span-8{grid-row:span 8 / span 8}.sm\\:row-span-9{grid-row:span 9 / span 9}.sm\\:row-span-full{grid-row:1 / -1}.sm\\:row-start-1{grid-row-start:1}.sm\\:row-start-10{grid-row-start:10}.sm\\:row-start-11{grid-row-start:11}.sm\\:row-start-12{grid-row-start:12}.sm\\:row-start-13{grid-row-start:13}.sm\\:row-start-2{grid-row-start:2}.sm\\:row-start-3{grid-row-start:3}.sm\\:row-start-4{grid-row-start:4}.sm\\:row-start-5{grid-row-start:5}.sm\\:row-start-6{grid-row-start:6}.sm\\:row-start-7{grid-row-start:7}.sm\\:row-start-8{grid-row-start:8}.sm\\:row-start-9{grid-row-start:9}.sm\\:row-start-auto{grid-row-start:auto}.sm\\:row-end-1{grid-row-end:1}.sm\\:row-end-10{grid-row-end:10}.sm\\:row-end-11{grid-row-end:11}.sm\\:row-end-12{grid-row-end:12}.sm\\:row-end-13{grid-row-end:13}.sm\\:row-end-2{grid-row-end:2}.sm\\:row-end-3{grid-row-end:3}.sm\\:row-end-4{grid-row-end:4}.sm\\:row-end-5{grid-row-end:5}.sm\\:row-end-6{grid-row-end:6}.sm\\:row-end-7{grid-row-end:7}.sm\\:row-end-8{grid-row-end:8}.sm\\:row-end-9{grid-row-end:9}.sm\\:row-end-auto{grid-row-end:auto}.sm\\:m-0{margin:var(--spacing-0)}.sm\\:m-0\\.5{margin:var(--spacing-0-5)}.sm\\:m-1{margin:var(--spacing-1)}.sm\\:m-1\\.5{margin:var(--spacing-1-5)}.sm\\:m-10{margin:var(--spacing-10)}.sm\\:m-11{margin:var(--spacing-11)}.sm\\:m-12{margin:var(--spacing-12)}.sm\\:m-14{margin:var(--spacing-14)}.sm\\:m-16{margin:var(--spacing-16)}.sm\\:m-2{margin:var(--spacing-2)}.sm\\:m-2\\.5{margin:var(--spacing-2-5)}.sm\\:m-20{margin:var(--spacing-20)}.sm\\:m-24{margin:var(--spacing-24)}.sm\\:m-28{margin:var(--spacing-28)}.sm\\:m-3{margin:var(--spacing-3)}.sm\\:m-3\\.5{margin:var(--spacing-3-5)}.sm\\:m-32{margin:var(--spacing-32)}.sm\\:m-36{margin:var(--spacing-36)}.sm\\:m-4{margin:var(--spacing-4)}.sm\\:m-40{margin:var(--spacing-40)}.sm\\:m-44{margin:var(--spacing-44)}.sm\\:m-48{margin:var(--spacing-48)}.sm\\:m-5{margin:var(--spacing-5)}.sm\\:m-52{margin:var(--spacing-52)}.sm\\:m-56{margin:var(--spacing-56)}.sm\\:m-6{margin:var(--spacing-6)}.sm\\:m-60{margin:var(--spacing-60)}.sm\\:m-64{margin:var(--spacing-64)}.sm\\:m-7{margin:var(--spacing-7)}.sm\\:m-72{margin:var(--spacing-72)}.sm\\:m-8{margin:var(--spacing-8)}.sm\\:m-80{margin:var(--spacing-80)}.sm\\:m-9{margin:var(--spacing-9)}.sm\\:m-96{margin:var(--spacing-96)}.sm\\:m-auto{margin:auto}.sm\\:m-px{margin:var(--spacing-px)}.sm\\:mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.sm\\:mx-0\\.5{margin-left:var(--spacing-0-5);margin-right:var(--spacing-0-5)}.sm\\:mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.sm\\:mx-1\\.5{margin-left:var(--spacing-1-5);margin-right:var(--spacing-1-5)}.sm\\:mx-10{margin-left:var(--spacing-10);margin-right:var(--spacing-10)}.sm\\:mx-11{margin-left:var(--spacing-11);margin-right:var(--spacing-11)}.sm\\:mx-12{margin-left:var(--spacing-12);margin-right:var(--spacing-12)}.sm\\:mx-14{margin-left:var(--spacing-14);margin-right:var(--spacing-14)}.sm\\:mx-16{margin-left:var(--spacing-16);margin-right:var(--spacing-16)}.sm\\:mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.sm\\:mx-2\\.5{margin-left:var(--spacing-2-5);margin-right:var(--spacing-2-5)}.sm\\:mx-20{margin-left:var(--spacing-20);margin-right:var(--spacing-20)}.sm\\:mx-24{margin-left:var(--spacing-24);margin-right:var(--spacing-24)}.sm\\:mx-28{margin-left:var(--spacing-28);margin-right:var(--spacing-28)}.sm\\:mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.sm\\:mx-3\\.5{margin-left:var(--spacing-3-5);margin-right:var(--spacing-3-5)}.sm\\:mx-32{margin-left:var(--spacing-32);margin-right:var(--spacing-32)}.sm\\:mx-36{margin-left:var(--spacing-36);margin-right:var(--spacing-36)}.sm\\:mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.sm\\:mx-40{margin-left:var(--spacing-40);margin-right:var(--spacing-40)}.sm\\:mx-44{margin-left:var(--spacing-44);margin-right:var(--spacing-44)}.sm\\:mx-48{margin-left:var(--spacing-48);margin-right:var(--spacing-48)}.sm\\:mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.sm\\:mx-52{margin-left:var(--spacing-52);margin-right:var(--spacing-52)}.sm\\:mx-56{margin-left:var(--spacing-56);margin-right:var(--spacing-56)}.sm\\:mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.sm\\:mx-60{margin-left:var(--spacing-60);margin-right:var(--spacing-60)}.sm\\:mx-64{margin-left:var(--spacing-64);margin-right:var(--spacing-64)}.sm\\:mx-7{margin-left:var(--spacing-7);margin-right:var(--spacing-7)}.sm\\:mx-72{margin-left:var(--spacing-72);margin-right:var(--spacing-72)}.sm\\:mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.sm\\:mx-80{margin-left:var(--spacing-80);margin-right:var(--spacing-80)}.sm\\:mx-9{margin-left:var(--spacing-9);margin-right:var(--spacing-9)}.sm\\:mx-96{margin-left:var(--spacing-96);margin-right:var(--spacing-96)}.sm\\:mx-auto{margin-left:auto;margin-right:auto}.sm\\:mx-px{margin-left:var(--spacing-px);margin-right:var(--spacing-px)}.sm\\:my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.sm\\:my-0\\.5{margin-top:var(--spacing-0-5);margin-bottom:var(--spacing-0-5)}.sm\\:my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.sm\\:my-1\\.5{margin-top:var(--spacing-1-5);margin-bottom:var(--spacing-1-5)}.sm\\:my-10{margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.sm\\:my-11{margin-top:var(--spacing-11);margin-bottom:var(--spacing-11)}.sm\\:my-12{margin-top:var(--spacing-12);margin-bottom:var(--spacing-12)}.sm\\:my-14{margin-top:var(--spacing-14);margin-bottom:var(--spacing-14)}.sm\\:my-16{margin-top:var(--spacing-16);margin-bottom:var(--spacing-16)}.sm\\:my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.sm\\:my-2\\.5{margin-top:var(--spacing-2-5);margin-bottom:var(--spacing-2-5)}.sm\\:my-20{margin-top:var(--spacing-20);margin-bottom:var(--spacing-20)}.sm\\:my-24{margin-top:var(--spacing-24);margin-bottom:var(--spacing-24)}.sm\\:my-28{margin-top:var(--spacing-28);margin-bottom:var(--spacing-28)}.sm\\:my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.sm\\:my-3\\.5{margin-top:var(--spacing-3-5);margin-bottom:var(--spacing-3-5)}.sm\\:my-32{margin-top:var(--spacing-32);margin-bottom:var(--spacing-32)}.sm\\:my-36{margin-top:var(--spacing-36);margin-bottom:var(--spacing-36)}.sm\\:my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.sm\\:my-40{margin-top:var(--spacing-40);margin-bottom:var(--spacing-40)}.sm\\:my-44{margin-top:var(--spacing-44);margin-bottom:var(--spacing-44)}.sm\\:my-48{margin-top:var(--spacing-48);margin-bottom:var(--spacing-48)}.sm\\:my-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.sm\\:my-52{margin-top:var(--spacing-52);margin-bottom:var(--spacing-52)}.sm\\:my-56{margin-top:var(--spacing-56);margin-bottom:var(--spacing-56)}.sm\\:my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.sm\\:my-60{margin-top:var(--spacing-60);margin-bottom:var(--spacing-60)}.sm\\:my-64{margin-top:var(--spacing-64);margin-bottom:var(--spacing-64)}.sm\\:my-7{margin-top:var(--spacing-7);margin-bottom:var(--spacing-7)}.sm\\:my-72{margin-top:var(--spacing-72);margin-bottom:var(--spacing-72)}.sm\\:my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.sm\\:my-80{margin-top:var(--spacing-80);margin-bottom:var(--spacing-80)}.sm\\:my-9{margin-top:var(--spacing-9);margin-bottom:var(--spacing-9)}.sm\\:my-96{margin-top:var(--spacing-96);margin-bottom:var(--spacing-96)}.sm\\:my-auto{margin-top:auto;margin-bottom:auto}.sm\\:my-px{margin-top:var(--spacing-px);margin-bottom:var(--spacing-px)}.sm\\:mb-0{margin-bottom:var(--spacing-0)}.sm\\:mb-0\\.5{margin-bottom:var(--spacing-0-5)}.sm\\:mb-1{margin-bottom:var(--spacing-1)}.sm\\:mb-1\\.5{margin-bottom:var(--spacing-1-5)}.sm\\:mb-10{margin-bottom:var(--spacing-10)}.sm\\:mb-11{margin-bottom:var(--spacing-11)}.sm\\:mb-12{margin-bottom:var(--spacing-12)}.sm\\:mb-14{margin-bottom:var(--spacing-14)}.sm\\:mb-16{margin-bottom:var(--spacing-16)}.sm\\:mb-2{margin-bottom:var(--spacing-2)}.sm\\:mb-2\\.5{margin-bottom:var(--spacing-2-5)}.sm\\:mb-20{margin-bottom:var(--spacing-20)}.sm\\:mb-24{margin-bottom:var(--spacing-24)}.sm\\:mb-28{margin-bottom:var(--spacing-28)}.sm\\:mb-3{margin-bottom:var(--spacing-3)}.sm\\:mb-3\\.5{margin-bottom:var(--spacing-3-5)}.sm\\:mb-32{margin-bottom:var(--spacing-32)}.sm\\:mb-36{margin-bottom:var(--spacing-36)}.sm\\:mb-4{margin-bottom:var(--spacing-4)}.sm\\:mb-40{margin-bottom:var(--spacing-40)}.sm\\:mb-44{margin-bottom:var(--spacing-44)}.sm\\:mb-48{margin-bottom:var(--spacing-48)}.sm\\:mb-5{margin-bottom:var(--spacing-5)}.sm\\:mb-52{margin-bottom:var(--spacing-52)}.sm\\:mb-56{margin-bottom:var(--spacing-56)}.sm\\:mb-6{margin-bottom:var(--spacing-6)}.sm\\:mb-60{margin-bottom:var(--spacing-60)}.sm\\:mb-64{margin-bottom:var(--spacing-64)}.sm\\:mb-7{margin-bottom:var(--spacing-7)}.sm\\:mb-72{margin-bottom:var(--spacing-72)}.sm\\:mb-8{margin-bottom:var(--spacing-8)}.sm\\:mb-80{margin-bottom:var(--spacing-80)}.sm\\:mb-9{margin-bottom:var(--spacing-9)}.sm\\:mb-96{margin-bottom:var(--spacing-96)}.sm\\:mb-auto{margin-bottom:auto}.sm\\:mb-px{margin-bottom:var(--spacing-px)}.sm\\:ml-0{margin-left:var(--spacing-0)}.sm\\:ml-0\\.5{margin-left:var(--spacing-0-5)}.sm\\:ml-1{margin-left:var(--spacing-1)}.sm\\:ml-1\\.5{margin-left:var(--spacing-1-5)}.sm\\:ml-10{margin-left:var(--spacing-10)}.sm\\:ml-11{margin-left:var(--spacing-11)}.sm\\:ml-12{margin-left:var(--spacing-12)}.sm\\:ml-14{margin-left:var(--spacing-14)}.sm\\:ml-16{margin-left:var(--spacing-16)}.sm\\:ml-2{margin-left:var(--spacing-2)}.sm\\:ml-2\\.5{margin-left:var(--spacing-2-5)}.sm\\:ml-20{margin-left:var(--spacing-20)}.sm\\:ml-24{margin-left:var(--spacing-24)}.sm\\:ml-28{margin-left:var(--spacing-28)}.sm\\:ml-3{margin-left:var(--spacing-3)}.sm\\:ml-3\\.5{margin-left:var(--spacing-3-5)}.sm\\:ml-32{margin-left:var(--spacing-32)}.sm\\:ml-36{margin-left:var(--spacing-36)}.sm\\:ml-4{margin-left:var(--spacing-4)}.sm\\:ml-40{margin-left:var(--spacing-40)}.sm\\:ml-44{margin-left:var(--spacing-44)}.sm\\:ml-48{margin-left:var(--spacing-48)}.sm\\:ml-5{margin-left:var(--spacing-5)}.sm\\:ml-52{margin-left:var(--spacing-52)}.sm\\:ml-56{margin-left:var(--spacing-56)}.sm\\:ml-6{margin-left:var(--spacing-6)}.sm\\:ml-60{margin-left:var(--spacing-60)}.sm\\:ml-64{margin-left:var(--spacing-64)}.sm\\:ml-7{margin-left:var(--spacing-7)}.sm\\:ml-72{margin-left:var(--spacing-72)}.sm\\:ml-8{margin-left:var(--spacing-8)}.sm\\:ml-80{margin-left:var(--spacing-80)}.sm\\:ml-9{margin-left:var(--spacing-9)}.sm\\:ml-96{margin-left:var(--spacing-96)}.sm\\:ml-auto{margin-left:auto}.sm\\:ml-px{margin-left:var(--spacing-px)}.sm\\:mr-0{margin-right:var(--spacing-0)}.sm\\:mr-0\\.5{margin-right:var(--spacing-0-5)}.sm\\:mr-1{margin-right:var(--spacing-1)}.sm\\:mr-1\\.5{margin-right:var(--spacing-1-5)}.sm\\:mr-10{margin-right:var(--spacing-10)}.sm\\:mr-11{margin-right:var(--spacing-11)}.sm\\:mr-12{margin-right:var(--spacing-12)}.sm\\:mr-14{margin-right:var(--spacing-14)}.sm\\:mr-16{margin-right:var(--spacing-16)}.sm\\:mr-2{margin-right:var(--spacing-2)}.sm\\:mr-2\\.5{margin-right:var(--spacing-2-5)}.sm\\:mr-20{margin-right:var(--spacing-20)}.sm\\:mr-24{margin-right:var(--spacing-24)}.sm\\:mr-28{margin-right:var(--spacing-28)}.sm\\:mr-3{margin-right:var(--spacing-3)}.sm\\:mr-3\\.5{margin-right:var(--spacing-3-5)}.sm\\:mr-32{margin-right:var(--spacing-32)}.sm\\:mr-36{margin-right:var(--spacing-36)}.sm\\:mr-4{margin-right:var(--spacing-4)}.sm\\:mr-40{margin-right:var(--spacing-40)}.sm\\:mr-44{margin-right:var(--spacing-44)}.sm\\:mr-48{margin-right:var(--spacing-48)}.sm\\:mr-5{margin-right:var(--spacing-5)}.sm\\:mr-52{margin-right:var(--spacing-52)}.sm\\:mr-56{margin-right:var(--spacing-56)}.sm\\:mr-6{margin-right:var(--spacing-6)}.sm\\:mr-60{margin-right:var(--spacing-60)}.sm\\:mr-64{margin-right:var(--spacing-64)}.sm\\:mr-7{margin-right:var(--spacing-7)}.sm\\:mr-72{margin-right:var(--spacing-72)}.sm\\:mr-8{margin-right:var(--spacing-8)}.sm\\:mr-80{margin-right:var(--spacing-80)}.sm\\:mr-9{margin-right:var(--spacing-9)}.sm\\:mr-96{margin-right:var(--spacing-96)}.sm\\:mr-auto{margin-right:auto}.sm\\:mr-px{margin-right:var(--spacing-px)}.sm\\:mt-0{margin-top:var(--spacing-0)}.sm\\:mt-0\\.5{margin-top:var(--spacing-0-5)}.sm\\:mt-1{margin-top:var(--spacing-1)}.sm\\:mt-1\\.5{margin-top:var(--spacing-1-5)}.sm\\:mt-10{margin-top:var(--spacing-10)}.sm\\:mt-11{margin-top:var(--spacing-11)}.sm\\:mt-12{margin-top:var(--spacing-12)}.sm\\:mt-14{margin-top:var(--spacing-14)}.sm\\:mt-16{margin-top:var(--spacing-16)}.sm\\:mt-2{margin-top:var(--spacing-2)}.sm\\:mt-2\\.5{margin-top:var(--spacing-2-5)}.sm\\:mt-20{margin-top:var(--spacing-20)}.sm\\:mt-24{margin-top:var(--spacing-24)}.sm\\:mt-28{margin-top:var(--spacing-28)}.sm\\:mt-3{margin-top:var(--spacing-3)}.sm\\:mt-3\\.5{margin-top:var(--spacing-3-5)}.sm\\:mt-32{margin-top:var(--spacing-32)}.sm\\:mt-36{margin-top:var(--spacing-36)}.sm\\:mt-4{margin-top:var(--spacing-4)}.sm\\:mt-40{margin-top:var(--spacing-40)}.sm\\:mt-44{margin-top:var(--spacing-44)}.sm\\:mt-48{margin-top:var(--spacing-48)}.sm\\:mt-5{margin-top:var(--spacing-5)}.sm\\:mt-52{margin-top:var(--spacing-52)}.sm\\:mt-56{margin-top:var(--spacing-56)}.sm\\:mt-6{margin-top:var(--spacing-6)}.sm\\:mt-60{margin-top:var(--spacing-60)}.sm\\:mt-64{margin-top:var(--spacing-64)}.sm\\:mt-7{margin-top:var(--spacing-7)}.sm\\:mt-72{margin-top:var(--spacing-72)}.sm\\:mt-8{margin-top:var(--spacing-8)}.sm\\:mt-80{margin-top:var(--spacing-80)}.sm\\:mt-9{margin-top:var(--spacing-9)}.sm\\:mt-96{margin-top:var(--spacing-96)}.sm\\:mt-auto{margin-top:auto}.sm\\:mt-px{margin-top:var(--spacing-px)}.sm\\:flex{display:flex}.sm\\:inline-flex{display:inline-flex}.sm\\:grid{display:grid}.sm\\:inline-grid{display:inline-grid}.sm\\:flex-1{flex:1 1 0%}.sm\\:flex-auto{flex:1 1 auto}.sm\\:flex-initial{flex:0 1 auto}.sm\\:flex-none{flex:none}.sm\\:shrink-0{flex-shrink:0}.sm\\:grow-0{flex-grow:0}.sm\\:resize-none{resize:none}.sm\\:resize-y{resize:vertical}.sm\\:resize-x{resize:horizontal}.sm\\:auto-cols-auto{grid-auto-columns:auto}.sm\\:auto-cols-fr{grid-auto-columns:minmax(0, 1fr)}.sm\\:auto-cols-max{grid-auto-columns:max-content}.sm\\:auto-cols-min{grid-auto-columns:min-content}.sm\\:auto-rows-auto{grid-auto-rows:auto}.sm\\:auto-rows-fr{grid-auto-rows:minmax(0, 1fr)}.sm\\:auto-rows-max{grid-auto-rows:max-content}.sm\\:auto-rows-min{grid-auto-rows:min-content}.sm\\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.sm\\:grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.sm\\:grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.sm\\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.sm\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.sm\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.sm\\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.sm\\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.sm\\:grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.sm\\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.sm\\:grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.sm\\:grid-cols-none{grid-template-columns:none}.sm\\:grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.sm\\:grid-rows-10{grid-template-rows:repeat(10, minmax(0, 1fr))}.sm\\:grid-rows-11{grid-template-rows:repeat(11, minmax(0, 1fr))}.sm\\:grid-rows-12{grid-template-rows:repeat(12, minmax(0, 1fr))}.sm\\:grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.sm\\:grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.sm\\:grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.sm\\:grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.sm\\:grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.sm\\:grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.sm\\:grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}.sm\\:grid-rows-9{grid-template-rows:repeat(9, minmax(0, 1fr))}.sm\\:grid-rows-none{grid-template-rows:none}.sm\\:flex-row{flex-direction:row}.sm\\:flex-row-reverse{flex-direction:row-reverse}.sm\\:flex-col{flex-direction:column}.sm\\:flex-col-reverse{flex-direction:column-reverse}.sm\\:flex-wrap{flex-wrap:wrap}.sm\\:flex-wrap-reverse{flex-wrap:wrap-reverse}.sm\\:flex-nowrap{flex-wrap:nowrap}.sm\\:place-content-center{place-content:center}.sm\\:place-content-start{place-content:start}.sm\\:place-content-end{place-content:end}.sm\\:place-content-between{place-content:space-between}.sm\\:place-content-around{place-content:space-around}.sm\\:place-content-evenly{place-content:space-evenly}.sm\\:place-content-stretch{place-content:stretch}.sm\\:place-items-start{place-items:start}.sm\\:place-items-end{place-items:end}.sm\\:place-items-center{place-items:center}.sm\\:place-items-stretch{place-items:stretch}.sm\\:content-center{align-content:center}.sm\\:content-start{align-content:flex-start}.sm\\:content-end{align-content:flex-end}.sm\\:content-between{align-content:space-between}.sm\\:content-around{align-content:space-around}.sm\\:content-evenly{align-content:space-evenly}.sm\\:content-stretch{align-content:stretch}.sm\\:items-start{align-items:flex-start}.sm\\:items-end{align-items:flex-end}.sm\\:items-center{align-items:center}.sm\\:items-baseline{align-items:baseline}.sm\\:items-stretch{align-items:stretch}.sm\\:justify-start{justify-content:flex-start}.sm\\:justify-end{justify-content:flex-end}.sm\\:justify-center{justify-content:center}.sm\\:justify-between{justify-content:space-between}.sm\\:justify-around{justify-content:space-around}.sm\\:justify-evenly{justify-content:space-evenly}.sm\\:justify-items-start{justify-items:start}.sm\\:justify-items-end{justify-items:end}.sm\\:justify-items-center{justify-items:center}.sm\\:justify-items-stretch{justify-items:stretch}.sm\\:gap-0{gap:var(--spacing-0)}.sm\\:gap-0\\.5{gap:var(--spacing-0-5)}.sm\\:gap-1{gap:var(--spacing-1)}.sm\\:gap-1\\.5{gap:var(--spacing-1-5)}.sm\\:gap-10{gap:var(--spacing-10)}.sm\\:gap-11{gap:var(--spacing-11)}.sm\\:gap-12{gap:var(--spacing-12)}.sm\\:gap-14{gap:var(--spacing-14)}.sm\\:gap-16{gap:var(--spacing-16)}.sm\\:gap-2{gap:var(--spacing-2)}.sm\\:gap-2\\.5{gap:var(--spacing-2-5)}.sm\\:gap-20{gap:var(--spacing-20)}.sm\\:gap-24{gap:var(--spacing-24)}.sm\\:gap-28{gap:var(--spacing-28)}.sm\\:gap-3{gap:var(--spacing-3)}.sm\\:gap-3\\.5{gap:var(--spacing-3-5)}.sm\\:gap-32{gap:var(--spacing-32)}.sm\\:gap-36{gap:var(--spacing-36)}.sm\\:gap-4{gap:var(--spacing-4)}.sm\\:gap-40{gap:var(--spacing-40)}.sm\\:gap-44{gap:var(--spacing-44)}.sm\\:gap-48{gap:var(--spacing-48)}.sm\\:gap-5{gap:var(--spacing-5)}.sm\\:gap-52{gap:var(--spacing-52)}.sm\\:gap-56{gap:var(--spacing-56)}.sm\\:gap-6{gap:var(--spacing-6)}.sm\\:gap-60{gap:var(--spacing-60)}.sm\\:gap-64{gap:var(--spacing-64)}.sm\\:gap-7{gap:var(--spacing-7)}.sm\\:gap-72{gap:var(--spacing-72)}.sm\\:gap-8{gap:var(--spacing-8)}.sm\\:gap-80{gap:var(--spacing-80)}.sm\\:gap-9{gap:var(--spacing-9)}.sm\\:gap-96{gap:var(--spacing-96)}.sm\\:gap-px{gap:var(--spacing-px)}.sm\\:gap-x-0{-moz-column-gap:var(--spacing-0);column-gap:var(--spacing-0)}.sm\\:gap-x-0\\.5{-moz-column-gap:var(--spacing-0-5);column-gap:var(--spacing-0-5)}.sm\\:gap-x-1{-moz-column-gap:var(--spacing-1);column-gap:var(--spacing-1)}.sm\\:gap-x-1\\.5{-moz-column-gap:var(--spacing-1-5);column-gap:var(--spacing-1-5)}.sm\\:gap-x-10{-moz-column-gap:var(--spacing-10);column-gap:var(--spacing-10)}.sm\\:gap-x-11{-moz-column-gap:var(--spacing-11);column-gap:var(--spacing-11)}.sm\\:gap-x-12{-moz-column-gap:var(--spacing-12);column-gap:var(--spacing-12)}.sm\\:gap-x-14{-moz-column-gap:var(--spacing-14);column-gap:var(--spacing-14)}.sm\\:gap-x-16{-moz-column-gap:var(--spacing-16);column-gap:var(--spacing-16)}.sm\\:gap-x-2{-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2)}.sm\\:gap-x-2\\.5{-moz-column-gap:var(--spacing-2-5);column-gap:var(--spacing-2-5)}.sm\\:gap-x-20{-moz-column-gap:var(--spacing-20);column-gap:var(--spacing-20)}.sm\\:gap-x-24{-moz-column-gap:var(--spacing-24);column-gap:var(--spacing-24)}.sm\\:gap-x-28{-moz-column-gap:var(--spacing-28);column-gap:var(--spacing-28)}.sm\\:gap-x-3{-moz-column-gap:var(--spacing-3);column-gap:var(--spacing-3)}.sm\\:gap-x-3\\.5{-moz-column-gap:var(--spacing-3-5);column-gap:var(--spacing-3-5)}.sm\\:gap-x-32{-moz-column-gap:var(--spacing-32);column-gap:var(--spacing-32)}.sm\\:gap-x-36{-moz-column-gap:var(--spacing-36);column-gap:var(--spacing-36)}.sm\\:gap-x-4{-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4)}.sm\\:gap-x-40{-moz-column-gap:var(--spacing-40);column-gap:var(--spacing-40)}.sm\\:gap-x-44{-moz-column-gap:var(--spacing-44);column-gap:var(--spacing-44)}.sm\\:gap-x-48{-moz-column-gap:var(--spacing-48);column-gap:var(--spacing-48)}.sm\\:gap-x-5{-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5)}.sm\\:gap-x-52{-moz-column-gap:var(--spacing-52);column-gap:var(--spacing-52)}.sm\\:gap-x-56{-moz-column-gap:var(--spacing-56);column-gap:var(--spacing-56)}.sm\\:gap-x-6{-moz-column-gap:var(--spacing-6);column-gap:var(--spacing-6)}.sm\\:gap-x-60{-moz-column-gap:var(--spacing-60);column-gap:var(--spacing-60)}.sm\\:gap-x-64{-moz-column-gap:var(--spacing-64);column-gap:var(--spacing-64)}.sm\\:gap-x-7{-moz-column-gap:var(--spacing-7);column-gap:var(--spacing-7)}.sm\\:gap-x-72{-moz-column-gap:var(--spacing-72);column-gap:var(--spacing-72)}.sm\\:gap-x-8{-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8)}.sm\\:gap-x-80{-moz-column-gap:var(--spacing-80);column-gap:var(--spacing-80)}.sm\\:gap-x-9{-moz-column-gap:var(--spacing-9);column-gap:var(--spacing-9)}.sm\\:gap-x-96{-moz-column-gap:var(--spacing-96);column-gap:var(--spacing-96)}.sm\\:gap-x-px{-moz-column-gap:var(--spacing-px);column-gap:var(--spacing-px)}.sm\\:gap-y-0{row-gap:var(--spacing-0)}.sm\\:gap-y-0\\.5{row-gap:var(--spacing-0-5)}.sm\\:gap-y-1{row-gap:var(--spacing-1)}.sm\\:gap-y-1\\.5{row-gap:var(--spacing-1-5)}.sm\\:gap-y-10{row-gap:var(--spacing-10)}.sm\\:gap-y-11{row-gap:var(--spacing-11)}.sm\\:gap-y-12{row-gap:var(--spacing-12)}.sm\\:gap-y-14{row-gap:var(--spacing-14)}.sm\\:gap-y-16{row-gap:var(--spacing-16)}.sm\\:gap-y-2{row-gap:var(--spacing-2)}.sm\\:gap-y-2\\.5{row-gap:var(--spacing-2-5)}.sm\\:gap-y-20{row-gap:var(--spacing-20)}.sm\\:gap-y-24{row-gap:var(--spacing-24)}.sm\\:gap-y-28{row-gap:var(--spacing-28)}.sm\\:gap-y-3{row-gap:var(--spacing-3)}.sm\\:gap-y-3\\.5{row-gap:var(--spacing-3-5)}.sm\\:gap-y-32{row-gap:var(--spacing-32)}.sm\\:gap-y-36{row-gap:var(--spacing-36)}.sm\\:gap-y-4{row-gap:var(--spacing-4)}.sm\\:gap-y-40{row-gap:var(--spacing-40)}.sm\\:gap-y-44{row-gap:var(--spacing-44)}.sm\\:gap-y-48{row-gap:var(--spacing-48)}.sm\\:gap-y-5{row-gap:var(--spacing-5)}.sm\\:gap-y-52{row-gap:var(--spacing-52)}.sm\\:gap-y-56{row-gap:var(--spacing-56)}.sm\\:gap-y-6{row-gap:var(--spacing-6)}.sm\\:gap-y-60{row-gap:var(--spacing-60)}.sm\\:gap-y-64{row-gap:var(--spacing-64)}.sm\\:gap-y-7{row-gap:var(--spacing-7)}.sm\\:gap-y-72{row-gap:var(--spacing-72)}.sm\\:gap-y-8{row-gap:var(--spacing-8)}.sm\\:gap-y-80{row-gap:var(--spacing-80)}.sm\\:gap-y-9{row-gap:var(--spacing-9)}.sm\\:gap-y-96{row-gap:var(--spacing-96)}.sm\\:gap-y-px{row-gap:var(--spacing-px)}.sm\\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-0) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-0) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-1) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-1) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-10) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-10) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-11>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-11) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-11) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-12) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-12) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-14>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-14) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-14) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-16) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-16) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-2) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-20) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-20) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-24>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-24) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-24) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-28>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-28) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-28) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-3) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-3) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-32>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-32) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-32) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-36>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-36) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-36) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-4) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-4) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-40>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-40) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-40) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-44>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-44) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-44) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-48>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-48) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-48) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-5) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-5) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-52>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-52) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-52) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-56>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-56) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-56) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-6) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-6) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-60>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-60) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-60) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-64>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-64) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-64) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-7) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-7) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-72>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-72) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-72) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-8) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-8) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-80>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-80) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-80) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-9) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-9) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-96>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-96) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-96) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-px) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-px) * calc(1 - var(--tw-space-x-reverse)))}.sm\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-0) * var(--tw-space-y-reverse))}.sm\\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-1) * var(--tw-space-y-reverse))}.sm\\:space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-10) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-10) * var(--tw-space-y-reverse))}.sm\\:space-y-11>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-11) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-11) * var(--tw-space-y-reverse))}.sm\\:space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-12) * var(--tw-space-y-reverse))}.sm\\:space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-14) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-14) * var(--tw-space-y-reverse))}.sm\\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-16) * var(--tw-space-y-reverse))}.sm\\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-2) * var(--tw-space-y-reverse))}.sm\\:space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-20) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-20) * var(--tw-space-y-reverse))}.sm\\:space-y-24>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-24) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-24) * var(--tw-space-y-reverse))}.sm\\:space-y-28>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-28) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-28) * var(--tw-space-y-reverse))}.sm\\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-3) * var(--tw-space-y-reverse))}.sm\\:space-y-32>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-32) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-32) * var(--tw-space-y-reverse))}.sm\\:space-y-36>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-36) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-36) * var(--tw-space-y-reverse))}.sm\\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-4) * var(--tw-space-y-reverse))}.sm\\:space-y-40>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-40) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-40) * var(--tw-space-y-reverse))}.sm\\:space-y-44>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-44) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-44) * var(--tw-space-y-reverse))}.sm\\:space-y-48>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-48) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-48) * var(--tw-space-y-reverse))}.sm\\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-5) * var(--tw-space-y-reverse))}.sm\\:space-y-52>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-52) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-52) * var(--tw-space-y-reverse))}.sm\\:space-y-56>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-56) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-56) * var(--tw-space-y-reverse))}.sm\\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-6) * var(--tw-space-y-reverse))}.sm\\:space-y-60>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-60) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-60) * var(--tw-space-y-reverse))}.sm\\:space-y-64>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-64) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-64) * var(--tw-space-y-reverse))}.sm\\:space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-7) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-7) * var(--tw-space-y-reverse))}.sm\\:space-y-72>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-72) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-72) * var(--tw-space-y-reverse))}.sm\\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-8) * var(--tw-space-y-reverse))}.sm\\:space-y-80>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-80) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-80) * var(--tw-space-y-reverse))}.sm\\:space-y-9>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-9) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-9) * var(--tw-space-y-reverse))}.sm\\:space-y-96>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-96) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-96) * var(--tw-space-y-reverse))}.sm\\:space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-px) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-px) * var(--tw-space-y-reverse))}.sm\\:space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.sm\\:space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.sm\\:place-self-auto{place-self:auto}.sm\\:place-self-start{place-self:start}.sm\\:place-self-end{place-self:end}.sm\\:place-self-center{place-self:center}.sm\\:place-self-stretch{place-self:stretch}.sm\\:self-auto{align-self:auto}.sm\\:self-start{align-self:flex-start}.sm\\:self-end{align-self:flex-end}.sm\\:self-center{align-self:center}.sm\\:self-stretch{align-self:stretch}.sm\\:self-baseline{align-self:baseline}.sm\\:justify-self-auto{justify-self:auto}.sm\\:justify-self-start{justify-self:start}.sm\\:justify-self-end{justify-self:end}.sm\\:justify-self-center{justify-self:center}.sm\\:justify-self-stretch{justify-self:stretch}.sm\\:overflow-auto{overflow:auto}.sm\\:overflow-hidden{overflow:hidden}.sm\\:overflow-visible{overflow:visible}.sm\\:overflow-scroll{overflow:scroll}.sm\\:overflow-x-auto{overflow-x:auto}.sm\\:overflow-y-auto{overflow-y:auto}.sm\\:overflow-x-hidden{overflow-x:hidden}.sm\\:overflow-y-hidden{overflow-y:hidden}.sm\\:overflow-x-visible{overflow-x:visible}.sm\\:overflow-y-visible{overflow-y:visible}.sm\\:overflow-x-scroll{overflow-x:scroll}.sm\\:overflow-y-scroll{overflow-y:scroll}.sm\\:whitespace-normal{white-space:normal}.sm\\:whitespace-nowrap{white-space:nowrap}.sm\\:whitespace-pre{white-space:pre}.sm\\:whitespace-pre-line{white-space:pre-line}.sm\\:whitespace-pre-wrap{white-space:pre-wrap}.sm\\:p-0{padding:var(--spacing-0)}.sm\\:p-0\\.5{padding:var(--spacing-0-5)}.sm\\:p-1{padding:var(--spacing-1)}.sm\\:p-1\\.5{padding:var(--spacing-1-5)}.sm\\:p-10{padding:var(--spacing-10)}.sm\\:p-11{padding:var(--spacing-11)}.sm\\:p-12{padding:var(--spacing-12)}.sm\\:p-14{padding:var(--spacing-14)}.sm\\:p-16{padding:var(--spacing-16)}.sm\\:p-2{padding:var(--spacing-2)}.sm\\:p-2\\.5{padding:var(--spacing-2-5)}.sm\\:p-20{padding:var(--spacing-20)}.sm\\:p-24{padding:var(--spacing-24)}.sm\\:p-28{padding:var(--spacing-28)}.sm\\:p-3{padding:var(--spacing-3)}.sm\\:p-3\\.5{padding:var(--spacing-3-5)}.sm\\:p-32{padding:var(--spacing-32)}.sm\\:p-36{padding:var(--spacing-36)}.sm\\:p-4{padding:var(--spacing-4)}.sm\\:p-40{padding:var(--spacing-40)}.sm\\:p-44{padding:var(--spacing-44)}.sm\\:p-48{padding:var(--spacing-48)}.sm\\:p-5{padding:var(--spacing-5)}.sm\\:p-52{padding:var(--spacing-52)}.sm\\:p-56{padding:var(--spacing-56)}.sm\\:p-6{padding:var(--spacing-6)}.sm\\:p-60{padding:var(--spacing-60)}.sm\\:p-64{padding:var(--spacing-64)}.sm\\:p-7{padding:var(--spacing-7)}.sm\\:p-72{padding:var(--spacing-72)}.sm\\:p-8{padding:var(--spacing-8)}.sm\\:p-80{padding:var(--spacing-80)}.sm\\:p-9{padding:var(--spacing-9)}.sm\\:p-96{padding:var(--spacing-96)}.sm\\:p-px{padding:var(--spacing-px)}.sm\\:px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.sm\\:px-0\\.5{padding-left:var(--spacing-0-5);padding-right:var(--spacing-0-5)}.sm\\:px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.sm\\:px-1\\.5{padding-left:var(--spacing-1-5);padding-right:var(--spacing-1-5)}.sm\\:px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.sm\\:px-11{padding-left:var(--spacing-11);padding-right:var(--spacing-11)}.sm\\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.sm\\:px-14{padding-left:var(--spacing-14);padding-right:var(--spacing-14)}.sm\\:px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.sm\\:px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.sm\\:px-2\\.5{padding-left:var(--spacing-2-5);padding-right:var(--spacing-2-5)}.sm\\:px-20{padding-left:var(--spacing-20);padding-right:var(--spacing-20)}.sm\\:px-24{padding-left:var(--spacing-24);padding-right:var(--spacing-24)}.sm\\:px-28{padding-left:var(--spacing-28);padding-right:var(--spacing-28)}.sm\\:px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.sm\\:px-3\\.5{padding-left:var(--spacing-3-5);padding-right:var(--spacing-3-5)}.sm\\:px-32{padding-left:var(--spacing-32);padding-right:var(--spacing-32)}.sm\\:px-36{padding-left:var(--spacing-36);padding-right:var(--spacing-36)}.sm\\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.sm\\:px-40{padding-left:var(--spacing-40);padding-right:var(--spacing-40)}.sm\\:px-44{padding-left:var(--spacing-44);padding-right:var(--spacing-44)}.sm\\:px-48{padding-left:var(--spacing-48);padding-right:var(--spacing-48)}.sm\\:px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.sm\\:px-52{padding-left:var(--spacing-52);padding-right:var(--spacing-52)}.sm\\:px-56{padding-left:var(--spacing-56);padding-right:var(--spacing-56)}.sm\\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.sm\\:px-60{padding-left:var(--spacing-60);padding-right:var(--spacing-60)}.sm\\:px-64{padding-left:var(--spacing-64);padding-right:var(--spacing-64)}.sm\\:px-7{padding-left:var(--spacing-7);padding-right:var(--spacing-7)}.sm\\:px-72{padding-left:var(--spacing-72);padding-right:var(--spacing-72)}.sm\\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.sm\\:px-80{padding-left:var(--spacing-80);padding-right:var(--spacing-80)}.sm\\:px-9{padding-left:var(--spacing-9);padding-right:var(--spacing-9)}.sm\\:px-96{padding-left:var(--spacing-96);padding-right:var(--spacing-96)}.sm\\:px-px{padding-left:var(--spacing-px);padding-right:var(--spacing-px)}.sm\\:py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.sm\\:py-0\\.5{padding-top:var(--spacing-0-5);padding-bottom:var(--spacing-0-5)}.sm\\:py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.sm\\:py-1\\.5{padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5)}.sm\\:py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.sm\\:py-11{padding-top:var(--spacing-11);padding-bottom:var(--spacing-11)}.sm\\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.sm\\:py-14{padding-top:var(--spacing-14);padding-bottom:var(--spacing-14)}.sm\\:py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.sm\\:py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.sm\\:py-2\\.5{padding-top:var(--spacing-2-5);padding-bottom:var(--spacing-2-5)}.sm\\:py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.sm\\:py-24{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.sm\\:py-28{padding-top:var(--spacing-28);padding-bottom:var(--spacing-28)}.sm\\:py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.sm\\:py-3\\.5{padding-top:var(--spacing-3-5);padding-bottom:var(--spacing-3-5)}.sm\\:py-32{padding-top:var(--spacing-32);padding-bottom:var(--spacing-32)}.sm\\:py-36{padding-top:var(--spacing-36);padding-bottom:var(--spacing-36)}.sm\\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.sm\\:py-40{padding-top:var(--spacing-40);padding-bottom:var(--spacing-40)}.sm\\:py-44{padding-top:var(--spacing-44);padding-bottom:var(--spacing-44)}.sm\\:py-48{padding-top:var(--spacing-48);padding-bottom:var(--spacing-48)}.sm\\:py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.sm\\:py-52{padding-top:var(--spacing-52);padding-bottom:var(--spacing-52)}.sm\\:py-56{padding-top:var(--spacing-56);padding-bottom:var(--spacing-56)}.sm\\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.sm\\:py-60{padding-top:var(--spacing-60);padding-bottom:var(--spacing-60)}.sm\\:py-64{padding-top:var(--spacing-64);padding-bottom:var(--spacing-64)}.sm\\:py-7{padding-top:var(--spacing-7);padding-bottom:var(--spacing-7)}.sm\\:py-72{padding-top:var(--spacing-72);padding-bottom:var(--spacing-72)}.sm\\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.sm\\:py-80{padding-top:var(--spacing-80);padding-bottom:var(--spacing-80)}.sm\\:py-9{padding-top:var(--spacing-9);padding-bottom:var(--spacing-9)}.sm\\:py-96{padding-top:var(--spacing-96);padding-bottom:var(--spacing-96)}.sm\\:py-px{padding-top:var(--spacing-px);padding-bottom:var(--spacing-px)}.sm\\:pb-0{padding-bottom:var(--spacing-0)}.sm\\:pb-0\\.5{padding-bottom:var(--spacing-0-5)}.sm\\:pb-1{padding-bottom:var(--spacing-1)}.sm\\:pb-1\\.5{padding-bottom:var(--spacing-1-5)}.sm\\:pb-10{padding-bottom:var(--spacing-10)}.sm\\:pb-11{padding-bottom:var(--spacing-11)}.sm\\:pb-12{padding-bottom:var(--spacing-12)}.sm\\:pb-14{padding-bottom:var(--spacing-14)}.sm\\:pb-16{padding-bottom:var(--spacing-16)}.sm\\:pb-2{padding-bottom:var(--spacing-2)}.sm\\:pb-2\\.5{padding-bottom:var(--spacing-2-5)}.sm\\:pb-20{padding-bottom:var(--spacing-20)}.sm\\:pb-24{padding-bottom:var(--spacing-24)}.sm\\:pb-28{padding-bottom:var(--spacing-28)}.sm\\:pb-3{padding-bottom:var(--spacing-3)}.sm\\:pb-3\\.5{padding-bottom:var(--spacing-3-5)}.sm\\:pb-32{padding-bottom:var(--spacing-32)}.sm\\:pb-36{padding-bottom:var(--spacing-36)}.sm\\:pb-4{padding-bottom:var(--spacing-4)}.sm\\:pb-40{padding-bottom:var(--spacing-40)}.sm\\:pb-44{padding-bottom:var(--spacing-44)}.sm\\:pb-48{padding-bottom:var(--spacing-48)}.sm\\:pb-5{padding-bottom:var(--spacing-5)}.sm\\:pb-52{padding-bottom:var(--spacing-52)}.sm\\:pb-56{padding-bottom:var(--spacing-56)}.sm\\:pb-6{padding-bottom:var(--spacing-6)}.sm\\:pb-60{padding-bottom:var(--spacing-60)}.sm\\:pb-64{padding-bottom:var(--spacing-64)}.sm\\:pb-7{padding-bottom:var(--spacing-7)}.sm\\:pb-72{padding-bottom:var(--spacing-72)}.sm\\:pb-8{padding-bottom:var(--spacing-8)}.sm\\:pb-80{padding-bottom:var(--spacing-80)}.sm\\:pb-9{padding-bottom:var(--spacing-9)}.sm\\:pb-96{padding-bottom:var(--spacing-96)}.sm\\:pb-px{padding-bottom:var(--spacing-px)}.sm\\:pl-0{padding-left:var(--spacing-0)}.sm\\:pl-0\\.5{padding-left:var(--spacing-0-5)}.sm\\:pl-1{padding-left:var(--spacing-1)}.sm\\:pl-1\\.5{padding-left:var(--spacing-1-5)}.sm\\:pl-10{padding-left:var(--spacing-10)}.sm\\:pl-11{padding-left:var(--spacing-11)}.sm\\:pl-12{padding-left:var(--spacing-12)}.sm\\:pl-14{padding-left:var(--spacing-14)}.sm\\:pl-16{padding-left:var(--spacing-16)}.sm\\:pl-2{padding-left:var(--spacing-2)}.sm\\:pl-2\\.5{padding-left:var(--spacing-2-5)}.sm\\:pl-20{padding-left:var(--spacing-20)}.sm\\:pl-24{padding-left:var(--spacing-24)}.sm\\:pl-28{padding-left:var(--spacing-28)}.sm\\:pl-3{padding-left:var(--spacing-3)}.sm\\:pl-3\\.5{padding-left:var(--spacing-3-5)}.sm\\:pl-32{padding-left:var(--spacing-32)}.sm\\:pl-36{padding-left:var(--spacing-36)}.sm\\:pl-4{padding-left:var(--spacing-4)}.sm\\:pl-40{padding-left:var(--spacing-40)}.sm\\:pl-44{padding-left:var(--spacing-44)}.sm\\:pl-48{padding-left:var(--spacing-48)}.sm\\:pl-5{padding-left:var(--spacing-5)}.sm\\:pl-52{padding-left:var(--spacing-52)}.sm\\:pl-56{padding-left:var(--spacing-56)}.sm\\:pl-6{padding-left:var(--spacing-6)}.sm\\:pl-60{padding-left:var(--spacing-60)}.sm\\:pl-64{padding-left:var(--spacing-64)}.sm\\:pl-7{padding-left:var(--spacing-7)}.sm\\:pl-72{padding-left:var(--spacing-72)}.sm\\:pl-8{padding-left:var(--spacing-8)}.sm\\:pl-80{padding-left:var(--spacing-80)}.sm\\:pl-9{padding-left:var(--spacing-9)}.sm\\:pl-96{padding-left:var(--spacing-96)}.sm\\:pl-px{padding-left:var(--spacing-px)}.sm\\:pr-0{padding-right:var(--spacing-0)}.sm\\:pr-0\\.5{padding-right:var(--spacing-0-5)}.sm\\:pr-1{padding-right:var(--spacing-1)}.sm\\:pr-1\\.5{padding-right:var(--spacing-1-5)}.sm\\:pr-10{padding-right:var(--spacing-10)}.sm\\:pr-11{padding-right:var(--spacing-11)}.sm\\:pr-12{padding-right:var(--spacing-12)}.sm\\:pr-14{padding-right:var(--spacing-14)}.sm\\:pr-16{padding-right:var(--spacing-16)}.sm\\:pr-2{padding-right:var(--spacing-2)}.sm\\:pr-2\\.5{padding-right:var(--spacing-2-5)}.sm\\:pr-20{padding-right:var(--spacing-20)}.sm\\:pr-24{padding-right:var(--spacing-24)}.sm\\:pr-28{padding-right:var(--spacing-28)}.sm\\:pr-3{padding-right:var(--spacing-3)}.sm\\:pr-3\\.5{padding-right:var(--spacing-3-5)}.sm\\:pr-32{padding-right:var(--spacing-32)}.sm\\:pr-36{padding-right:var(--spacing-36)}.sm\\:pr-4{padding-right:var(--spacing-4)}.sm\\:pr-40{padding-right:var(--spacing-40)}.sm\\:pr-44{padding-right:var(--spacing-44)}.sm\\:pr-48{padding-right:var(--spacing-48)}.sm\\:pr-5{padding-right:var(--spacing-5)}.sm\\:pr-52{padding-right:var(--spacing-52)}.sm\\:pr-56{padding-right:var(--spacing-56)}.sm\\:pr-6{padding-right:var(--spacing-6)}.sm\\:pr-60{padding-right:var(--spacing-60)}.sm\\:pr-64{padding-right:var(--spacing-64)}.sm\\:pr-7{padding-right:var(--spacing-7)}.sm\\:pr-72{padding-right:var(--spacing-72)}.sm\\:pr-8{padding-right:var(--spacing-8)}.sm\\:pr-80{padding-right:var(--spacing-80)}.sm\\:pr-9{padding-right:var(--spacing-9)}.sm\\:pr-96{padding-right:var(--spacing-96)}.sm\\:pr-px{padding-right:var(--spacing-px)}.sm\\:pt-0{padding-top:var(--spacing-0)}.sm\\:pt-0\\.5{padding-top:var(--spacing-0-5)}.sm\\:pt-1{padding-top:var(--spacing-1)}.sm\\:pt-1\\.5{padding-top:var(--spacing-1-5)}.sm\\:pt-10{padding-top:var(--spacing-10)}.sm\\:pt-11{padding-top:var(--spacing-11)}.sm\\:pt-12{padding-top:var(--spacing-12)}.sm\\:pt-14{padding-top:var(--spacing-14)}.sm\\:pt-16{padding-top:var(--spacing-16)}.sm\\:pt-2{padding-top:var(--spacing-2)}.sm\\:pt-2\\.5{padding-top:var(--spacing-2-5)}.sm\\:pt-20{padding-top:var(--spacing-20)}.sm\\:pt-24{padding-top:var(--spacing-24)}.sm\\:pt-28{padding-top:var(--spacing-28)}.sm\\:pt-3{padding-top:var(--spacing-3)}.sm\\:pt-3\\.5{padding-top:var(--spacing-3-5)}.sm\\:pt-32{padding-top:var(--spacing-32)}.sm\\:pt-36{padding-top:var(--spacing-36)}.sm\\:pt-4{padding-top:var(--spacing-4)}.sm\\:pt-40{padding-top:var(--spacing-40)}.sm\\:pt-44{padding-top:var(--spacing-44)}.sm\\:pt-48{padding-top:var(--spacing-48)}.sm\\:pt-5{padding-top:var(--spacing-5)}.sm\\:pt-52{padding-top:var(--spacing-52)}.sm\\:pt-56{padding-top:var(--spacing-56)}.sm\\:pt-6{padding-top:var(--spacing-6)}.sm\\:pt-60{padding-top:var(--spacing-60)}.sm\\:pt-64{padding-top:var(--spacing-64)}.sm\\:pt-7{padding-top:var(--spacing-7)}.sm\\:pt-72{padding-top:var(--spacing-72)}.sm\\:pt-8{padding-top:var(--spacing-8)}.sm\\:pt-80{padding-top:var(--spacing-80)}.sm\\:pt-9{padding-top:var(--spacing-9)}.sm\\:pt-96{padding-top:var(--spacing-96)}.sm\\:pt-px{padding-top:var(--spacing-px)}.sm\\:text-left{text-align:left}.sm\\:text-center{text-align:center}.sm\\:text-right{text-align:right}.sm\\:text-justify{text-align:justify}.sm\\:align-baseline{vertical-align:baseline}.sm\\:text-2xl{font-size:var(--font-size-2xl)}.sm\\:text-3xl{font-size:var(--font-size-3xl)}.sm\\:text-4xl{font-size:var(--font-size-4xl)}.sm\\:text-5xl{font-size:var(--font-size-5xl)}.sm\\:text-6xl{font-size:var(--font-size-6xl)}.sm\\:text-7xl{font-size:var(--font-size-7xl)}.sm\\:text-8xl{font-size:var(--font-size-8xl)}.sm\\:text-9xl{font-size:var(--font-size-9xl)}.sm\\:text-lg{font-size:var(--font-size-lg)}.sm\\:text-sm{font-size:var(--font-size-sm)}.sm\\:text-xl{font-size:var(--font-size-xl)}.sm\\:text-xs{font-size:var(--font-size-xs)}}@media (min-width: 768px){.md\\:static{position:static}.md\\:fixed{position:fixed}.md\\:absolute{position:absolute}.md\\:relative{position:relative}.md\\:sticky{position:sticky}.md\\:bottom-0{bottom:var(--spacing-0)}.md\\:bottom-auto{bottom:auto}.md\\:bottom-full{bottom:100%}.md\\:left-0{left:var(--spacing-0)}.md\\:left-auto{left:auto}.md\\:left-full{left:100%}.md\\:right-0{right:var(--spacing-0)}.md\\:right-auto{right:auto}.md\\:right-full{right:100%}.md\\:top-0{top:var(--spacing-0)}.md\\:top-auto{top:auto}.md\\:top-full{top:100%}.md\\:order-1{order:1}.md\\:order-10{order:10}.md\\:order-11{order:11}.md\\:order-12{order:12}.md\\:order-2{order:2}.md\\:order-3{order:3}.md\\:order-4{order:4}.md\\:order-5{order:5}.md\\:order-6{order:6}.md\\:order-7{order:7}.md\\:order-8{order:8}.md\\:order-9{order:9}.md\\:order-first{order:-9999}.md\\:order-last{order:9999}.md\\:order-none{order:0}.md\\:col-span-1{grid-column:span 1 / span 1}.md\\:col-span-10{grid-column:span 10 / span 10}.md\\:col-span-11{grid-column:span 11 / span 11}.md\\:col-span-12{grid-column:span 12 / span 12}.md\\:col-span-2{grid-column:span 2 / span 2}.md\\:col-span-3{grid-column:span 3 / span 3}.md\\:col-span-4{grid-column:span 4 / span 4}.md\\:col-span-5{grid-column:span 5 / span 5}.md\\:col-span-6{grid-column:span 6 / span 6}.md\\:col-span-7{grid-column:span 7 / span 7}.md\\:col-span-8{grid-column:span 8 / span 8}.md\\:col-span-9{grid-column:span 9 / span 9}.md\\:col-span-full{grid-column:1 / -1}.md\\:col-start-1{grid-column-start:1}.md\\:col-start-10{grid-column-start:10}.md\\:col-start-11{grid-column-start:11}.md\\:col-start-12{grid-column-start:12}.md\\:col-start-13{grid-column-start:13}.md\\:col-start-2{grid-column-start:2}.md\\:col-start-3{grid-column-start:3}.md\\:col-start-4{grid-column-start:4}.md\\:col-start-5{grid-column-start:5}.md\\:col-start-6{grid-column-start:6}.md\\:col-start-7{grid-column-start:7}.md\\:col-start-8{grid-column-start:8}.md\\:col-start-9{grid-column-start:9}.md\\:col-start-auto{grid-column-start:auto}.md\\:col-end-1{grid-column-end:1}.md\\:col-end-10{grid-column-end:10}.md\\:col-end-11{grid-column-end:11}.md\\:col-end-12{grid-column-end:12}.md\\:col-end-13{grid-column-end:13}.md\\:col-end-2{grid-column-end:2}.md\\:col-end-3{grid-column-end:3}.md\\:col-end-4{grid-column-end:4}.md\\:col-end-5{grid-column-end:5}.md\\:col-end-6{grid-column-end:6}.md\\:col-end-7{grid-column-end:7}.md\\:col-end-8{grid-column-end:8}.md\\:col-end-9{grid-column-end:9}.md\\:col-end-auto{grid-column-end:auto}.md\\:row-span-1{grid-row:span 1 / span 1}.md\\:row-span-10{grid-row:span 10 / span 10}.md\\:row-span-11{grid-row:span 11 / span 11}.md\\:row-span-12{grid-row:span 12 / span 12}.md\\:row-span-2{grid-row:span 2 / span 2}.md\\:row-span-3{grid-row:span 3 / span 3}.md\\:row-span-4{grid-row:span 4 / span 4}.md\\:row-span-5{grid-row:span 5 / span 5}.md\\:row-span-6{grid-row:span 6 / span 6}.md\\:row-span-7{grid-row:span 7 / span 7}.md\\:row-span-8{grid-row:span 8 / span 8}.md\\:row-span-9{grid-row:span 9 / span 9}.md\\:row-span-full{grid-row:1 / -1}.md\\:row-start-1{grid-row-start:1}.md\\:row-start-10{grid-row-start:10}.md\\:row-start-11{grid-row-start:11}.md\\:row-start-12{grid-row-start:12}.md\\:row-start-13{grid-row-start:13}.md\\:row-start-2{grid-row-start:2}.md\\:row-start-3{grid-row-start:3}.md\\:row-start-4{grid-row-start:4}.md\\:row-start-5{grid-row-start:5}.md\\:row-start-6{grid-row-start:6}.md\\:row-start-7{grid-row-start:7}.md\\:row-start-8{grid-row-start:8}.md\\:row-start-9{grid-row-start:9}.md\\:row-start-auto{grid-row-start:auto}.md\\:row-end-1{grid-row-end:1}.md\\:row-end-10{grid-row-end:10}.md\\:row-end-11{grid-row-end:11}.md\\:row-end-12{grid-row-end:12}.md\\:row-end-13{grid-row-end:13}.md\\:row-end-2{grid-row-end:2}.md\\:row-end-3{grid-row-end:3}.md\\:row-end-4{grid-row-end:4}.md\\:row-end-5{grid-row-end:5}.md\\:row-end-6{grid-row-end:6}.md\\:row-end-7{grid-row-end:7}.md\\:row-end-8{grid-row-end:8}.md\\:row-end-9{grid-row-end:9}.md\\:row-end-auto{grid-row-end:auto}.md\\:m-0{margin:var(--spacing-0)}.md\\:m-0\\.5{margin:var(--spacing-0-5)}.md\\:m-1{margin:var(--spacing-1)}.md\\:m-1\\.5{margin:var(--spacing-1-5)}.md\\:m-10{margin:var(--spacing-10)}.md\\:m-11{margin:var(--spacing-11)}.md\\:m-12{margin:var(--spacing-12)}.md\\:m-14{margin:var(--spacing-14)}.md\\:m-16{margin:var(--spacing-16)}.md\\:m-2{margin:var(--spacing-2)}.md\\:m-2\\.5{margin:var(--spacing-2-5)}.md\\:m-20{margin:var(--spacing-20)}.md\\:m-24{margin:var(--spacing-24)}.md\\:m-28{margin:var(--spacing-28)}.md\\:m-3{margin:var(--spacing-3)}.md\\:m-3\\.5{margin:var(--spacing-3-5)}.md\\:m-32{margin:var(--spacing-32)}.md\\:m-36{margin:var(--spacing-36)}.md\\:m-4{margin:var(--spacing-4)}.md\\:m-40{margin:var(--spacing-40)}.md\\:m-44{margin:var(--spacing-44)}.md\\:m-48{margin:var(--spacing-48)}.md\\:m-5{margin:var(--spacing-5)}.md\\:m-52{margin:var(--spacing-52)}.md\\:m-56{margin:var(--spacing-56)}.md\\:m-6{margin:var(--spacing-6)}.md\\:m-60{margin:var(--spacing-60)}.md\\:m-64{margin:var(--spacing-64)}.md\\:m-7{margin:var(--spacing-7)}.md\\:m-72{margin:var(--spacing-72)}.md\\:m-8{margin:var(--spacing-8)}.md\\:m-80{margin:var(--spacing-80)}.md\\:m-9{margin:var(--spacing-9)}.md\\:m-96{margin:var(--spacing-96)}.md\\:m-auto{margin:auto}.md\\:m-px{margin:var(--spacing-px)}.md\\:mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.md\\:mx-0\\.5{margin-left:var(--spacing-0-5);margin-right:var(--spacing-0-5)}.md\\:mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.md\\:mx-1\\.5{margin-left:var(--spacing-1-5);margin-right:var(--spacing-1-5)}.md\\:mx-10{margin-left:var(--spacing-10);margin-right:var(--spacing-10)}.md\\:mx-11{margin-left:var(--spacing-11);margin-right:var(--spacing-11)}.md\\:mx-12{margin-left:var(--spacing-12);margin-right:var(--spacing-12)}.md\\:mx-14{margin-left:var(--spacing-14);margin-right:var(--spacing-14)}.md\\:mx-16{margin-left:var(--spacing-16);margin-right:var(--spacing-16)}.md\\:mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.md\\:mx-2\\.5{margin-left:var(--spacing-2-5);margin-right:var(--spacing-2-5)}.md\\:mx-20{margin-left:var(--spacing-20);margin-right:var(--spacing-20)}.md\\:mx-24{margin-left:var(--spacing-24);margin-right:var(--spacing-24)}.md\\:mx-28{margin-left:var(--spacing-28);margin-right:var(--spacing-28)}.md\\:mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.md\\:mx-3\\.5{margin-left:var(--spacing-3-5);margin-right:var(--spacing-3-5)}.md\\:mx-32{margin-left:var(--spacing-32);margin-right:var(--spacing-32)}.md\\:mx-36{margin-left:var(--spacing-36);margin-right:var(--spacing-36)}.md\\:mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.md\\:mx-40{margin-left:var(--spacing-40);margin-right:var(--spacing-40)}.md\\:mx-44{margin-left:var(--spacing-44);margin-right:var(--spacing-44)}.md\\:mx-48{margin-left:var(--spacing-48);margin-right:var(--spacing-48)}.md\\:mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.md\\:mx-52{margin-left:var(--spacing-52);margin-right:var(--spacing-52)}.md\\:mx-56{margin-left:var(--spacing-56);margin-right:var(--spacing-56)}.md\\:mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.md\\:mx-60{margin-left:var(--spacing-60);margin-right:var(--spacing-60)}.md\\:mx-64{margin-left:var(--spacing-64);margin-right:var(--spacing-64)}.md\\:mx-7{margin-left:var(--spacing-7);margin-right:var(--spacing-7)}.md\\:mx-72{margin-left:var(--spacing-72);margin-right:var(--spacing-72)}.md\\:mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.md\\:mx-80{margin-left:var(--spacing-80);margin-right:var(--spacing-80)}.md\\:mx-9{margin-left:var(--spacing-9);margin-right:var(--spacing-9)}.md\\:mx-96{margin-left:var(--spacing-96);margin-right:var(--spacing-96)}.md\\:mx-auto{margin-left:auto;margin-right:auto}.md\\:mx-px{margin-left:var(--spacing-px);margin-right:var(--spacing-px)}.md\\:my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.md\\:my-0\\.5{margin-top:var(--spacing-0-5);margin-bottom:var(--spacing-0-5)}.md\\:my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.md\\:my-1\\.5{margin-top:var(--spacing-1-5);margin-bottom:var(--spacing-1-5)}.md\\:my-10{margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.md\\:my-11{margin-top:var(--spacing-11);margin-bottom:var(--spacing-11)}.md\\:my-12{margin-top:var(--spacing-12);margin-bottom:var(--spacing-12)}.md\\:my-14{margin-top:var(--spacing-14);margin-bottom:var(--spacing-14)}.md\\:my-16{margin-top:var(--spacing-16);margin-bottom:var(--spacing-16)}.md\\:my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.md\\:my-2\\.5{margin-top:var(--spacing-2-5);margin-bottom:var(--spacing-2-5)}.md\\:my-20{margin-top:var(--spacing-20);margin-bottom:var(--spacing-20)}.md\\:my-24{margin-top:var(--spacing-24);margin-bottom:var(--spacing-24)}.md\\:my-28{margin-top:var(--spacing-28);margin-bottom:var(--spacing-28)}.md\\:my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.md\\:my-3\\.5{margin-top:var(--spacing-3-5);margin-bottom:var(--spacing-3-5)}.md\\:my-32{margin-top:var(--spacing-32);margin-bottom:var(--spacing-32)}.md\\:my-36{margin-top:var(--spacing-36);margin-bottom:var(--spacing-36)}.md\\:my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.md\\:my-40{margin-top:var(--spacing-40);margin-bottom:var(--spacing-40)}.md\\:my-44{margin-top:var(--spacing-44);margin-bottom:var(--spacing-44)}.md\\:my-48{margin-top:var(--spacing-48);margin-bottom:var(--spacing-48)}.md\\:my-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.md\\:my-52{margin-top:var(--spacing-52);margin-bottom:var(--spacing-52)}.md\\:my-56{margin-top:var(--spacing-56);margin-bottom:var(--spacing-56)}.md\\:my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.md\\:my-60{margin-top:var(--spacing-60);margin-bottom:var(--spacing-60)}.md\\:my-64{margin-top:var(--spacing-64);margin-bottom:var(--spacing-64)}.md\\:my-7{margin-top:var(--spacing-7);margin-bottom:var(--spacing-7)}.md\\:my-72{margin-top:var(--spacing-72);margin-bottom:var(--spacing-72)}.md\\:my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.md\\:my-80{margin-top:var(--spacing-80);margin-bottom:var(--spacing-80)}.md\\:my-9{margin-top:var(--spacing-9);margin-bottom:var(--spacing-9)}.md\\:my-96{margin-top:var(--spacing-96);margin-bottom:var(--spacing-96)}.md\\:my-auto{margin-top:auto;margin-bottom:auto}.md\\:my-px{margin-top:var(--spacing-px);margin-bottom:var(--spacing-px)}.md\\:mb-0{margin-bottom:var(--spacing-0)}.md\\:mb-0\\.5{margin-bottom:var(--spacing-0-5)}.md\\:mb-1{margin-bottom:var(--spacing-1)}.md\\:mb-1\\.5{margin-bottom:var(--spacing-1-5)}.md\\:mb-10{margin-bottom:var(--spacing-10)}.md\\:mb-11{margin-bottom:var(--spacing-11)}.md\\:mb-12{margin-bottom:var(--spacing-12)}.md\\:mb-14{margin-bottom:var(--spacing-14)}.md\\:mb-16{margin-bottom:var(--spacing-16)}.md\\:mb-2{margin-bottom:var(--spacing-2)}.md\\:mb-2\\.5{margin-bottom:var(--spacing-2-5)}.md\\:mb-20{margin-bottom:var(--spacing-20)}.md\\:mb-24{margin-bottom:var(--spacing-24)}.md\\:mb-28{margin-bottom:var(--spacing-28)}.md\\:mb-3{margin-bottom:var(--spacing-3)}.md\\:mb-3\\.5{margin-bottom:var(--spacing-3-5)}.md\\:mb-32{margin-bottom:var(--spacing-32)}.md\\:mb-36{margin-bottom:var(--spacing-36)}.md\\:mb-4{margin-bottom:var(--spacing-4)}.md\\:mb-40{margin-bottom:var(--spacing-40)}.md\\:mb-44{margin-bottom:var(--spacing-44)}.md\\:mb-48{margin-bottom:var(--spacing-48)}.md\\:mb-5{margin-bottom:var(--spacing-5)}.md\\:mb-52{margin-bottom:var(--spacing-52)}.md\\:mb-56{margin-bottom:var(--spacing-56)}.md\\:mb-6{margin-bottom:var(--spacing-6)}.md\\:mb-60{margin-bottom:var(--spacing-60)}.md\\:mb-64{margin-bottom:var(--spacing-64)}.md\\:mb-7{margin-bottom:var(--spacing-7)}.md\\:mb-72{margin-bottom:var(--spacing-72)}.md\\:mb-8{margin-bottom:var(--spacing-8)}.md\\:mb-80{margin-bottom:var(--spacing-80)}.md\\:mb-9{margin-bottom:var(--spacing-9)}.md\\:mb-96{margin-bottom:var(--spacing-96)}.md\\:mb-auto{margin-bottom:auto}.md\\:mb-px{margin-bottom:var(--spacing-px)}.md\\:ml-0{margin-left:var(--spacing-0)}.md\\:ml-0\\.5{margin-left:var(--spacing-0-5)}.md\\:ml-1{margin-left:var(--spacing-1)}.md\\:ml-1\\.5{margin-left:var(--spacing-1-5)}.md\\:ml-10{margin-left:var(--spacing-10)}.md\\:ml-11{margin-left:var(--spacing-11)}.md\\:ml-12{margin-left:var(--spacing-12)}.md\\:ml-14{margin-left:var(--spacing-14)}.md\\:ml-16{margin-left:var(--spacing-16)}.md\\:ml-2{margin-left:var(--spacing-2)}.md\\:ml-2\\.5{margin-left:var(--spacing-2-5)}.md\\:ml-20{margin-left:var(--spacing-20)}.md\\:ml-24{margin-left:var(--spacing-24)}.md\\:ml-28{margin-left:var(--spacing-28)}.md\\:ml-3{margin-left:var(--spacing-3)}.md\\:ml-3\\.5{margin-left:var(--spacing-3-5)}.md\\:ml-32{margin-left:var(--spacing-32)}.md\\:ml-36{margin-left:var(--spacing-36)}.md\\:ml-4{margin-left:var(--spacing-4)}.md\\:ml-40{margin-left:var(--spacing-40)}.md\\:ml-44{margin-left:var(--spacing-44)}.md\\:ml-48{margin-left:var(--spacing-48)}.md\\:ml-5{margin-left:var(--spacing-5)}.md\\:ml-52{margin-left:var(--spacing-52)}.md\\:ml-56{margin-left:var(--spacing-56)}.md\\:ml-6{margin-left:var(--spacing-6)}.md\\:ml-60{margin-left:var(--spacing-60)}.md\\:ml-64{margin-left:var(--spacing-64)}.md\\:ml-7{margin-left:var(--spacing-7)}.md\\:ml-72{margin-left:var(--spacing-72)}.md\\:ml-8{margin-left:var(--spacing-8)}.md\\:ml-80{margin-left:var(--spacing-80)}.md\\:ml-9{margin-left:var(--spacing-9)}.md\\:ml-96{margin-left:var(--spacing-96)}.md\\:ml-auto{margin-left:auto}.md\\:ml-px{margin-left:var(--spacing-px)}.md\\:mr-0{margin-right:var(--spacing-0)}.md\\:mr-0\\.5{margin-right:var(--spacing-0-5)}.md\\:mr-1{margin-right:var(--spacing-1)}.md\\:mr-1\\.5{margin-right:var(--spacing-1-5)}.md\\:mr-10{margin-right:var(--spacing-10)}.md\\:mr-11{margin-right:var(--spacing-11)}.md\\:mr-12{margin-right:var(--spacing-12)}.md\\:mr-14{margin-right:var(--spacing-14)}.md\\:mr-16{margin-right:var(--spacing-16)}.md\\:mr-2{margin-right:var(--spacing-2)}.md\\:mr-2\\.5{margin-right:var(--spacing-2-5)}.md\\:mr-20{margin-right:var(--spacing-20)}.md\\:mr-24{margin-right:var(--spacing-24)}.md\\:mr-28{margin-right:var(--spacing-28)}.md\\:mr-3{margin-right:var(--spacing-3)}.md\\:mr-3\\.5{margin-right:var(--spacing-3-5)}.md\\:mr-32{margin-right:var(--spacing-32)}.md\\:mr-36{margin-right:var(--spacing-36)}.md\\:mr-4{margin-right:var(--spacing-4)}.md\\:mr-40{margin-right:var(--spacing-40)}.md\\:mr-44{margin-right:var(--spacing-44)}.md\\:mr-48{margin-right:var(--spacing-48)}.md\\:mr-5{margin-right:var(--spacing-5)}.md\\:mr-52{margin-right:var(--spacing-52)}.md\\:mr-56{margin-right:var(--spacing-56)}.md\\:mr-6{margin-right:var(--spacing-6)}.md\\:mr-60{margin-right:var(--spacing-60)}.md\\:mr-64{margin-right:var(--spacing-64)}.md\\:mr-7{margin-right:var(--spacing-7)}.md\\:mr-72{margin-right:var(--spacing-72)}.md\\:mr-8{margin-right:var(--spacing-8)}.md\\:mr-80{margin-right:var(--spacing-80)}.md\\:mr-9{margin-right:var(--spacing-9)}.md\\:mr-96{margin-right:var(--spacing-96)}.md\\:mr-auto{margin-right:auto}.md\\:mr-px{margin-right:var(--spacing-px)}.md\\:mt-0{margin-top:var(--spacing-0)}.md\\:mt-0\\.5{margin-top:var(--spacing-0-5)}.md\\:mt-1{margin-top:var(--spacing-1)}.md\\:mt-1\\.5{margin-top:var(--spacing-1-5)}.md\\:mt-10{margin-top:var(--spacing-10)}.md\\:mt-11{margin-top:var(--spacing-11)}.md\\:mt-12{margin-top:var(--spacing-12)}.md\\:mt-14{margin-top:var(--spacing-14)}.md\\:mt-16{margin-top:var(--spacing-16)}.md\\:mt-2{margin-top:var(--spacing-2)}.md\\:mt-2\\.5{margin-top:var(--spacing-2-5)}.md\\:mt-20{margin-top:var(--spacing-20)}.md\\:mt-24{margin-top:var(--spacing-24)}.md\\:mt-28{margin-top:var(--spacing-28)}.md\\:mt-3{margin-top:var(--spacing-3)}.md\\:mt-3\\.5{margin-top:var(--spacing-3-5)}.md\\:mt-32{margin-top:var(--spacing-32)}.md\\:mt-36{margin-top:var(--spacing-36)}.md\\:mt-4{margin-top:var(--spacing-4)}.md\\:mt-40{margin-top:var(--spacing-40)}.md\\:mt-44{margin-top:var(--spacing-44)}.md\\:mt-48{margin-top:var(--spacing-48)}.md\\:mt-5{margin-top:var(--spacing-5)}.md\\:mt-52{margin-top:var(--spacing-52)}.md\\:mt-56{margin-top:var(--spacing-56)}.md\\:mt-6{margin-top:var(--spacing-6)}.md\\:mt-60{margin-top:var(--spacing-60)}.md\\:mt-64{margin-top:var(--spacing-64)}.md\\:mt-7{margin-top:var(--spacing-7)}.md\\:mt-72{margin-top:var(--spacing-72)}.md\\:mt-8{margin-top:var(--spacing-8)}.md\\:mt-80{margin-top:var(--spacing-80)}.md\\:mt-9{margin-top:var(--spacing-9)}.md\\:mt-96{margin-top:var(--spacing-96)}.md\\:mt-auto{margin-top:auto}.md\\:mt-px{margin-top:var(--spacing-px)}.md\\:flex{display:flex}.md\\:inline-flex{display:inline-flex}.md\\:grid{display:grid}.md\\:inline-grid{display:inline-grid}.md\\:flex-1{flex:1 1 0%}.md\\:flex-auto{flex:1 1 auto}.md\\:flex-initial{flex:0 1 auto}.md\\:flex-none{flex:none}.md\\:shrink-0{flex-shrink:0}.md\\:grow-0{flex-grow:0}.md\\:resize-none{resize:none}.md\\:resize-y{resize:vertical}.md\\:resize-x{resize:horizontal}.md\\:auto-cols-auto{grid-auto-columns:auto}.md\\:auto-cols-fr{grid-auto-columns:minmax(0, 1fr)}.md\\:auto-cols-max{grid-auto-columns:max-content}.md\\:auto-cols-min{grid-auto-columns:min-content}.md\\:auto-rows-auto{grid-auto-rows:auto}.md\\:auto-rows-fr{grid-auto-rows:minmax(0, 1fr)}.md\\:auto-rows-max{grid-auto-rows:max-content}.md\\:auto-rows-min{grid-auto-rows:min-content}.md\\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.md\\:grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.md\\:grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.md\\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.md\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.md\\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.md\\:grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.md\\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.md\\:grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.md\\:grid-cols-none{grid-template-columns:none}.md\\:grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.md\\:grid-rows-10{grid-template-rows:repeat(10, minmax(0, 1fr))}.md\\:grid-rows-11{grid-template-rows:repeat(11, minmax(0, 1fr))}.md\\:grid-rows-12{grid-template-rows:repeat(12, minmax(0, 1fr))}.md\\:grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.md\\:grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.md\\:grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.md\\:grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.md\\:grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.md\\:grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.md\\:grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}.md\\:grid-rows-9{grid-template-rows:repeat(9, minmax(0, 1fr))}.md\\:grid-rows-none{grid-template-rows:none}.md\\:flex-row{flex-direction:row}.md\\:flex-row-reverse{flex-direction:row-reverse}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:flex-wrap{flex-wrap:wrap}.md\\:flex-wrap-reverse{flex-wrap:wrap-reverse}.md\\:flex-nowrap{flex-wrap:nowrap}.md\\:place-content-center{place-content:center}.md\\:place-content-start{place-content:start}.md\\:place-content-end{place-content:end}.md\\:place-content-between{place-content:space-between}.md\\:place-content-around{place-content:space-around}.md\\:place-content-evenly{place-content:space-evenly}.md\\:place-content-stretch{place-content:stretch}.md\\:place-items-start{place-items:start}.md\\:place-items-end{place-items:end}.md\\:place-items-center{place-items:center}.md\\:place-items-stretch{place-items:stretch}.md\\:content-center{align-content:center}.md\\:content-start{align-content:flex-start}.md\\:content-end{align-content:flex-end}.md\\:content-between{align-content:space-between}.md\\:content-around{align-content:space-around}.md\\:content-evenly{align-content:space-evenly}.md\\:content-stretch{align-content:stretch}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:items-center{align-items:center}.md\\:items-baseline{align-items:baseline}.md\\:items-stretch{align-items:stretch}.md\\:justify-start{justify-content:flex-start}.md\\:justify-end{justify-content:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:justify-around{justify-content:space-around}.md\\:justify-evenly{justify-content:space-evenly}.md\\:justify-items-start{justify-items:start}.md\\:justify-items-end{justify-items:end}.md\\:justify-items-center{justify-items:center}.md\\:justify-items-stretch{justify-items:stretch}.md\\:gap-0{gap:var(--spacing-0)}.md\\:gap-0\\.5{gap:var(--spacing-0-5)}.md\\:gap-1{gap:var(--spacing-1)}.md\\:gap-1\\.5{gap:var(--spacing-1-5)}.md\\:gap-10{gap:var(--spacing-10)}.md\\:gap-11{gap:var(--spacing-11)}.md\\:gap-12{gap:var(--spacing-12)}.md\\:gap-14{gap:var(--spacing-14)}.md\\:gap-16{gap:var(--spacing-16)}.md\\:gap-2{gap:var(--spacing-2)}.md\\:gap-2\\.5{gap:var(--spacing-2-5)}.md\\:gap-20{gap:var(--spacing-20)}.md\\:gap-24{gap:var(--spacing-24)}.md\\:gap-28{gap:var(--spacing-28)}.md\\:gap-3{gap:var(--spacing-3)}.md\\:gap-3\\.5{gap:var(--spacing-3-5)}.md\\:gap-32{gap:var(--spacing-32)}.md\\:gap-36{gap:var(--spacing-36)}.md\\:gap-4{gap:var(--spacing-4)}.md\\:gap-40{gap:var(--spacing-40)}.md\\:gap-44{gap:var(--spacing-44)}.md\\:gap-48{gap:var(--spacing-48)}.md\\:gap-5{gap:var(--spacing-5)}.md\\:gap-52{gap:var(--spacing-52)}.md\\:gap-56{gap:var(--spacing-56)}.md\\:gap-6{gap:var(--spacing-6)}.md\\:gap-60{gap:var(--spacing-60)}.md\\:gap-64{gap:var(--spacing-64)}.md\\:gap-7{gap:var(--spacing-7)}.md\\:gap-72{gap:var(--spacing-72)}.md\\:gap-8{gap:var(--spacing-8)}.md\\:gap-80{gap:var(--spacing-80)}.md\\:gap-9{gap:var(--spacing-9)}.md\\:gap-96{gap:var(--spacing-96)}.md\\:gap-px{gap:var(--spacing-px)}.md\\:gap-x-0{-moz-column-gap:var(--spacing-0);column-gap:var(--spacing-0)}.md\\:gap-x-0\\.5{-moz-column-gap:var(--spacing-0-5);column-gap:var(--spacing-0-5)}.md\\:gap-x-1{-moz-column-gap:var(--spacing-1);column-gap:var(--spacing-1)}.md\\:gap-x-1\\.5{-moz-column-gap:var(--spacing-1-5);column-gap:var(--spacing-1-5)}.md\\:gap-x-10{-moz-column-gap:var(--spacing-10);column-gap:var(--spacing-10)}.md\\:gap-x-11{-moz-column-gap:var(--spacing-11);column-gap:var(--spacing-11)}.md\\:gap-x-12{-moz-column-gap:var(--spacing-12);column-gap:var(--spacing-12)}.md\\:gap-x-14{-moz-column-gap:var(--spacing-14);column-gap:var(--spacing-14)}.md\\:gap-x-16{-moz-column-gap:var(--spacing-16);column-gap:var(--spacing-16)}.md\\:gap-x-2{-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2)}.md\\:gap-x-2\\.5{-moz-column-gap:var(--spacing-2-5);column-gap:var(--spacing-2-5)}.md\\:gap-x-20{-moz-column-gap:var(--spacing-20);column-gap:var(--spacing-20)}.md\\:gap-x-24{-moz-column-gap:var(--spacing-24);column-gap:var(--spacing-24)}.md\\:gap-x-28{-moz-column-gap:var(--spacing-28);column-gap:var(--spacing-28)}.md\\:gap-x-3{-moz-column-gap:var(--spacing-3);column-gap:var(--spacing-3)}.md\\:gap-x-3\\.5{-moz-column-gap:var(--spacing-3-5);column-gap:var(--spacing-3-5)}.md\\:gap-x-32{-moz-column-gap:var(--spacing-32);column-gap:var(--spacing-32)}.md\\:gap-x-36{-moz-column-gap:var(--spacing-36);column-gap:var(--spacing-36)}.md\\:gap-x-4{-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4)}.md\\:gap-x-40{-moz-column-gap:var(--spacing-40);column-gap:var(--spacing-40)}.md\\:gap-x-44{-moz-column-gap:var(--spacing-44);column-gap:var(--spacing-44)}.md\\:gap-x-48{-moz-column-gap:var(--spacing-48);column-gap:var(--spacing-48)}.md\\:gap-x-5{-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5)}.md\\:gap-x-52{-moz-column-gap:var(--spacing-52);column-gap:var(--spacing-52)}.md\\:gap-x-56{-moz-column-gap:var(--spacing-56);column-gap:var(--spacing-56)}.md\\:gap-x-6{-moz-column-gap:var(--spacing-6);column-gap:var(--spacing-6)}.md\\:gap-x-60{-moz-column-gap:var(--spacing-60);column-gap:var(--spacing-60)}.md\\:gap-x-64{-moz-column-gap:var(--spacing-64);column-gap:var(--spacing-64)}.md\\:gap-x-7{-moz-column-gap:var(--spacing-7);column-gap:var(--spacing-7)}.md\\:gap-x-72{-moz-column-gap:var(--spacing-72);column-gap:var(--spacing-72)}.md\\:gap-x-8{-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8)}.md\\:gap-x-80{-moz-column-gap:var(--spacing-80);column-gap:var(--spacing-80)}.md\\:gap-x-9{-moz-column-gap:var(--spacing-9);column-gap:var(--spacing-9)}.md\\:gap-x-96{-moz-column-gap:var(--spacing-96);column-gap:var(--spacing-96)}.md\\:gap-x-px{-moz-column-gap:var(--spacing-px);column-gap:var(--spacing-px)}.md\\:gap-y-0{row-gap:var(--spacing-0)}.md\\:gap-y-0\\.5{row-gap:var(--spacing-0-5)}.md\\:gap-y-1{row-gap:var(--spacing-1)}.md\\:gap-y-1\\.5{row-gap:var(--spacing-1-5)}.md\\:gap-y-10{row-gap:var(--spacing-10)}.md\\:gap-y-11{row-gap:var(--spacing-11)}.md\\:gap-y-12{row-gap:var(--spacing-12)}.md\\:gap-y-14{row-gap:var(--spacing-14)}.md\\:gap-y-16{row-gap:var(--spacing-16)}.md\\:gap-y-2{row-gap:var(--spacing-2)}.md\\:gap-y-2\\.5{row-gap:var(--spacing-2-5)}.md\\:gap-y-20{row-gap:var(--spacing-20)}.md\\:gap-y-24{row-gap:var(--spacing-24)}.md\\:gap-y-28{row-gap:var(--spacing-28)}.md\\:gap-y-3{row-gap:var(--spacing-3)}.md\\:gap-y-3\\.5{row-gap:var(--spacing-3-5)}.md\\:gap-y-32{row-gap:var(--spacing-32)}.md\\:gap-y-36{row-gap:var(--spacing-36)}.md\\:gap-y-4{row-gap:var(--spacing-4)}.md\\:gap-y-40{row-gap:var(--spacing-40)}.md\\:gap-y-44{row-gap:var(--spacing-44)}.md\\:gap-y-48{row-gap:var(--spacing-48)}.md\\:gap-y-5{row-gap:var(--spacing-5)}.md\\:gap-y-52{row-gap:var(--spacing-52)}.md\\:gap-y-56{row-gap:var(--spacing-56)}.md\\:gap-y-6{row-gap:var(--spacing-6)}.md\\:gap-y-60{row-gap:var(--spacing-60)}.md\\:gap-y-64{row-gap:var(--spacing-64)}.md\\:gap-y-7{row-gap:var(--spacing-7)}.md\\:gap-y-72{row-gap:var(--spacing-72)}.md\\:gap-y-8{row-gap:var(--spacing-8)}.md\\:gap-y-80{row-gap:var(--spacing-80)}.md\\:gap-y-9{row-gap:var(--spacing-9)}.md\\:gap-y-96{row-gap:var(--spacing-96)}.md\\:gap-y-px{row-gap:var(--spacing-px)}.md\\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-0) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-0) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-1) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-1) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-10) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-10) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-11>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-11) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-11) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-12) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-12) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-14>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-14) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-14) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-16) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-16) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-2) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-20) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-20) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-24>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-24) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-24) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-28>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-28) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-28) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-3) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-3) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-32>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-32) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-32) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-36>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-36) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-36) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-4) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-4) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-40>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-40) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-40) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-44>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-44) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-44) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-48>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-48) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-48) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-5) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-5) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-52>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-52) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-52) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-56>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-56) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-56) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-6) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-6) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-60>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-60) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-60) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-64>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-64) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-64) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-7) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-7) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-72>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-72) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-72) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-8) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-8) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-80>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-80) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-80) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-9) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-9) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-96>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-96) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-96) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-px) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-px) * calc(1 - var(--tw-space-x-reverse)))}.md\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-0) * var(--tw-space-y-reverse))}.md\\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-1) * var(--tw-space-y-reverse))}.md\\:space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-10) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-10) * var(--tw-space-y-reverse))}.md\\:space-y-11>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-11) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-11) * var(--tw-space-y-reverse))}.md\\:space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-12) * var(--tw-space-y-reverse))}.md\\:space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-14) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-14) * var(--tw-space-y-reverse))}.md\\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-16) * var(--tw-space-y-reverse))}.md\\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-2) * var(--tw-space-y-reverse))}.md\\:space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-20) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-20) * var(--tw-space-y-reverse))}.md\\:space-y-24>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-24) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-24) * var(--tw-space-y-reverse))}.md\\:space-y-28>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-28) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-28) * var(--tw-space-y-reverse))}.md\\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-3) * var(--tw-space-y-reverse))}.md\\:space-y-32>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-32) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-32) * var(--tw-space-y-reverse))}.md\\:space-y-36>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-36) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-36) * var(--tw-space-y-reverse))}.md\\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-4) * var(--tw-space-y-reverse))}.md\\:space-y-40>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-40) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-40) * var(--tw-space-y-reverse))}.md\\:space-y-44>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-44) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-44) * var(--tw-space-y-reverse))}.md\\:space-y-48>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-48) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-48) * var(--tw-space-y-reverse))}.md\\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-5) * var(--tw-space-y-reverse))}.md\\:space-y-52>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-52) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-52) * var(--tw-space-y-reverse))}.md\\:space-y-56>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-56) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-56) * var(--tw-space-y-reverse))}.md\\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-6) * var(--tw-space-y-reverse))}.md\\:space-y-60>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-60) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-60) * var(--tw-space-y-reverse))}.md\\:space-y-64>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-64) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-64) * var(--tw-space-y-reverse))}.md\\:space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-7) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-7) * var(--tw-space-y-reverse))}.md\\:space-y-72>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-72) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-72) * var(--tw-space-y-reverse))}.md\\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-8) * var(--tw-space-y-reverse))}.md\\:space-y-80>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-80) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-80) * var(--tw-space-y-reverse))}.md\\:space-y-9>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-9) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-9) * var(--tw-space-y-reverse))}.md\\:space-y-96>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-96) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-96) * var(--tw-space-y-reverse))}.md\\:space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-px) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-px) * var(--tw-space-y-reverse))}.md\\:space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.md\\:space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.md\\:place-self-auto{place-self:auto}.md\\:place-self-start{place-self:start}.md\\:place-self-end{place-self:end}.md\\:place-self-center{place-self:center}.md\\:place-self-stretch{place-self:stretch}.md\\:self-auto{align-self:auto}.md\\:self-start{align-self:flex-start}.md\\:self-end{align-self:flex-end}.md\\:self-center{align-self:center}.md\\:self-stretch{align-self:stretch}.md\\:self-baseline{align-self:baseline}.md\\:justify-self-auto{justify-self:auto}.md\\:justify-self-start{justify-self:start}.md\\:justify-self-end{justify-self:end}.md\\:justify-self-center{justify-self:center}.md\\:justify-self-stretch{justify-self:stretch}.md\\:overflow-auto{overflow:auto}.md\\:overflow-hidden{overflow:hidden}.md\\:overflow-visible{overflow:visible}.md\\:overflow-scroll{overflow:scroll}.md\\:overflow-x-auto{overflow-x:auto}.md\\:overflow-y-auto{overflow-y:auto}.md\\:overflow-x-hidden{overflow-x:hidden}.md\\:overflow-y-hidden{overflow-y:hidden}.md\\:overflow-x-visible{overflow-x:visible}.md\\:overflow-y-visible{overflow-y:visible}.md\\:overflow-x-scroll{overflow-x:scroll}.md\\:overflow-y-scroll{overflow-y:scroll}.md\\:whitespace-normal{white-space:normal}.md\\:whitespace-nowrap{white-space:nowrap}.md\\:whitespace-pre{white-space:pre}.md\\:whitespace-pre-line{white-space:pre-line}.md\\:whitespace-pre-wrap{white-space:pre-wrap}.md\\:p-0{padding:var(--spacing-0)}.md\\:p-0\\.5{padding:var(--spacing-0-5)}.md\\:p-1{padding:var(--spacing-1)}.md\\:p-1\\.5{padding:var(--spacing-1-5)}.md\\:p-10{padding:var(--spacing-10)}.md\\:p-11{padding:var(--spacing-11)}.md\\:p-12{padding:var(--spacing-12)}.md\\:p-14{padding:var(--spacing-14)}.md\\:p-16{padding:var(--spacing-16)}.md\\:p-2{padding:var(--spacing-2)}.md\\:p-2\\.5{padding:var(--spacing-2-5)}.md\\:p-20{padding:var(--spacing-20)}.md\\:p-24{padding:var(--spacing-24)}.md\\:p-28{padding:var(--spacing-28)}.md\\:p-3{padding:var(--spacing-3)}.md\\:p-3\\.5{padding:var(--spacing-3-5)}.md\\:p-32{padding:var(--spacing-32)}.md\\:p-36{padding:var(--spacing-36)}.md\\:p-4{padding:var(--spacing-4)}.md\\:p-40{padding:var(--spacing-40)}.md\\:p-44{padding:var(--spacing-44)}.md\\:p-48{padding:var(--spacing-48)}.md\\:p-5{padding:var(--spacing-5)}.md\\:p-52{padding:var(--spacing-52)}.md\\:p-56{padding:var(--spacing-56)}.md\\:p-6{padding:var(--spacing-6)}.md\\:p-60{padding:var(--spacing-60)}.md\\:p-64{padding:var(--spacing-64)}.md\\:p-7{padding:var(--spacing-7)}.md\\:p-72{padding:var(--spacing-72)}.md\\:p-8{padding:var(--spacing-8)}.md\\:p-80{padding:var(--spacing-80)}.md\\:p-9{padding:var(--spacing-9)}.md\\:p-96{padding:var(--spacing-96)}.md\\:p-px{padding:var(--spacing-px)}.md\\:px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.md\\:px-0\\.5{padding-left:var(--spacing-0-5);padding-right:var(--spacing-0-5)}.md\\:px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.md\\:px-1\\.5{padding-left:var(--spacing-1-5);padding-right:var(--spacing-1-5)}.md\\:px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.md\\:px-11{padding-left:var(--spacing-11);padding-right:var(--spacing-11)}.md\\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.md\\:px-14{padding-left:var(--spacing-14);padding-right:var(--spacing-14)}.md\\:px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.md\\:px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.md\\:px-2\\.5{padding-left:var(--spacing-2-5);padding-right:var(--spacing-2-5)}.md\\:px-20{padding-left:var(--spacing-20);padding-right:var(--spacing-20)}.md\\:px-24{padding-left:var(--spacing-24);padding-right:var(--spacing-24)}.md\\:px-28{padding-left:var(--spacing-28);padding-right:var(--spacing-28)}.md\\:px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.md\\:px-3\\.5{padding-left:var(--spacing-3-5);padding-right:var(--spacing-3-5)}.md\\:px-32{padding-left:var(--spacing-32);padding-right:var(--spacing-32)}.md\\:px-36{padding-left:var(--spacing-36);padding-right:var(--spacing-36)}.md\\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.md\\:px-40{padding-left:var(--spacing-40);padding-right:var(--spacing-40)}.md\\:px-44{padding-left:var(--spacing-44);padding-right:var(--spacing-44)}.md\\:px-48{padding-left:var(--spacing-48);padding-right:var(--spacing-48)}.md\\:px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.md\\:px-52{padding-left:var(--spacing-52);padding-right:var(--spacing-52)}.md\\:px-56{padding-left:var(--spacing-56);padding-right:var(--spacing-56)}.md\\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.md\\:px-60{padding-left:var(--spacing-60);padding-right:var(--spacing-60)}.md\\:px-64{padding-left:var(--spacing-64);padding-right:var(--spacing-64)}.md\\:px-7{padding-left:var(--spacing-7);padding-right:var(--spacing-7)}.md\\:px-72{padding-left:var(--spacing-72);padding-right:var(--spacing-72)}.md\\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.md\\:px-80{padding-left:var(--spacing-80);padding-right:var(--spacing-80)}.md\\:px-9{padding-left:var(--spacing-9);padding-right:var(--spacing-9)}.md\\:px-96{padding-left:var(--spacing-96);padding-right:var(--spacing-96)}.md\\:px-px{padding-left:var(--spacing-px);padding-right:var(--spacing-px)}.md\\:py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.md\\:py-0\\.5{padding-top:var(--spacing-0-5);padding-bottom:var(--spacing-0-5)}.md\\:py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.md\\:py-1\\.5{padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5)}.md\\:py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.md\\:py-11{padding-top:var(--spacing-11);padding-bottom:var(--spacing-11)}.md\\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.md\\:py-14{padding-top:var(--spacing-14);padding-bottom:var(--spacing-14)}.md\\:py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.md\\:py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.md\\:py-2\\.5{padding-top:var(--spacing-2-5);padding-bottom:var(--spacing-2-5)}.md\\:py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.md\\:py-24{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.md\\:py-28{padding-top:var(--spacing-28);padding-bottom:var(--spacing-28)}.md\\:py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.md\\:py-3\\.5{padding-top:var(--spacing-3-5);padding-bottom:var(--spacing-3-5)}.md\\:py-32{padding-top:var(--spacing-32);padding-bottom:var(--spacing-32)}.md\\:py-36{padding-top:var(--spacing-36);padding-bottom:var(--spacing-36)}.md\\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.md\\:py-40{padding-top:var(--spacing-40);padding-bottom:var(--spacing-40)}.md\\:py-44{padding-top:var(--spacing-44);padding-bottom:var(--spacing-44)}.md\\:py-48{padding-top:var(--spacing-48);padding-bottom:var(--spacing-48)}.md\\:py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.md\\:py-52{padding-top:var(--spacing-52);padding-bottom:var(--spacing-52)}.md\\:py-56{padding-top:var(--spacing-56);padding-bottom:var(--spacing-56)}.md\\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.md\\:py-60{padding-top:var(--spacing-60);padding-bottom:var(--spacing-60)}.md\\:py-64{padding-top:var(--spacing-64);padding-bottom:var(--spacing-64)}.md\\:py-7{padding-top:var(--spacing-7);padding-bottom:var(--spacing-7)}.md\\:py-72{padding-top:var(--spacing-72);padding-bottom:var(--spacing-72)}.md\\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.md\\:py-80{padding-top:var(--spacing-80);padding-bottom:var(--spacing-80)}.md\\:py-9{padding-top:var(--spacing-9);padding-bottom:var(--spacing-9)}.md\\:py-96{padding-top:var(--spacing-96);padding-bottom:var(--spacing-96)}.md\\:py-px{padding-top:var(--spacing-px);padding-bottom:var(--spacing-px)}.md\\:pb-0{padding-bottom:var(--spacing-0)}.md\\:pb-0\\.5{padding-bottom:var(--spacing-0-5)}.md\\:pb-1{padding-bottom:var(--spacing-1)}.md\\:pb-1\\.5{padding-bottom:var(--spacing-1-5)}.md\\:pb-10{padding-bottom:var(--spacing-10)}.md\\:pb-11{padding-bottom:var(--spacing-11)}.md\\:pb-12{padding-bottom:var(--spacing-12)}.md\\:pb-14{padding-bottom:var(--spacing-14)}.md\\:pb-16{padding-bottom:var(--spacing-16)}.md\\:pb-2{padding-bottom:var(--spacing-2)}.md\\:pb-2\\.5{padding-bottom:var(--spacing-2-5)}.md\\:pb-20{padding-bottom:var(--spacing-20)}.md\\:pb-24{padding-bottom:var(--spacing-24)}.md\\:pb-28{padding-bottom:var(--spacing-28)}.md\\:pb-3{padding-bottom:var(--spacing-3)}.md\\:pb-3\\.5{padding-bottom:var(--spacing-3-5)}.md\\:pb-32{padding-bottom:var(--spacing-32)}.md\\:pb-36{padding-bottom:var(--spacing-36)}.md\\:pb-4{padding-bottom:var(--spacing-4)}.md\\:pb-40{padding-bottom:var(--spacing-40)}.md\\:pb-44{padding-bottom:var(--spacing-44)}.md\\:pb-48{padding-bottom:var(--spacing-48)}.md\\:pb-5{padding-bottom:var(--spacing-5)}.md\\:pb-52{padding-bottom:var(--spacing-52)}.md\\:pb-56{padding-bottom:var(--spacing-56)}.md\\:pb-6{padding-bottom:var(--spacing-6)}.md\\:pb-60{padding-bottom:var(--spacing-60)}.md\\:pb-64{padding-bottom:var(--spacing-64)}.md\\:pb-7{padding-bottom:var(--spacing-7)}.md\\:pb-72{padding-bottom:var(--spacing-72)}.md\\:pb-8{padding-bottom:var(--spacing-8)}.md\\:pb-80{padding-bottom:var(--spacing-80)}.md\\:pb-9{padding-bottom:var(--spacing-9)}.md\\:pb-96{padding-bottom:var(--spacing-96)}.md\\:pb-px{padding-bottom:var(--spacing-px)}.md\\:pl-0{padding-left:var(--spacing-0)}.md\\:pl-0\\.5{padding-left:var(--spacing-0-5)}.md\\:pl-1{padding-left:var(--spacing-1)}.md\\:pl-1\\.5{padding-left:var(--spacing-1-5)}.md\\:pl-10{padding-left:var(--spacing-10)}.md\\:pl-11{padding-left:var(--spacing-11)}.md\\:pl-12{padding-left:var(--spacing-12)}.md\\:pl-14{padding-left:var(--spacing-14)}.md\\:pl-16{padding-left:var(--spacing-16)}.md\\:pl-2{padding-left:var(--spacing-2)}.md\\:pl-2\\.5{padding-left:var(--spacing-2-5)}.md\\:pl-20{padding-left:var(--spacing-20)}.md\\:pl-24{padding-left:var(--spacing-24)}.md\\:pl-28{padding-left:var(--spacing-28)}.md\\:pl-3{padding-left:var(--spacing-3)}.md\\:pl-3\\.5{padding-left:var(--spacing-3-5)}.md\\:pl-32{padding-left:var(--spacing-32)}.md\\:pl-36{padding-left:var(--spacing-36)}.md\\:pl-4{padding-left:var(--spacing-4)}.md\\:pl-40{padding-left:var(--spacing-40)}.md\\:pl-44{padding-left:var(--spacing-44)}.md\\:pl-48{padding-left:var(--spacing-48)}.md\\:pl-5{padding-left:var(--spacing-5)}.md\\:pl-52{padding-left:var(--spacing-52)}.md\\:pl-56{padding-left:var(--spacing-56)}.md\\:pl-6{padding-left:var(--spacing-6)}.md\\:pl-60{padding-left:var(--spacing-60)}.md\\:pl-64{padding-left:var(--spacing-64)}.md\\:pl-7{padding-left:var(--spacing-7)}.md\\:pl-72{padding-left:var(--spacing-72)}.md\\:pl-8{padding-left:var(--spacing-8)}.md\\:pl-80{padding-left:var(--spacing-80)}.md\\:pl-9{padding-left:var(--spacing-9)}.md\\:pl-96{padding-left:var(--spacing-96)}.md\\:pl-px{padding-left:var(--spacing-px)}.md\\:pr-0{padding-right:var(--spacing-0)}.md\\:pr-0\\.5{padding-right:var(--spacing-0-5)}.md\\:pr-1{padding-right:var(--spacing-1)}.md\\:pr-1\\.5{padding-right:var(--spacing-1-5)}.md\\:pr-10{padding-right:var(--spacing-10)}.md\\:pr-11{padding-right:var(--spacing-11)}.md\\:pr-12{padding-right:var(--spacing-12)}.md\\:pr-14{padding-right:var(--spacing-14)}.md\\:pr-16{padding-right:var(--spacing-16)}.md\\:pr-2{padding-right:var(--spacing-2)}.md\\:pr-2\\.5{padding-right:var(--spacing-2-5)}.md\\:pr-20{padding-right:var(--spacing-20)}.md\\:pr-24{padding-right:var(--spacing-24)}.md\\:pr-28{padding-right:var(--spacing-28)}.md\\:pr-3{padding-right:var(--spacing-3)}.md\\:pr-3\\.5{padding-right:var(--spacing-3-5)}.md\\:pr-32{padding-right:var(--spacing-32)}.md\\:pr-36{padding-right:var(--spacing-36)}.md\\:pr-4{padding-right:var(--spacing-4)}.md\\:pr-40{padding-right:var(--spacing-40)}.md\\:pr-44{padding-right:var(--spacing-44)}.md\\:pr-48{padding-right:var(--spacing-48)}.md\\:pr-5{padding-right:var(--spacing-5)}.md\\:pr-52{padding-right:var(--spacing-52)}.md\\:pr-56{padding-right:var(--spacing-56)}.md\\:pr-6{padding-right:var(--spacing-6)}.md\\:pr-60{padding-right:var(--spacing-60)}.md\\:pr-64{padding-right:var(--spacing-64)}.md\\:pr-7{padding-right:var(--spacing-7)}.md\\:pr-72{padding-right:var(--spacing-72)}.md\\:pr-8{padding-right:var(--spacing-8)}.md\\:pr-80{padding-right:var(--spacing-80)}.md\\:pr-9{padding-right:var(--spacing-9)}.md\\:pr-96{padding-right:var(--spacing-96)}.md\\:pr-px{padding-right:var(--spacing-px)}.md\\:pt-0{padding-top:var(--spacing-0)}.md\\:pt-0\\.5{padding-top:var(--spacing-0-5)}.md\\:pt-1{padding-top:var(--spacing-1)}.md\\:pt-1\\.5{padding-top:var(--spacing-1-5)}.md\\:pt-10{padding-top:var(--spacing-10)}.md\\:pt-11{padding-top:var(--spacing-11)}.md\\:pt-12{padding-top:var(--spacing-12)}.md\\:pt-14{padding-top:var(--spacing-14)}.md\\:pt-16{padding-top:var(--spacing-16)}.md\\:pt-2{padding-top:var(--spacing-2)}.md\\:pt-2\\.5{padding-top:var(--spacing-2-5)}.md\\:pt-20{padding-top:var(--spacing-20)}.md\\:pt-24{padding-top:var(--spacing-24)}.md\\:pt-28{padding-top:var(--spacing-28)}.md\\:pt-3{padding-top:var(--spacing-3)}.md\\:pt-3\\.5{padding-top:var(--spacing-3-5)}.md\\:pt-32{padding-top:var(--spacing-32)}.md\\:pt-36{padding-top:var(--spacing-36)}.md\\:pt-4{padding-top:var(--spacing-4)}.md\\:pt-40{padding-top:var(--spacing-40)}.md\\:pt-44{padding-top:var(--spacing-44)}.md\\:pt-48{padding-top:var(--spacing-48)}.md\\:pt-5{padding-top:var(--spacing-5)}.md\\:pt-52{padding-top:var(--spacing-52)}.md\\:pt-56{padding-top:var(--spacing-56)}.md\\:pt-6{padding-top:var(--spacing-6)}.md\\:pt-60{padding-top:var(--spacing-60)}.md\\:pt-64{padding-top:var(--spacing-64)}.md\\:pt-7{padding-top:var(--spacing-7)}.md\\:pt-72{padding-top:var(--spacing-72)}.md\\:pt-8{padding-top:var(--spacing-8)}.md\\:pt-80{padding-top:var(--spacing-80)}.md\\:pt-9{padding-top:var(--spacing-9)}.md\\:pt-96{padding-top:var(--spacing-96)}.md\\:pt-px{padding-top:var(--spacing-px)}.md\\:text-left{text-align:left}.md\\:text-center{text-align:center}.md\\:text-right{text-align:right}.md\\:text-justify{text-align:justify}.md\\:align-baseline{vertical-align:baseline}.md\\:text-2xl{font-size:var(--font-size-2xl)}.md\\:text-3xl{font-size:var(--font-size-3xl)}.md\\:text-4xl{font-size:var(--font-size-4xl)}.md\\:text-5xl{font-size:var(--font-size-5xl)}.md\\:text-6xl{font-size:var(--font-size-6xl)}.md\\:text-7xl{font-size:var(--font-size-7xl)}.md\\:text-8xl{font-size:var(--font-size-8xl)}.md\\:text-9xl{font-size:var(--font-size-9xl)}.md\\:text-lg{font-size:var(--font-size-lg)}.md\\:text-sm{font-size:var(--font-size-sm)}.md\\:text-xl{font-size:var(--font-size-xl)}.md\\:text-xs{font-size:var(--font-size-xs)}}@media (min-width: 1024px){.lg\\:static{position:static}.lg\\:fixed{position:fixed}.lg\\:absolute{position:absolute}.lg\\:relative{position:relative}.lg\\:sticky{position:sticky}.lg\\:bottom-0{bottom:var(--spacing-0)}.lg\\:bottom-auto{bottom:auto}.lg\\:bottom-full{bottom:100%}.lg\\:left-0{left:var(--spacing-0)}.lg\\:left-auto{left:auto}.lg\\:left-full{left:100%}.lg\\:right-0{right:var(--spacing-0)}.lg\\:right-auto{right:auto}.lg\\:right-full{right:100%}.lg\\:top-0{top:var(--spacing-0)}.lg\\:top-auto{top:auto}.lg\\:top-full{top:100%}.lg\\:order-1{order:1}.lg\\:order-10{order:10}.lg\\:order-11{order:11}.lg\\:order-12{order:12}.lg\\:order-2{order:2}.lg\\:order-3{order:3}.lg\\:order-4{order:4}.lg\\:order-5{order:5}.lg\\:order-6{order:6}.lg\\:order-7{order:7}.lg\\:order-8{order:8}.lg\\:order-9{order:9}.lg\\:order-first{order:-9999}.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-10{grid-column:span 10 / span 10}.lg\\:col-span-11{grid-column:span 11 / span 11}.lg\\:col-span-12{grid-column:span 12 / span 12}.lg\\:col-span-2{grid-column:span 2 / span 2}.lg\\:col-span-3{grid-column:span 3 / span 3}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:col-span-5{grid-column:span 5 / span 5}.lg\\:col-span-6{grid-column:span 6 / span 6}.lg\\:col-span-7{grid-column:span 7 / span 7}.lg\\:col-span-8{grid-column:span 8 / span 8}.lg\\:col-span-9{grid-column:span 9 / span 9}.lg\\:col-span-full{grid-column:1 / -1}.lg\\:col-start-1{grid-column-start:1}.lg\\:col-start-10{grid-column-start:10}.lg\\:col-start-11{grid-column-start:11}.lg\\:col-start-12{grid-column-start:12}.lg\\:col-start-13{grid-column-start:13}.lg\\:col-start-2{grid-column-start:2}.lg\\:col-start-3{grid-column-start:3}.lg\\:col-start-4{grid-column-start:4}.lg\\:col-start-5{grid-column-start:5}.lg\\:col-start-6{grid-column-start:6}.lg\\:col-start-7{grid-column-start:7}.lg\\:col-start-8{grid-column-start:8}.lg\\:col-start-9{grid-column-start:9}.lg\\:col-start-auto{grid-column-start:auto}.lg\\:col-end-1{grid-column-end:1}.lg\\:col-end-10{grid-column-end:10}.lg\\:col-end-11{grid-column-end:11}.lg\\:col-end-12{grid-column-end:12}.lg\\:col-end-13{grid-column-end:13}.lg\\:col-end-2{grid-column-end:2}.lg\\:col-end-3{grid-column-end:3}.lg\\:col-end-4{grid-column-end:4}.lg\\:col-end-5{grid-column-end:5}.lg\\:col-end-6{grid-column-end:6}.lg\\:col-end-7{grid-column-end:7}.lg\\:col-end-8{grid-column-end:8}.lg\\:col-end-9{grid-column-end:9}.lg\\:col-end-auto{grid-column-end:auto}.lg\\:row-span-1{grid-row:span 1 / span 1}.lg\\:row-span-10{grid-row:span 10 / span 10}.lg\\:row-span-11{grid-row:span 11 / span 11}.lg\\:row-span-12{grid-row:span 12 / span 12}.lg\\:row-span-2{grid-row:span 2 / span 2}.lg\\:row-span-3{grid-row:span 3 / span 3}.lg\\:row-span-4{grid-row:span 4 / span 4}.lg\\:row-span-5{grid-row:span 5 / span 5}.lg\\:row-span-6{grid-row:span 6 / span 6}.lg\\:row-span-7{grid-row:span 7 / span 7}.lg\\:row-span-8{grid-row:span 8 / span 8}.lg\\:row-span-9{grid-row:span 9 / span 9}.lg\\:row-span-full{grid-row:1 / -1}.lg\\:row-start-1{grid-row-start:1}.lg\\:row-start-10{grid-row-start:10}.lg\\:row-start-11{grid-row-start:11}.lg\\:row-start-12{grid-row-start:12}.lg\\:row-start-13{grid-row-start:13}.lg\\:row-start-2{grid-row-start:2}.lg\\:row-start-3{grid-row-start:3}.lg\\:row-start-4{grid-row-start:4}.lg\\:row-start-5{grid-row-start:5}.lg\\:row-start-6{grid-row-start:6}.lg\\:row-start-7{grid-row-start:7}.lg\\:row-start-8{grid-row-start:8}.lg\\:row-start-9{grid-row-start:9}.lg\\:row-start-auto{grid-row-start:auto}.lg\\:row-end-1{grid-row-end:1}.lg\\:row-end-10{grid-row-end:10}.lg\\:row-end-11{grid-row-end:11}.lg\\:row-end-12{grid-row-end:12}.lg\\:row-end-13{grid-row-end:13}.lg\\:row-end-2{grid-row-end:2}.lg\\:row-end-3{grid-row-end:3}.lg\\:row-end-4{grid-row-end:4}.lg\\:row-end-5{grid-row-end:5}.lg\\:row-end-6{grid-row-end:6}.lg\\:row-end-7{grid-row-end:7}.lg\\:row-end-8{grid-row-end:8}.lg\\:row-end-9{grid-row-end:9}.lg\\:row-end-auto{grid-row-end:auto}.lg\\:m-0{margin:var(--spacing-0)}.lg\\:m-0\\.5{margin:var(--spacing-0-5)}.lg\\:m-1{margin:var(--spacing-1)}.lg\\:m-1\\.5{margin:var(--spacing-1-5)}.lg\\:m-10{margin:var(--spacing-10)}.lg\\:m-11{margin:var(--spacing-11)}.lg\\:m-12{margin:var(--spacing-12)}.lg\\:m-14{margin:var(--spacing-14)}.lg\\:m-16{margin:var(--spacing-16)}.lg\\:m-2{margin:var(--spacing-2)}.lg\\:m-2\\.5{margin:var(--spacing-2-5)}.lg\\:m-20{margin:var(--spacing-20)}.lg\\:m-24{margin:var(--spacing-24)}.lg\\:m-28{margin:var(--spacing-28)}.lg\\:m-3{margin:var(--spacing-3)}.lg\\:m-3\\.5{margin:var(--spacing-3-5)}.lg\\:m-32{margin:var(--spacing-32)}.lg\\:m-36{margin:var(--spacing-36)}.lg\\:m-4{margin:var(--spacing-4)}.lg\\:m-40{margin:var(--spacing-40)}.lg\\:m-44{margin:var(--spacing-44)}.lg\\:m-48{margin:var(--spacing-48)}.lg\\:m-5{margin:var(--spacing-5)}.lg\\:m-52{margin:var(--spacing-52)}.lg\\:m-56{margin:var(--spacing-56)}.lg\\:m-6{margin:var(--spacing-6)}.lg\\:m-60{margin:var(--spacing-60)}.lg\\:m-64{margin:var(--spacing-64)}.lg\\:m-7{margin:var(--spacing-7)}.lg\\:m-72{margin:var(--spacing-72)}.lg\\:m-8{margin:var(--spacing-8)}.lg\\:m-80{margin:var(--spacing-80)}.lg\\:m-9{margin:var(--spacing-9)}.lg\\:m-96{margin:var(--spacing-96)}.lg\\:m-auto{margin:auto}.lg\\:m-px{margin:var(--spacing-px)}.lg\\:mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.lg\\:mx-0\\.5{margin-left:var(--spacing-0-5);margin-right:var(--spacing-0-5)}.lg\\:mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.lg\\:mx-1\\.5{margin-left:var(--spacing-1-5);margin-right:var(--spacing-1-5)}.lg\\:mx-10{margin-left:var(--spacing-10);margin-right:var(--spacing-10)}.lg\\:mx-11{margin-left:var(--spacing-11);margin-right:var(--spacing-11)}.lg\\:mx-12{margin-left:var(--spacing-12);margin-right:var(--spacing-12)}.lg\\:mx-14{margin-left:var(--spacing-14);margin-right:var(--spacing-14)}.lg\\:mx-16{margin-left:var(--spacing-16);margin-right:var(--spacing-16)}.lg\\:mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.lg\\:mx-2\\.5{margin-left:var(--spacing-2-5);margin-right:var(--spacing-2-5)}.lg\\:mx-20{margin-left:var(--spacing-20);margin-right:var(--spacing-20)}.lg\\:mx-24{margin-left:var(--spacing-24);margin-right:var(--spacing-24)}.lg\\:mx-28{margin-left:var(--spacing-28);margin-right:var(--spacing-28)}.lg\\:mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.lg\\:mx-3\\.5{margin-left:var(--spacing-3-5);margin-right:var(--spacing-3-5)}.lg\\:mx-32{margin-left:var(--spacing-32);margin-right:var(--spacing-32)}.lg\\:mx-36{margin-left:var(--spacing-36);margin-right:var(--spacing-36)}.lg\\:mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.lg\\:mx-40{margin-left:var(--spacing-40);margin-right:var(--spacing-40)}.lg\\:mx-44{margin-left:var(--spacing-44);margin-right:var(--spacing-44)}.lg\\:mx-48{margin-left:var(--spacing-48);margin-right:var(--spacing-48)}.lg\\:mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.lg\\:mx-52{margin-left:var(--spacing-52);margin-right:var(--spacing-52)}.lg\\:mx-56{margin-left:var(--spacing-56);margin-right:var(--spacing-56)}.lg\\:mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.lg\\:mx-60{margin-left:var(--spacing-60);margin-right:var(--spacing-60)}.lg\\:mx-64{margin-left:var(--spacing-64);margin-right:var(--spacing-64)}.lg\\:mx-7{margin-left:var(--spacing-7);margin-right:var(--spacing-7)}.lg\\:mx-72{margin-left:var(--spacing-72);margin-right:var(--spacing-72)}.lg\\:mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.lg\\:mx-80{margin-left:var(--spacing-80);margin-right:var(--spacing-80)}.lg\\:mx-9{margin-left:var(--spacing-9);margin-right:var(--spacing-9)}.lg\\:mx-96{margin-left:var(--spacing-96);margin-right:var(--spacing-96)}.lg\\:mx-auto{margin-left:auto;margin-right:auto}.lg\\:mx-px{margin-left:var(--spacing-px);margin-right:var(--spacing-px)}.lg\\:my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.lg\\:my-0\\.5{margin-top:var(--spacing-0-5);margin-bottom:var(--spacing-0-5)}.lg\\:my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.lg\\:my-1\\.5{margin-top:var(--spacing-1-5);margin-bottom:var(--spacing-1-5)}.lg\\:my-10{margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.lg\\:my-11{margin-top:var(--spacing-11);margin-bottom:var(--spacing-11)}.lg\\:my-12{margin-top:var(--spacing-12);margin-bottom:var(--spacing-12)}.lg\\:my-14{margin-top:var(--spacing-14);margin-bottom:var(--spacing-14)}.lg\\:my-16{margin-top:var(--spacing-16);margin-bottom:var(--spacing-16)}.lg\\:my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.lg\\:my-2\\.5{margin-top:var(--spacing-2-5);margin-bottom:var(--spacing-2-5)}.lg\\:my-20{margin-top:var(--spacing-20);margin-bottom:var(--spacing-20)}.lg\\:my-24{margin-top:var(--spacing-24);margin-bottom:var(--spacing-24)}.lg\\:my-28{margin-top:var(--spacing-28);margin-bottom:var(--spacing-28)}.lg\\:my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.lg\\:my-3\\.5{margin-top:var(--spacing-3-5);margin-bottom:var(--spacing-3-5)}.lg\\:my-32{margin-top:var(--spacing-32);margin-bottom:var(--spacing-32)}.lg\\:my-36{margin-top:var(--spacing-36);margin-bottom:var(--spacing-36)}.lg\\:my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.lg\\:my-40{margin-top:var(--spacing-40);margin-bottom:var(--spacing-40)}.lg\\:my-44{margin-top:var(--spacing-44);margin-bottom:var(--spacing-44)}.lg\\:my-48{margin-top:var(--spacing-48);margin-bottom:var(--spacing-48)}.lg\\:my-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.lg\\:my-52{margin-top:var(--spacing-52);margin-bottom:var(--spacing-52)}.lg\\:my-56{margin-top:var(--spacing-56);margin-bottom:var(--spacing-56)}.lg\\:my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.lg\\:my-60{margin-top:var(--spacing-60);margin-bottom:var(--spacing-60)}.lg\\:my-64{margin-top:var(--spacing-64);margin-bottom:var(--spacing-64)}.lg\\:my-7{margin-top:var(--spacing-7);margin-bottom:var(--spacing-7)}.lg\\:my-72{margin-top:var(--spacing-72);margin-bottom:var(--spacing-72)}.lg\\:my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.lg\\:my-80{margin-top:var(--spacing-80);margin-bottom:var(--spacing-80)}.lg\\:my-9{margin-top:var(--spacing-9);margin-bottom:var(--spacing-9)}.lg\\:my-96{margin-top:var(--spacing-96);margin-bottom:var(--spacing-96)}.lg\\:my-auto{margin-top:auto;margin-bottom:auto}.lg\\:my-px{margin-top:var(--spacing-px);margin-bottom:var(--spacing-px)}.lg\\:mb-0{margin-bottom:var(--spacing-0)}.lg\\:mb-0\\.5{margin-bottom:var(--spacing-0-5)}.lg\\:mb-1{margin-bottom:var(--spacing-1)}.lg\\:mb-1\\.5{margin-bottom:var(--spacing-1-5)}.lg\\:mb-10{margin-bottom:var(--spacing-10)}.lg\\:mb-11{margin-bottom:var(--spacing-11)}.lg\\:mb-12{margin-bottom:var(--spacing-12)}.lg\\:mb-14{margin-bottom:var(--spacing-14)}.lg\\:mb-16{margin-bottom:var(--spacing-16)}.lg\\:mb-2{margin-bottom:var(--spacing-2)}.lg\\:mb-2\\.5{margin-bottom:var(--spacing-2-5)}.lg\\:mb-20{margin-bottom:var(--spacing-20)}.lg\\:mb-24{margin-bottom:var(--spacing-24)}.lg\\:mb-28{margin-bottom:var(--spacing-28)}.lg\\:mb-3{margin-bottom:var(--spacing-3)}.lg\\:mb-3\\.5{margin-bottom:var(--spacing-3-5)}.lg\\:mb-32{margin-bottom:var(--spacing-32)}.lg\\:mb-36{margin-bottom:var(--spacing-36)}.lg\\:mb-4{margin-bottom:var(--spacing-4)}.lg\\:mb-40{margin-bottom:var(--spacing-40)}.lg\\:mb-44{margin-bottom:var(--spacing-44)}.lg\\:mb-48{margin-bottom:var(--spacing-48)}.lg\\:mb-5{margin-bottom:var(--spacing-5)}.lg\\:mb-52{margin-bottom:var(--spacing-52)}.lg\\:mb-56{margin-bottom:var(--spacing-56)}.lg\\:mb-6{margin-bottom:var(--spacing-6)}.lg\\:mb-60{margin-bottom:var(--spacing-60)}.lg\\:mb-64{margin-bottom:var(--spacing-64)}.lg\\:mb-7{margin-bottom:var(--spacing-7)}.lg\\:mb-72{margin-bottom:var(--spacing-72)}.lg\\:mb-8{margin-bottom:var(--spacing-8)}.lg\\:mb-80{margin-bottom:var(--spacing-80)}.lg\\:mb-9{margin-bottom:var(--spacing-9)}.lg\\:mb-96{margin-bottom:var(--spacing-96)}.lg\\:mb-auto{margin-bottom:auto}.lg\\:mb-px{margin-bottom:var(--spacing-px)}.lg\\:ml-0{margin-left:var(--spacing-0)}.lg\\:ml-0\\.5{margin-left:var(--spacing-0-5)}.lg\\:ml-1{margin-left:var(--spacing-1)}.lg\\:ml-1\\.5{margin-left:var(--spacing-1-5)}.lg\\:ml-10{margin-left:var(--spacing-10)}.lg\\:ml-11{margin-left:var(--spacing-11)}.lg\\:ml-12{margin-left:var(--spacing-12)}.lg\\:ml-14{margin-left:var(--spacing-14)}.lg\\:ml-16{margin-left:var(--spacing-16)}.lg\\:ml-2{margin-left:var(--spacing-2)}.lg\\:ml-2\\.5{margin-left:var(--spacing-2-5)}.lg\\:ml-20{margin-left:var(--spacing-20)}.lg\\:ml-24{margin-left:var(--spacing-24)}.lg\\:ml-28{margin-left:var(--spacing-28)}.lg\\:ml-3{margin-left:var(--spacing-3)}.lg\\:ml-3\\.5{margin-left:var(--spacing-3-5)}.lg\\:ml-32{margin-left:var(--spacing-32)}.lg\\:ml-36{margin-left:var(--spacing-36)}.lg\\:ml-4{margin-left:var(--spacing-4)}.lg\\:ml-40{margin-left:var(--spacing-40)}.lg\\:ml-44{margin-left:var(--spacing-44)}.lg\\:ml-48{margin-left:var(--spacing-48)}.lg\\:ml-5{margin-left:var(--spacing-5)}.lg\\:ml-52{margin-left:var(--spacing-52)}.lg\\:ml-56{margin-left:var(--spacing-56)}.lg\\:ml-6{margin-left:var(--spacing-6)}.lg\\:ml-60{margin-left:var(--spacing-60)}.lg\\:ml-64{margin-left:var(--spacing-64)}.lg\\:ml-7{margin-left:var(--spacing-7)}.lg\\:ml-72{margin-left:var(--spacing-72)}.lg\\:ml-8{margin-left:var(--spacing-8)}.lg\\:ml-80{margin-left:var(--spacing-80)}.lg\\:ml-9{margin-left:var(--spacing-9)}.lg\\:ml-96{margin-left:var(--spacing-96)}.lg\\:ml-auto{margin-left:auto}.lg\\:ml-px{margin-left:var(--spacing-px)}.lg\\:mr-0{margin-right:var(--spacing-0)}.lg\\:mr-0\\.5{margin-right:var(--spacing-0-5)}.lg\\:mr-1{margin-right:var(--spacing-1)}.lg\\:mr-1\\.5{margin-right:var(--spacing-1-5)}.lg\\:mr-10{margin-right:var(--spacing-10)}.lg\\:mr-11{margin-right:var(--spacing-11)}.lg\\:mr-12{margin-right:var(--spacing-12)}.lg\\:mr-14{margin-right:var(--spacing-14)}.lg\\:mr-16{margin-right:var(--spacing-16)}.lg\\:mr-2{margin-right:var(--spacing-2)}.lg\\:mr-2\\.5{margin-right:var(--spacing-2-5)}.lg\\:mr-20{margin-right:var(--spacing-20)}.lg\\:mr-24{margin-right:var(--spacing-24)}.lg\\:mr-28{margin-right:var(--spacing-28)}.lg\\:mr-3{margin-right:var(--spacing-3)}.lg\\:mr-3\\.5{margin-right:var(--spacing-3-5)}.lg\\:mr-32{margin-right:var(--spacing-32)}.lg\\:mr-36{margin-right:var(--spacing-36)}.lg\\:mr-4{margin-right:var(--spacing-4)}.lg\\:mr-40{margin-right:var(--spacing-40)}.lg\\:mr-44{margin-right:var(--spacing-44)}.lg\\:mr-48{margin-right:var(--spacing-48)}.lg\\:mr-5{margin-right:var(--spacing-5)}.lg\\:mr-52{margin-right:var(--spacing-52)}.lg\\:mr-56{margin-right:var(--spacing-56)}.lg\\:mr-6{margin-right:var(--spacing-6)}.lg\\:mr-60{margin-right:var(--spacing-60)}.lg\\:mr-64{margin-right:var(--spacing-64)}.lg\\:mr-7{margin-right:var(--spacing-7)}.lg\\:mr-72{margin-right:var(--spacing-72)}.lg\\:mr-8{margin-right:var(--spacing-8)}.lg\\:mr-80{margin-right:var(--spacing-80)}.lg\\:mr-9{margin-right:var(--spacing-9)}.lg\\:mr-96{margin-right:var(--spacing-96)}.lg\\:mr-auto{margin-right:auto}.lg\\:mr-px{margin-right:var(--spacing-px)}.lg\\:mt-0{margin-top:var(--spacing-0)}.lg\\:mt-0\\.5{margin-top:var(--spacing-0-5)}.lg\\:mt-1{margin-top:var(--spacing-1)}.lg\\:mt-1\\.5{margin-top:var(--spacing-1-5)}.lg\\:mt-10{margin-top:var(--spacing-10)}.lg\\:mt-11{margin-top:var(--spacing-11)}.lg\\:mt-12{margin-top:var(--spacing-12)}.lg\\:mt-14{margin-top:var(--spacing-14)}.lg\\:mt-16{margin-top:var(--spacing-16)}.lg\\:mt-2{margin-top:var(--spacing-2)}.lg\\:mt-2\\.5{margin-top:var(--spacing-2-5)}.lg\\:mt-20{margin-top:var(--spacing-20)}.lg\\:mt-24{margin-top:var(--spacing-24)}.lg\\:mt-28{margin-top:var(--spacing-28)}.lg\\:mt-3{margin-top:var(--spacing-3)}.lg\\:mt-3\\.5{margin-top:var(--spacing-3-5)}.lg\\:mt-32{margin-top:var(--spacing-32)}.lg\\:mt-36{margin-top:var(--spacing-36)}.lg\\:mt-4{margin-top:var(--spacing-4)}.lg\\:mt-40{margin-top:var(--spacing-40)}.lg\\:mt-44{margin-top:var(--spacing-44)}.lg\\:mt-48{margin-top:var(--spacing-48)}.lg\\:mt-5{margin-top:var(--spacing-5)}.lg\\:mt-52{margin-top:var(--spacing-52)}.lg\\:mt-56{margin-top:var(--spacing-56)}.lg\\:mt-6{margin-top:var(--spacing-6)}.lg\\:mt-60{margin-top:var(--spacing-60)}.lg\\:mt-64{margin-top:var(--spacing-64)}.lg\\:mt-7{margin-top:var(--spacing-7)}.lg\\:mt-72{margin-top:var(--spacing-72)}.lg\\:mt-8{margin-top:var(--spacing-8)}.lg\\:mt-80{margin-top:var(--spacing-80)}.lg\\:mt-9{margin-top:var(--spacing-9)}.lg\\:mt-96{margin-top:var(--spacing-96)}.lg\\:mt-auto{margin-top:auto}.lg\\:mt-px{margin-top:var(--spacing-px)}.lg\\:flex{display:flex}.lg\\:inline-flex{display:inline-flex}.lg\\:grid{display:grid}.lg\\:inline-grid{display:inline-grid}.lg\\:flex-1{flex:1 1 0%}.lg\\:flex-auto{flex:1 1 auto}.lg\\:flex-initial{flex:0 1 auto}.lg\\:flex-none{flex:none}.lg\\:shrink-0{flex-shrink:0}.lg\\:grow-0{flex-grow:0}.lg\\:resize-none{resize:none}.lg\\:resize-y{resize:vertical}.lg\\:resize-x{resize:horizontal}.lg\\:auto-cols-auto{grid-auto-columns:auto}.lg\\:auto-cols-fr{grid-auto-columns:minmax(0, 1fr)}.lg\\:auto-cols-max{grid-auto-columns:max-content}.lg\\:auto-cols-min{grid-auto-columns:min-content}.lg\\:auto-rows-auto{grid-auto-rows:auto}.lg\\:auto-rows-fr{grid-auto-rows:minmax(0, 1fr)}.lg\\:auto-rows-max{grid-auto-rows:max-content}.lg\\:auto-rows-min{grid-auto-rows:min-content}.lg\\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.lg\\:grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.lg\\:grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.lg\\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.lg\\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.lg\\:grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.lg\\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.lg\\:grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.lg\\:grid-cols-none{grid-template-columns:none}.lg\\:grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.lg\\:grid-rows-10{grid-template-rows:repeat(10, minmax(0, 1fr))}.lg\\:grid-rows-11{grid-template-rows:repeat(11, minmax(0, 1fr))}.lg\\:grid-rows-12{grid-template-rows:repeat(12, minmax(0, 1fr))}.lg\\:grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.lg\\:grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.lg\\:grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.lg\\:grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.lg\\:grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.lg\\:grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.lg\\:grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}.lg\\:grid-rows-9{grid-template-rows:repeat(9, minmax(0, 1fr))}.lg\\:grid-rows-none{grid-template-rows:none}.lg\\:flex-row{flex-direction:row}.lg\\:flex-row-reverse{flex-direction:row-reverse}.lg\\:flex-col{flex-direction:column}.lg\\:flex-col-reverse{flex-direction:column-reverse}.lg\\:flex-wrap{flex-wrap:wrap}.lg\\:flex-wrap-reverse{flex-wrap:wrap-reverse}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:place-content-center{place-content:center}.lg\\:place-content-start{place-content:start}.lg\\:place-content-end{place-content:end}.lg\\:place-content-between{place-content:space-between}.lg\\:place-content-around{place-content:space-around}.lg\\:place-content-evenly{place-content:space-evenly}.lg\\:place-content-stretch{place-content:stretch}.lg\\:place-items-start{place-items:start}.lg\\:place-items-end{place-items:end}.lg\\:place-items-center{place-items:center}.lg\\:place-items-stretch{place-items:stretch}.lg\\:content-center{align-content:center}.lg\\:content-start{align-content:flex-start}.lg\\:content-end{align-content:flex-end}.lg\\:content-between{align-content:space-between}.lg\\:content-around{align-content:space-around}.lg\\:content-evenly{align-content:space-evenly}.lg\\:content-stretch{align-content:stretch}.lg\\:items-start{align-items:flex-start}.lg\\:items-end{align-items:flex-end}.lg\\:items-center{align-items:center}.lg\\:items-baseline{align-items:baseline}.lg\\:items-stretch{align-items:stretch}.lg\\:justify-start{justify-content:flex-start}.lg\\:justify-end{justify-content:flex-end}.lg\\:justify-center{justify-content:center}.lg\\:justify-between{justify-content:space-between}.lg\\:justify-around{justify-content:space-around}.lg\\:justify-evenly{justify-content:space-evenly}.lg\\:justify-items-start{justify-items:start}.lg\\:justify-items-end{justify-items:end}.lg\\:justify-items-center{justify-items:center}.lg\\:justify-items-stretch{justify-items:stretch}.lg\\:gap-0{gap:var(--spacing-0)}.lg\\:gap-0\\.5{gap:var(--spacing-0-5)}.lg\\:gap-1{gap:var(--spacing-1)}.lg\\:gap-1\\.5{gap:var(--spacing-1-5)}.lg\\:gap-10{gap:var(--spacing-10)}.lg\\:gap-11{gap:var(--spacing-11)}.lg\\:gap-12{gap:var(--spacing-12)}.lg\\:gap-14{gap:var(--spacing-14)}.lg\\:gap-16{gap:var(--spacing-16)}.lg\\:gap-2{gap:var(--spacing-2)}.lg\\:gap-2\\.5{gap:var(--spacing-2-5)}.lg\\:gap-20{gap:var(--spacing-20)}.lg\\:gap-24{gap:var(--spacing-24)}.lg\\:gap-28{gap:var(--spacing-28)}.lg\\:gap-3{gap:var(--spacing-3)}.lg\\:gap-3\\.5{gap:var(--spacing-3-5)}.lg\\:gap-32{gap:var(--spacing-32)}.lg\\:gap-36{gap:var(--spacing-36)}.lg\\:gap-4{gap:var(--spacing-4)}.lg\\:gap-40{gap:var(--spacing-40)}.lg\\:gap-44{gap:var(--spacing-44)}.lg\\:gap-48{gap:var(--spacing-48)}.lg\\:gap-5{gap:var(--spacing-5)}.lg\\:gap-52{gap:var(--spacing-52)}.lg\\:gap-56{gap:var(--spacing-56)}.lg\\:gap-6{gap:var(--spacing-6)}.lg\\:gap-60{gap:var(--spacing-60)}.lg\\:gap-64{gap:var(--spacing-64)}.lg\\:gap-7{gap:var(--spacing-7)}.lg\\:gap-72{gap:var(--spacing-72)}.lg\\:gap-8{gap:var(--spacing-8)}.lg\\:gap-80{gap:var(--spacing-80)}.lg\\:gap-9{gap:var(--spacing-9)}.lg\\:gap-96{gap:var(--spacing-96)}.lg\\:gap-px{gap:var(--spacing-px)}.lg\\:gap-x-0{-moz-column-gap:var(--spacing-0);column-gap:var(--spacing-0)}.lg\\:gap-x-0\\.5{-moz-column-gap:var(--spacing-0-5);column-gap:var(--spacing-0-5)}.lg\\:gap-x-1{-moz-column-gap:var(--spacing-1);column-gap:var(--spacing-1)}.lg\\:gap-x-1\\.5{-moz-column-gap:var(--spacing-1-5);column-gap:var(--spacing-1-5)}.lg\\:gap-x-10{-moz-column-gap:var(--spacing-10);column-gap:var(--spacing-10)}.lg\\:gap-x-11{-moz-column-gap:var(--spacing-11);column-gap:var(--spacing-11)}.lg\\:gap-x-12{-moz-column-gap:var(--spacing-12);column-gap:var(--spacing-12)}.lg\\:gap-x-14{-moz-column-gap:var(--spacing-14);column-gap:var(--spacing-14)}.lg\\:gap-x-16{-moz-column-gap:var(--spacing-16);column-gap:var(--spacing-16)}.lg\\:gap-x-2{-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2)}.lg\\:gap-x-2\\.5{-moz-column-gap:var(--spacing-2-5);column-gap:var(--spacing-2-5)}.lg\\:gap-x-20{-moz-column-gap:var(--spacing-20);column-gap:var(--spacing-20)}.lg\\:gap-x-24{-moz-column-gap:var(--spacing-24);column-gap:var(--spacing-24)}.lg\\:gap-x-28{-moz-column-gap:var(--spacing-28);column-gap:var(--spacing-28)}.lg\\:gap-x-3{-moz-column-gap:var(--spacing-3);column-gap:var(--spacing-3)}.lg\\:gap-x-3\\.5{-moz-column-gap:var(--spacing-3-5);column-gap:var(--spacing-3-5)}.lg\\:gap-x-32{-moz-column-gap:var(--spacing-32);column-gap:var(--spacing-32)}.lg\\:gap-x-36{-moz-column-gap:var(--spacing-36);column-gap:var(--spacing-36)}.lg\\:gap-x-4{-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4)}.lg\\:gap-x-40{-moz-column-gap:var(--spacing-40);column-gap:var(--spacing-40)}.lg\\:gap-x-44{-moz-column-gap:var(--spacing-44);column-gap:var(--spacing-44)}.lg\\:gap-x-48{-moz-column-gap:var(--spacing-48);column-gap:var(--spacing-48)}.lg\\:gap-x-5{-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5)}.lg\\:gap-x-52{-moz-column-gap:var(--spacing-52);column-gap:var(--spacing-52)}.lg\\:gap-x-56{-moz-column-gap:var(--spacing-56);column-gap:var(--spacing-56)}.lg\\:gap-x-6{-moz-column-gap:var(--spacing-6);column-gap:var(--spacing-6)}.lg\\:gap-x-60{-moz-column-gap:var(--spacing-60);column-gap:var(--spacing-60)}.lg\\:gap-x-64{-moz-column-gap:var(--spacing-64);column-gap:var(--spacing-64)}.lg\\:gap-x-7{-moz-column-gap:var(--spacing-7);column-gap:var(--spacing-7)}.lg\\:gap-x-72{-moz-column-gap:var(--spacing-72);column-gap:var(--spacing-72)}.lg\\:gap-x-8{-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8)}.lg\\:gap-x-80{-moz-column-gap:var(--spacing-80);column-gap:var(--spacing-80)}.lg\\:gap-x-9{-moz-column-gap:var(--spacing-9);column-gap:var(--spacing-9)}.lg\\:gap-x-96{-moz-column-gap:var(--spacing-96);column-gap:var(--spacing-96)}.lg\\:gap-x-px{-moz-column-gap:var(--spacing-px);column-gap:var(--spacing-px)}.lg\\:gap-y-0{row-gap:var(--spacing-0)}.lg\\:gap-y-0\\.5{row-gap:var(--spacing-0-5)}.lg\\:gap-y-1{row-gap:var(--spacing-1)}.lg\\:gap-y-1\\.5{row-gap:var(--spacing-1-5)}.lg\\:gap-y-10{row-gap:var(--spacing-10)}.lg\\:gap-y-11{row-gap:var(--spacing-11)}.lg\\:gap-y-12{row-gap:var(--spacing-12)}.lg\\:gap-y-14{row-gap:var(--spacing-14)}.lg\\:gap-y-16{row-gap:var(--spacing-16)}.lg\\:gap-y-2{row-gap:var(--spacing-2)}.lg\\:gap-y-2\\.5{row-gap:var(--spacing-2-5)}.lg\\:gap-y-20{row-gap:var(--spacing-20)}.lg\\:gap-y-24{row-gap:var(--spacing-24)}.lg\\:gap-y-28{row-gap:var(--spacing-28)}.lg\\:gap-y-3{row-gap:var(--spacing-3)}.lg\\:gap-y-3\\.5{row-gap:var(--spacing-3-5)}.lg\\:gap-y-32{row-gap:var(--spacing-32)}.lg\\:gap-y-36{row-gap:var(--spacing-36)}.lg\\:gap-y-4{row-gap:var(--spacing-4)}.lg\\:gap-y-40{row-gap:var(--spacing-40)}.lg\\:gap-y-44{row-gap:var(--spacing-44)}.lg\\:gap-y-48{row-gap:var(--spacing-48)}.lg\\:gap-y-5{row-gap:var(--spacing-5)}.lg\\:gap-y-52{row-gap:var(--spacing-52)}.lg\\:gap-y-56{row-gap:var(--spacing-56)}.lg\\:gap-y-6{row-gap:var(--spacing-6)}.lg\\:gap-y-60{row-gap:var(--spacing-60)}.lg\\:gap-y-64{row-gap:var(--spacing-64)}.lg\\:gap-y-7{row-gap:var(--spacing-7)}.lg\\:gap-y-72{row-gap:var(--spacing-72)}.lg\\:gap-y-8{row-gap:var(--spacing-8)}.lg\\:gap-y-80{row-gap:var(--spacing-80)}.lg\\:gap-y-9{row-gap:var(--spacing-9)}.lg\\:gap-y-96{row-gap:var(--spacing-96)}.lg\\:gap-y-px{row-gap:var(--spacing-px)}.lg\\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-0) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-0) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-1) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-1) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-10) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-10) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-11>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-11) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-11) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-12) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-12) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-14>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-14) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-14) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-16) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-16) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-2) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-20) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-20) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-24>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-24) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-24) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-28>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-28) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-28) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-3) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-3) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-32>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-32) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-32) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-36>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-36) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-36) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-4) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-4) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-40>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-40) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-40) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-44>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-44) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-44) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-48>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-48) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-48) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-5) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-5) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-52>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-52) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-52) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-56>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-56) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-56) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-6) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-6) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-60>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-60) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-60) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-64>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-64) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-64) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-7) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-7) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-72>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-72) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-72) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-8) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-8) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-80>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-80) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-80) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-9) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-9) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-96>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-96) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-96) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-px) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-px) * calc(1 - var(--tw-space-x-reverse)))}.lg\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-0) * var(--tw-space-y-reverse))}.lg\\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-1) * var(--tw-space-y-reverse))}.lg\\:space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-10) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-10) * var(--tw-space-y-reverse))}.lg\\:space-y-11>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-11) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-11) * var(--tw-space-y-reverse))}.lg\\:space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-12) * var(--tw-space-y-reverse))}.lg\\:space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-14) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-14) * var(--tw-space-y-reverse))}.lg\\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-16) * var(--tw-space-y-reverse))}.lg\\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-2) * var(--tw-space-y-reverse))}.lg\\:space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-20) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-20) * var(--tw-space-y-reverse))}.lg\\:space-y-24>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-24) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-24) * var(--tw-space-y-reverse))}.lg\\:space-y-28>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-28) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-28) * var(--tw-space-y-reverse))}.lg\\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-3) * var(--tw-space-y-reverse))}.lg\\:space-y-32>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-32) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-32) * var(--tw-space-y-reverse))}.lg\\:space-y-36>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-36) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-36) * var(--tw-space-y-reverse))}.lg\\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-4) * var(--tw-space-y-reverse))}.lg\\:space-y-40>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-40) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-40) * var(--tw-space-y-reverse))}.lg\\:space-y-44>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-44) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-44) * var(--tw-space-y-reverse))}.lg\\:space-y-48>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-48) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-48) * var(--tw-space-y-reverse))}.lg\\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-5) * var(--tw-space-y-reverse))}.lg\\:space-y-52>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-52) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-52) * var(--tw-space-y-reverse))}.lg\\:space-y-56>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-56) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-56) * var(--tw-space-y-reverse))}.lg\\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-6) * var(--tw-space-y-reverse))}.lg\\:space-y-60>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-60) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-60) * var(--tw-space-y-reverse))}.lg\\:space-y-64>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-64) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-64) * var(--tw-space-y-reverse))}.lg\\:space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-7) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-7) * var(--tw-space-y-reverse))}.lg\\:space-y-72>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-72) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-72) * var(--tw-space-y-reverse))}.lg\\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-8) * var(--tw-space-y-reverse))}.lg\\:space-y-80>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-80) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-80) * var(--tw-space-y-reverse))}.lg\\:space-y-9>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-9) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-9) * var(--tw-space-y-reverse))}.lg\\:space-y-96>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-96) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-96) * var(--tw-space-y-reverse))}.lg\\:space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-px) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-px) * var(--tw-space-y-reverse))}.lg\\:space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.lg\\:space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.lg\\:place-self-auto{place-self:auto}.lg\\:place-self-start{place-self:start}.lg\\:place-self-end{place-self:end}.lg\\:place-self-center{place-self:center}.lg\\:place-self-stretch{place-self:stretch}.lg\\:self-auto{align-self:auto}.lg\\:self-start{align-self:flex-start}.lg\\:self-end{align-self:flex-end}.lg\\:self-center{align-self:center}.lg\\:self-stretch{align-self:stretch}.lg\\:self-baseline{align-self:baseline}.lg\\:justify-self-auto{justify-self:auto}.lg\\:justify-self-start{justify-self:start}.lg\\:justify-self-end{justify-self:end}.lg\\:justify-self-center{justify-self:center}.lg\\:justify-self-stretch{justify-self:stretch}.lg\\:overflow-auto{overflow:auto}.lg\\:overflow-hidden{overflow:hidden}.lg\\:overflow-visible{overflow:visible}.lg\\:overflow-scroll{overflow:scroll}.lg\\:overflow-x-auto{overflow-x:auto}.lg\\:overflow-y-auto{overflow-y:auto}.lg\\:overflow-x-hidden{overflow-x:hidden}.lg\\:overflow-y-hidden{overflow-y:hidden}.lg\\:overflow-x-visible{overflow-x:visible}.lg\\:overflow-y-visible{overflow-y:visible}.lg\\:overflow-x-scroll{overflow-x:scroll}.lg\\:overflow-y-scroll{overflow-y:scroll}.lg\\:whitespace-normal{white-space:normal}.lg\\:whitespace-nowrap{white-space:nowrap}.lg\\:whitespace-pre{white-space:pre}.lg\\:whitespace-pre-line{white-space:pre-line}.lg\\:whitespace-pre-wrap{white-space:pre-wrap}.lg\\:p-0{padding:var(--spacing-0)}.lg\\:p-0\\.5{padding:var(--spacing-0-5)}.lg\\:p-1{padding:var(--spacing-1)}.lg\\:p-1\\.5{padding:var(--spacing-1-5)}.lg\\:p-10{padding:var(--spacing-10)}.lg\\:p-11{padding:var(--spacing-11)}.lg\\:p-12{padding:var(--spacing-12)}.lg\\:p-14{padding:var(--spacing-14)}.lg\\:p-16{padding:var(--spacing-16)}.lg\\:p-2{padding:var(--spacing-2)}.lg\\:p-2\\.5{padding:var(--spacing-2-5)}.lg\\:p-20{padding:var(--spacing-20)}.lg\\:p-24{padding:var(--spacing-24)}.lg\\:p-28{padding:var(--spacing-28)}.lg\\:p-3{padding:var(--spacing-3)}.lg\\:p-3\\.5{padding:var(--spacing-3-5)}.lg\\:p-32{padding:var(--spacing-32)}.lg\\:p-36{padding:var(--spacing-36)}.lg\\:p-4{padding:var(--spacing-4)}.lg\\:p-40{padding:var(--spacing-40)}.lg\\:p-44{padding:var(--spacing-44)}.lg\\:p-48{padding:var(--spacing-48)}.lg\\:p-5{padding:var(--spacing-5)}.lg\\:p-52{padding:var(--spacing-52)}.lg\\:p-56{padding:var(--spacing-56)}.lg\\:p-6{padding:var(--spacing-6)}.lg\\:p-60{padding:var(--spacing-60)}.lg\\:p-64{padding:var(--spacing-64)}.lg\\:p-7{padding:var(--spacing-7)}.lg\\:p-72{padding:var(--spacing-72)}.lg\\:p-8{padding:var(--spacing-8)}.lg\\:p-80{padding:var(--spacing-80)}.lg\\:p-9{padding:var(--spacing-9)}.lg\\:p-96{padding:var(--spacing-96)}.lg\\:p-px{padding:var(--spacing-px)}.lg\\:px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.lg\\:px-0\\.5{padding-left:var(--spacing-0-5);padding-right:var(--spacing-0-5)}.lg\\:px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.lg\\:px-1\\.5{padding-left:var(--spacing-1-5);padding-right:var(--spacing-1-5)}.lg\\:px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.lg\\:px-11{padding-left:var(--spacing-11);padding-right:var(--spacing-11)}.lg\\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.lg\\:px-14{padding-left:var(--spacing-14);padding-right:var(--spacing-14)}.lg\\:px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.lg\\:px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.lg\\:px-2\\.5{padding-left:var(--spacing-2-5);padding-right:var(--spacing-2-5)}.lg\\:px-20{padding-left:var(--spacing-20);padding-right:var(--spacing-20)}.lg\\:px-24{padding-left:var(--spacing-24);padding-right:var(--spacing-24)}.lg\\:px-28{padding-left:var(--spacing-28);padding-right:var(--spacing-28)}.lg\\:px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.lg\\:px-3\\.5{padding-left:var(--spacing-3-5);padding-right:var(--spacing-3-5)}.lg\\:px-32{padding-left:var(--spacing-32);padding-right:var(--spacing-32)}.lg\\:px-36{padding-left:var(--spacing-36);padding-right:var(--spacing-36)}.lg\\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.lg\\:px-40{padding-left:var(--spacing-40);padding-right:var(--spacing-40)}.lg\\:px-44{padding-left:var(--spacing-44);padding-right:var(--spacing-44)}.lg\\:px-48{padding-left:var(--spacing-48);padding-right:var(--spacing-48)}.lg\\:px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.lg\\:px-52{padding-left:var(--spacing-52);padding-right:var(--spacing-52)}.lg\\:px-56{padding-left:var(--spacing-56);padding-right:var(--spacing-56)}.lg\\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.lg\\:px-60{padding-left:var(--spacing-60);padding-right:var(--spacing-60)}.lg\\:px-64{padding-left:var(--spacing-64);padding-right:var(--spacing-64)}.lg\\:px-7{padding-left:var(--spacing-7);padding-right:var(--spacing-7)}.lg\\:px-72{padding-left:var(--spacing-72);padding-right:var(--spacing-72)}.lg\\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\\:px-80{padding-left:var(--spacing-80);padding-right:var(--spacing-80)}.lg\\:px-9{padding-left:var(--spacing-9);padding-right:var(--spacing-9)}.lg\\:px-96{padding-left:var(--spacing-96);padding-right:var(--spacing-96)}.lg\\:px-px{padding-left:var(--spacing-px);padding-right:var(--spacing-px)}.lg\\:py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.lg\\:py-0\\.5{padding-top:var(--spacing-0-5);padding-bottom:var(--spacing-0-5)}.lg\\:py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.lg\\:py-1\\.5{padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5)}.lg\\:py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.lg\\:py-11{padding-top:var(--spacing-11);padding-bottom:var(--spacing-11)}.lg\\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.lg\\:py-14{padding-top:var(--spacing-14);padding-bottom:var(--spacing-14)}.lg\\:py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.lg\\:py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.lg\\:py-2\\.5{padding-top:var(--spacing-2-5);padding-bottom:var(--spacing-2-5)}.lg\\:py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.lg\\:py-24{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.lg\\:py-28{padding-top:var(--spacing-28);padding-bottom:var(--spacing-28)}.lg\\:py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.lg\\:py-3\\.5{padding-top:var(--spacing-3-5);padding-bottom:var(--spacing-3-5)}.lg\\:py-32{padding-top:var(--spacing-32);padding-bottom:var(--spacing-32)}.lg\\:py-36{padding-top:var(--spacing-36);padding-bottom:var(--spacing-36)}.lg\\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.lg\\:py-40{padding-top:var(--spacing-40);padding-bottom:var(--spacing-40)}.lg\\:py-44{padding-top:var(--spacing-44);padding-bottom:var(--spacing-44)}.lg\\:py-48{padding-top:var(--spacing-48);padding-bottom:var(--spacing-48)}.lg\\:py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.lg\\:py-52{padding-top:var(--spacing-52);padding-bottom:var(--spacing-52)}.lg\\:py-56{padding-top:var(--spacing-56);padding-bottom:var(--spacing-56)}.lg\\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.lg\\:py-60{padding-top:var(--spacing-60);padding-bottom:var(--spacing-60)}.lg\\:py-64{padding-top:var(--spacing-64);padding-bottom:var(--spacing-64)}.lg\\:py-7{padding-top:var(--spacing-7);padding-bottom:var(--spacing-7)}.lg\\:py-72{padding-top:var(--spacing-72);padding-bottom:var(--spacing-72)}.lg\\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.lg\\:py-80{padding-top:var(--spacing-80);padding-bottom:var(--spacing-80)}.lg\\:py-9{padding-top:var(--spacing-9);padding-bottom:var(--spacing-9)}.lg\\:py-96{padding-top:var(--spacing-96);padding-bottom:var(--spacing-96)}.lg\\:py-px{padding-top:var(--spacing-px);padding-bottom:var(--spacing-px)}.lg\\:pb-0{padding-bottom:var(--spacing-0)}.lg\\:pb-0\\.5{padding-bottom:var(--spacing-0-5)}.lg\\:pb-1{padding-bottom:var(--spacing-1)}.lg\\:pb-1\\.5{padding-bottom:var(--spacing-1-5)}.lg\\:pb-10{padding-bottom:var(--spacing-10)}.lg\\:pb-11{padding-bottom:var(--spacing-11)}.lg\\:pb-12{padding-bottom:var(--spacing-12)}.lg\\:pb-14{padding-bottom:var(--spacing-14)}.lg\\:pb-16{padding-bottom:var(--spacing-16)}.lg\\:pb-2{padding-bottom:var(--spacing-2)}.lg\\:pb-2\\.5{padding-bottom:var(--spacing-2-5)}.lg\\:pb-20{padding-bottom:var(--spacing-20)}.lg\\:pb-24{padding-bottom:var(--spacing-24)}.lg\\:pb-28{padding-bottom:var(--spacing-28)}.lg\\:pb-3{padding-bottom:var(--spacing-3)}.lg\\:pb-3\\.5{padding-bottom:var(--spacing-3-5)}.lg\\:pb-32{padding-bottom:var(--spacing-32)}.lg\\:pb-36{padding-bottom:var(--spacing-36)}.lg\\:pb-4{padding-bottom:var(--spacing-4)}.lg\\:pb-40{padding-bottom:var(--spacing-40)}.lg\\:pb-44{padding-bottom:var(--spacing-44)}.lg\\:pb-48{padding-bottom:var(--spacing-48)}.lg\\:pb-5{padding-bottom:var(--spacing-5)}.lg\\:pb-52{padding-bottom:var(--spacing-52)}.lg\\:pb-56{padding-bottom:var(--spacing-56)}.lg\\:pb-6{padding-bottom:var(--spacing-6)}.lg\\:pb-60{padding-bottom:var(--spacing-60)}.lg\\:pb-64{padding-bottom:var(--spacing-64)}.lg\\:pb-7{padding-bottom:var(--spacing-7)}.lg\\:pb-72{padding-bottom:var(--spacing-72)}.lg\\:pb-8{padding-bottom:var(--spacing-8)}.lg\\:pb-80{padding-bottom:var(--spacing-80)}.lg\\:pb-9{padding-bottom:var(--spacing-9)}.lg\\:pb-96{padding-bottom:var(--spacing-96)}.lg\\:pb-px{padding-bottom:var(--spacing-px)}.lg\\:pl-0{padding-left:var(--spacing-0)}.lg\\:pl-0\\.5{padding-left:var(--spacing-0-5)}.lg\\:pl-1{padding-left:var(--spacing-1)}.lg\\:pl-1\\.5{padding-left:var(--spacing-1-5)}.lg\\:pl-10{padding-left:var(--spacing-10)}.lg\\:pl-11{padding-left:var(--spacing-11)}.lg\\:pl-12{padding-left:var(--spacing-12)}.lg\\:pl-14{padding-left:var(--spacing-14)}.lg\\:pl-16{padding-left:var(--spacing-16)}.lg\\:pl-2{padding-left:var(--spacing-2)}.lg\\:pl-2\\.5{padding-left:var(--spacing-2-5)}.lg\\:pl-20{padding-left:var(--spacing-20)}.lg\\:pl-24{padding-left:var(--spacing-24)}.lg\\:pl-28{padding-left:var(--spacing-28)}.lg\\:pl-3{padding-left:var(--spacing-3)}.lg\\:pl-3\\.5{padding-left:var(--spacing-3-5)}.lg\\:pl-32{padding-left:var(--spacing-32)}.lg\\:pl-36{padding-left:var(--spacing-36)}.lg\\:pl-4{padding-left:var(--spacing-4)}.lg\\:pl-40{padding-left:var(--spacing-40)}.lg\\:pl-44{padding-left:var(--spacing-44)}.lg\\:pl-48{padding-left:var(--spacing-48)}.lg\\:pl-5{padding-left:var(--spacing-5)}.lg\\:pl-52{padding-left:var(--spacing-52)}.lg\\:pl-56{padding-left:var(--spacing-56)}.lg\\:pl-6{padding-left:var(--spacing-6)}.lg\\:pl-60{padding-left:var(--spacing-60)}.lg\\:pl-64{padding-left:var(--spacing-64)}.lg\\:pl-7{padding-left:var(--spacing-7)}.lg\\:pl-72{padding-left:var(--spacing-72)}.lg\\:pl-8{padding-left:var(--spacing-8)}.lg\\:pl-80{padding-left:var(--spacing-80)}.lg\\:pl-9{padding-left:var(--spacing-9)}.lg\\:pl-96{padding-left:var(--spacing-96)}.lg\\:pl-px{padding-left:var(--spacing-px)}.lg\\:pr-0{padding-right:var(--spacing-0)}.lg\\:pr-0\\.5{padding-right:var(--spacing-0-5)}.lg\\:pr-1{padding-right:var(--spacing-1)}.lg\\:pr-1\\.5{padding-right:var(--spacing-1-5)}.lg\\:pr-10{padding-right:var(--spacing-10)}.lg\\:pr-11{padding-right:var(--spacing-11)}.lg\\:pr-12{padding-right:var(--spacing-12)}.lg\\:pr-14{padding-right:var(--spacing-14)}.lg\\:pr-16{padding-right:var(--spacing-16)}.lg\\:pr-2{padding-right:var(--spacing-2)}.lg\\:pr-2\\.5{padding-right:var(--spacing-2-5)}.lg\\:pr-20{padding-right:var(--spacing-20)}.lg\\:pr-24{padding-right:var(--spacing-24)}.lg\\:pr-28{padding-right:var(--spacing-28)}.lg\\:pr-3{padding-right:var(--spacing-3)}.lg\\:pr-3\\.5{padding-right:var(--spacing-3-5)}.lg\\:pr-32{padding-right:var(--spacing-32)}.lg\\:pr-36{padding-right:var(--spacing-36)}.lg\\:pr-4{padding-right:var(--spacing-4)}.lg\\:pr-40{padding-right:var(--spacing-40)}.lg\\:pr-44{padding-right:var(--spacing-44)}.lg\\:pr-48{padding-right:var(--spacing-48)}.lg\\:pr-5{padding-right:var(--spacing-5)}.lg\\:pr-52{padding-right:var(--spacing-52)}.lg\\:pr-56{padding-right:var(--spacing-56)}.lg\\:pr-6{padding-right:var(--spacing-6)}.lg\\:pr-60{padding-right:var(--spacing-60)}.lg\\:pr-64{padding-right:var(--spacing-64)}.lg\\:pr-7{padding-right:var(--spacing-7)}.lg\\:pr-72{padding-right:var(--spacing-72)}.lg\\:pr-8{padding-right:var(--spacing-8)}.lg\\:pr-80{padding-right:var(--spacing-80)}.lg\\:pr-9{padding-right:var(--spacing-9)}.lg\\:pr-96{padding-right:var(--spacing-96)}.lg\\:pr-px{padding-right:var(--spacing-px)}.lg\\:pt-0{padding-top:var(--spacing-0)}.lg\\:pt-0\\.5{padding-top:var(--spacing-0-5)}.lg\\:pt-1{padding-top:var(--spacing-1)}.lg\\:pt-1\\.5{padding-top:var(--spacing-1-5)}.lg\\:pt-10{padding-top:var(--spacing-10)}.lg\\:pt-11{padding-top:var(--spacing-11)}.lg\\:pt-12{padding-top:var(--spacing-12)}.lg\\:pt-14{padding-top:var(--spacing-14)}.lg\\:pt-16{padding-top:var(--spacing-16)}.lg\\:pt-2{padding-top:var(--spacing-2)}.lg\\:pt-2\\.5{padding-top:var(--spacing-2-5)}.lg\\:pt-20{padding-top:var(--spacing-20)}.lg\\:pt-24{padding-top:var(--spacing-24)}.lg\\:pt-28{padding-top:var(--spacing-28)}.lg\\:pt-3{padding-top:var(--spacing-3)}.lg\\:pt-3\\.5{padding-top:var(--spacing-3-5)}.lg\\:pt-32{padding-top:var(--spacing-32)}.lg\\:pt-36{padding-top:var(--spacing-36)}.lg\\:pt-4{padding-top:var(--spacing-4)}.lg\\:pt-40{padding-top:var(--spacing-40)}.lg\\:pt-44{padding-top:var(--spacing-44)}.lg\\:pt-48{padding-top:var(--spacing-48)}.lg\\:pt-5{padding-top:var(--spacing-5)}.lg\\:pt-52{padding-top:var(--spacing-52)}.lg\\:pt-56{padding-top:var(--spacing-56)}.lg\\:pt-6{padding-top:var(--spacing-6)}.lg\\:pt-60{padding-top:var(--spacing-60)}.lg\\:pt-64{padding-top:var(--spacing-64)}.lg\\:pt-7{padding-top:var(--spacing-7)}.lg\\:pt-72{padding-top:var(--spacing-72)}.lg\\:pt-8{padding-top:var(--spacing-8)}.lg\\:pt-80{padding-top:var(--spacing-80)}.lg\\:pt-9{padding-top:var(--spacing-9)}.lg\\:pt-96{padding-top:var(--spacing-96)}.lg\\:pt-px{padding-top:var(--spacing-px)}.lg\\:text-left{text-align:left}.lg\\:text-center{text-align:center}.lg\\:text-right{text-align:right}.lg\\:text-justify{text-align:justify}.lg\\:align-baseline{vertical-align:baseline}.lg\\:text-2xl{font-size:var(--font-size-2xl)}.lg\\:text-3xl{font-size:var(--font-size-3xl)}.lg\\:text-4xl{font-size:var(--font-size-4xl)}.lg\\:text-5xl{font-size:var(--font-size-5xl)}.lg\\:text-6xl{font-size:var(--font-size-6xl)}.lg\\:text-7xl{font-size:var(--font-size-7xl)}.lg\\:text-8xl{font-size:var(--font-size-8xl)}.lg\\:text-9xl{font-size:var(--font-size-9xl)}.lg\\:text-lg{font-size:var(--font-size-lg)}.lg\\:text-sm{font-size:var(--font-size-sm)}.lg\\:text-xl{font-size:var(--font-size-xl)}.lg\\:text-xs{font-size:var(--font-size-xs)}}@media (min-width: 1280px){.xl\\:static{position:static}.xl\\:fixed{position:fixed}.xl\\:absolute{position:absolute}.xl\\:relative{position:relative}.xl\\:sticky{position:sticky}.xl\\:bottom-0{bottom:var(--spacing-0)}.xl\\:bottom-auto{bottom:auto}.xl\\:bottom-full{bottom:100%}.xl\\:left-0{left:var(--spacing-0)}.xl\\:left-auto{left:auto}.xl\\:left-full{left:100%}.xl\\:right-0{right:var(--spacing-0)}.xl\\:right-auto{right:auto}.xl\\:right-full{right:100%}.xl\\:top-0{top:var(--spacing-0)}.xl\\:top-auto{top:auto}.xl\\:top-full{top:100%}.xl\\:order-1{order:1}.xl\\:order-10{order:10}.xl\\:order-11{order:11}.xl\\:order-12{order:12}.xl\\:order-2{order:2}.xl\\:order-3{order:3}.xl\\:order-4{order:4}.xl\\:order-5{order:5}.xl\\:order-6{order:6}.xl\\:order-7{order:7}.xl\\:order-8{order:8}.xl\\:order-9{order:9}.xl\\:order-first{order:-9999}.xl\\:order-last{order:9999}.xl\\:order-none{order:0}.xl\\:col-span-1{grid-column:span 1 / span 1}.xl\\:col-span-10{grid-column:span 10 / span 10}.xl\\:col-span-11{grid-column:span 11 / span 11}.xl\\:col-span-12{grid-column:span 12 / span 12}.xl\\:col-span-2{grid-column:span 2 / span 2}.xl\\:col-span-3{grid-column:span 3 / span 3}.xl\\:col-span-4{grid-column:span 4 / span 4}.xl\\:col-span-5{grid-column:span 5 / span 5}.xl\\:col-span-6{grid-column:span 6 / span 6}.xl\\:col-span-7{grid-column:span 7 / span 7}.xl\\:col-span-8{grid-column:span 8 / span 8}.xl\\:col-span-9{grid-column:span 9 / span 9}.xl\\:col-span-full{grid-column:1 / -1}.xl\\:col-start-1{grid-column-start:1}.xl\\:col-start-10{grid-column-start:10}.xl\\:col-start-11{grid-column-start:11}.xl\\:col-start-12{grid-column-start:12}.xl\\:col-start-13{grid-column-start:13}.xl\\:col-start-2{grid-column-start:2}.xl\\:col-start-3{grid-column-start:3}.xl\\:col-start-4{grid-column-start:4}.xl\\:col-start-5{grid-column-start:5}.xl\\:col-start-6{grid-column-start:6}.xl\\:col-start-7{grid-column-start:7}.xl\\:col-start-8{grid-column-start:8}.xl\\:col-start-9{grid-column-start:9}.xl\\:col-start-auto{grid-column-start:auto}.xl\\:col-end-1{grid-column-end:1}.xl\\:col-end-10{grid-column-end:10}.xl\\:col-end-11{grid-column-end:11}.xl\\:col-end-12{grid-column-end:12}.xl\\:col-end-13{grid-column-end:13}.xl\\:col-end-2{grid-column-end:2}.xl\\:col-end-3{grid-column-end:3}.xl\\:col-end-4{grid-column-end:4}.xl\\:col-end-5{grid-column-end:5}.xl\\:col-end-6{grid-column-end:6}.xl\\:col-end-7{grid-column-end:7}.xl\\:col-end-8{grid-column-end:8}.xl\\:col-end-9{grid-column-end:9}.xl\\:col-end-auto{grid-column-end:auto}.xl\\:row-span-1{grid-row:span 1 / span 1}.xl\\:row-span-10{grid-row:span 10 / span 10}.xl\\:row-span-11{grid-row:span 11 / span 11}.xl\\:row-span-12{grid-row:span 12 / span 12}.xl\\:row-span-2{grid-row:span 2 / span 2}.xl\\:row-span-3{grid-row:span 3 / span 3}.xl\\:row-span-4{grid-row:span 4 / span 4}.xl\\:row-span-5{grid-row:span 5 / span 5}.xl\\:row-span-6{grid-row:span 6 / span 6}.xl\\:row-span-7{grid-row:span 7 / span 7}.xl\\:row-span-8{grid-row:span 8 / span 8}.xl\\:row-span-9{grid-row:span 9 / span 9}.xl\\:row-span-full{grid-row:1 / -1}.xl\\:row-start-1{grid-row-start:1}.xl\\:row-start-10{grid-row-start:10}.xl\\:row-start-11{grid-row-start:11}.xl\\:row-start-12{grid-row-start:12}.xl\\:row-start-13{grid-row-start:13}.xl\\:row-start-2{grid-row-start:2}.xl\\:row-start-3{grid-row-start:3}.xl\\:row-start-4{grid-row-start:4}.xl\\:row-start-5{grid-row-start:5}.xl\\:row-start-6{grid-row-start:6}.xl\\:row-start-7{grid-row-start:7}.xl\\:row-start-8{grid-row-start:8}.xl\\:row-start-9{grid-row-start:9}.xl\\:row-start-auto{grid-row-start:auto}.xl\\:row-end-1{grid-row-end:1}.xl\\:row-end-10{grid-row-end:10}.xl\\:row-end-11{grid-row-end:11}.xl\\:row-end-12{grid-row-end:12}.xl\\:row-end-13{grid-row-end:13}.xl\\:row-end-2{grid-row-end:2}.xl\\:row-end-3{grid-row-end:3}.xl\\:row-end-4{grid-row-end:4}.xl\\:row-end-5{grid-row-end:5}.xl\\:row-end-6{grid-row-end:6}.xl\\:row-end-7{grid-row-end:7}.xl\\:row-end-8{grid-row-end:8}.xl\\:row-end-9{grid-row-end:9}.xl\\:row-end-auto{grid-row-end:auto}.xl\\:m-0{margin:var(--spacing-0)}.xl\\:m-0\\.5{margin:var(--spacing-0-5)}.xl\\:m-1{margin:var(--spacing-1)}.xl\\:m-1\\.5{margin:var(--spacing-1-5)}.xl\\:m-10{margin:var(--spacing-10)}.xl\\:m-11{margin:var(--spacing-11)}.xl\\:m-12{margin:var(--spacing-12)}.xl\\:m-14{margin:var(--spacing-14)}.xl\\:m-16{margin:var(--spacing-16)}.xl\\:m-2{margin:var(--spacing-2)}.xl\\:m-2\\.5{margin:var(--spacing-2-5)}.xl\\:m-20{margin:var(--spacing-20)}.xl\\:m-24{margin:var(--spacing-24)}.xl\\:m-28{margin:var(--spacing-28)}.xl\\:m-3{margin:var(--spacing-3)}.xl\\:m-3\\.5{margin:var(--spacing-3-5)}.xl\\:m-32{margin:var(--spacing-32)}.xl\\:m-36{margin:var(--spacing-36)}.xl\\:m-4{margin:var(--spacing-4)}.xl\\:m-40{margin:var(--spacing-40)}.xl\\:m-44{margin:var(--spacing-44)}.xl\\:m-48{margin:var(--spacing-48)}.xl\\:m-5{margin:var(--spacing-5)}.xl\\:m-52{margin:var(--spacing-52)}.xl\\:m-56{margin:var(--spacing-56)}.xl\\:m-6{margin:var(--spacing-6)}.xl\\:m-60{margin:var(--spacing-60)}.xl\\:m-64{margin:var(--spacing-64)}.xl\\:m-7{margin:var(--spacing-7)}.xl\\:m-72{margin:var(--spacing-72)}.xl\\:m-8{margin:var(--spacing-8)}.xl\\:m-80{margin:var(--spacing-80)}.xl\\:m-9{margin:var(--spacing-9)}.xl\\:m-96{margin:var(--spacing-96)}.xl\\:m-auto{margin:auto}.xl\\:m-px{margin:var(--spacing-px)}.xl\\:mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.xl\\:mx-0\\.5{margin-left:var(--spacing-0-5);margin-right:var(--spacing-0-5)}.xl\\:mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.xl\\:mx-1\\.5{margin-left:var(--spacing-1-5);margin-right:var(--spacing-1-5)}.xl\\:mx-10{margin-left:var(--spacing-10);margin-right:var(--spacing-10)}.xl\\:mx-11{margin-left:var(--spacing-11);margin-right:var(--spacing-11)}.xl\\:mx-12{margin-left:var(--spacing-12);margin-right:var(--spacing-12)}.xl\\:mx-14{margin-left:var(--spacing-14);margin-right:var(--spacing-14)}.xl\\:mx-16{margin-left:var(--spacing-16);margin-right:var(--spacing-16)}.xl\\:mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.xl\\:mx-2\\.5{margin-left:var(--spacing-2-5);margin-right:var(--spacing-2-5)}.xl\\:mx-20{margin-left:var(--spacing-20);margin-right:var(--spacing-20)}.xl\\:mx-24{margin-left:var(--spacing-24);margin-right:var(--spacing-24)}.xl\\:mx-28{margin-left:var(--spacing-28);margin-right:var(--spacing-28)}.xl\\:mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.xl\\:mx-3\\.5{margin-left:var(--spacing-3-5);margin-right:var(--spacing-3-5)}.xl\\:mx-32{margin-left:var(--spacing-32);margin-right:var(--spacing-32)}.xl\\:mx-36{margin-left:var(--spacing-36);margin-right:var(--spacing-36)}.xl\\:mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.xl\\:mx-40{margin-left:var(--spacing-40);margin-right:var(--spacing-40)}.xl\\:mx-44{margin-left:var(--spacing-44);margin-right:var(--spacing-44)}.xl\\:mx-48{margin-left:var(--spacing-48);margin-right:var(--spacing-48)}.xl\\:mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.xl\\:mx-52{margin-left:var(--spacing-52);margin-right:var(--spacing-52)}.xl\\:mx-56{margin-left:var(--spacing-56);margin-right:var(--spacing-56)}.xl\\:mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.xl\\:mx-60{margin-left:var(--spacing-60);margin-right:var(--spacing-60)}.xl\\:mx-64{margin-left:var(--spacing-64);margin-right:var(--spacing-64)}.xl\\:mx-7{margin-left:var(--spacing-7);margin-right:var(--spacing-7)}.xl\\:mx-72{margin-left:var(--spacing-72);margin-right:var(--spacing-72)}.xl\\:mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.xl\\:mx-80{margin-left:var(--spacing-80);margin-right:var(--spacing-80)}.xl\\:mx-9{margin-left:var(--spacing-9);margin-right:var(--spacing-9)}.xl\\:mx-96{margin-left:var(--spacing-96);margin-right:var(--spacing-96)}.xl\\:mx-auto{margin-left:auto;margin-right:auto}.xl\\:mx-px{margin-left:var(--spacing-px);margin-right:var(--spacing-px)}.xl\\:my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.xl\\:my-0\\.5{margin-top:var(--spacing-0-5);margin-bottom:var(--spacing-0-5)}.xl\\:my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.xl\\:my-1\\.5{margin-top:var(--spacing-1-5);margin-bottom:var(--spacing-1-5)}.xl\\:my-10{margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.xl\\:my-11{margin-top:var(--spacing-11);margin-bottom:var(--spacing-11)}.xl\\:my-12{margin-top:var(--spacing-12);margin-bottom:var(--spacing-12)}.xl\\:my-14{margin-top:var(--spacing-14);margin-bottom:var(--spacing-14)}.xl\\:my-16{margin-top:var(--spacing-16);margin-bottom:var(--spacing-16)}.xl\\:my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.xl\\:my-2\\.5{margin-top:var(--spacing-2-5);margin-bottom:var(--spacing-2-5)}.xl\\:my-20{margin-top:var(--spacing-20);margin-bottom:var(--spacing-20)}.xl\\:my-24{margin-top:var(--spacing-24);margin-bottom:var(--spacing-24)}.xl\\:my-28{margin-top:var(--spacing-28);margin-bottom:var(--spacing-28)}.xl\\:my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.xl\\:my-3\\.5{margin-top:var(--spacing-3-5);margin-bottom:var(--spacing-3-5)}.xl\\:my-32{margin-top:var(--spacing-32);margin-bottom:var(--spacing-32)}.xl\\:my-36{margin-top:var(--spacing-36);margin-bottom:var(--spacing-36)}.xl\\:my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.xl\\:my-40{margin-top:var(--spacing-40);margin-bottom:var(--spacing-40)}.xl\\:my-44{margin-top:var(--spacing-44);margin-bottom:var(--spacing-44)}.xl\\:my-48{margin-top:var(--spacing-48);margin-bottom:var(--spacing-48)}.xl\\:my-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.xl\\:my-52{margin-top:var(--spacing-52);margin-bottom:var(--spacing-52)}.xl\\:my-56{margin-top:var(--spacing-56);margin-bottom:var(--spacing-56)}.xl\\:my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.xl\\:my-60{margin-top:var(--spacing-60);margin-bottom:var(--spacing-60)}.xl\\:my-64{margin-top:var(--spacing-64);margin-bottom:var(--spacing-64)}.xl\\:my-7{margin-top:var(--spacing-7);margin-bottom:var(--spacing-7)}.xl\\:my-72{margin-top:var(--spacing-72);margin-bottom:var(--spacing-72)}.xl\\:my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.xl\\:my-80{margin-top:var(--spacing-80);margin-bottom:var(--spacing-80)}.xl\\:my-9{margin-top:var(--spacing-9);margin-bottom:var(--spacing-9)}.xl\\:my-96{margin-top:var(--spacing-96);margin-bottom:var(--spacing-96)}.xl\\:my-auto{margin-top:auto;margin-bottom:auto}.xl\\:my-px{margin-top:var(--spacing-px);margin-bottom:var(--spacing-px)}.xl\\:mb-0{margin-bottom:var(--spacing-0)}.xl\\:mb-0\\.5{margin-bottom:var(--spacing-0-5)}.xl\\:mb-1{margin-bottom:var(--spacing-1)}.xl\\:mb-1\\.5{margin-bottom:var(--spacing-1-5)}.xl\\:mb-10{margin-bottom:var(--spacing-10)}.xl\\:mb-11{margin-bottom:var(--spacing-11)}.xl\\:mb-12{margin-bottom:var(--spacing-12)}.xl\\:mb-14{margin-bottom:var(--spacing-14)}.xl\\:mb-16{margin-bottom:var(--spacing-16)}.xl\\:mb-2{margin-bottom:var(--spacing-2)}.xl\\:mb-2\\.5{margin-bottom:var(--spacing-2-5)}.xl\\:mb-20{margin-bottom:var(--spacing-20)}.xl\\:mb-24{margin-bottom:var(--spacing-24)}.xl\\:mb-28{margin-bottom:var(--spacing-28)}.xl\\:mb-3{margin-bottom:var(--spacing-3)}.xl\\:mb-3\\.5{margin-bottom:var(--spacing-3-5)}.xl\\:mb-32{margin-bottom:var(--spacing-32)}.xl\\:mb-36{margin-bottom:var(--spacing-36)}.xl\\:mb-4{margin-bottom:var(--spacing-4)}.xl\\:mb-40{margin-bottom:var(--spacing-40)}.xl\\:mb-44{margin-bottom:var(--spacing-44)}.xl\\:mb-48{margin-bottom:var(--spacing-48)}.xl\\:mb-5{margin-bottom:var(--spacing-5)}.xl\\:mb-52{margin-bottom:var(--spacing-52)}.xl\\:mb-56{margin-bottom:var(--spacing-56)}.xl\\:mb-6{margin-bottom:var(--spacing-6)}.xl\\:mb-60{margin-bottom:var(--spacing-60)}.xl\\:mb-64{margin-bottom:var(--spacing-64)}.xl\\:mb-7{margin-bottom:var(--spacing-7)}.xl\\:mb-72{margin-bottom:var(--spacing-72)}.xl\\:mb-8{margin-bottom:var(--spacing-8)}.xl\\:mb-80{margin-bottom:var(--spacing-80)}.xl\\:mb-9{margin-bottom:var(--spacing-9)}.xl\\:mb-96{margin-bottom:var(--spacing-96)}.xl\\:mb-auto{margin-bottom:auto}.xl\\:mb-px{margin-bottom:var(--spacing-px)}.xl\\:ml-0{margin-left:var(--spacing-0)}.xl\\:ml-0\\.5{margin-left:var(--spacing-0-5)}.xl\\:ml-1{margin-left:var(--spacing-1)}.xl\\:ml-1\\.5{margin-left:var(--spacing-1-5)}.xl\\:ml-10{margin-left:var(--spacing-10)}.xl\\:ml-11{margin-left:var(--spacing-11)}.xl\\:ml-12{margin-left:var(--spacing-12)}.xl\\:ml-14{margin-left:var(--spacing-14)}.xl\\:ml-16{margin-left:var(--spacing-16)}.xl\\:ml-2{margin-left:var(--spacing-2)}.xl\\:ml-2\\.5{margin-left:var(--spacing-2-5)}.xl\\:ml-20{margin-left:var(--spacing-20)}.xl\\:ml-24{margin-left:var(--spacing-24)}.xl\\:ml-28{margin-left:var(--spacing-28)}.xl\\:ml-3{margin-left:var(--spacing-3)}.xl\\:ml-3\\.5{margin-left:var(--spacing-3-5)}.xl\\:ml-32{margin-left:var(--spacing-32)}.xl\\:ml-36{margin-left:var(--spacing-36)}.xl\\:ml-4{margin-left:var(--spacing-4)}.xl\\:ml-40{margin-left:var(--spacing-40)}.xl\\:ml-44{margin-left:var(--spacing-44)}.xl\\:ml-48{margin-left:var(--spacing-48)}.xl\\:ml-5{margin-left:var(--spacing-5)}.xl\\:ml-52{margin-left:var(--spacing-52)}.xl\\:ml-56{margin-left:var(--spacing-56)}.xl\\:ml-6{margin-left:var(--spacing-6)}.xl\\:ml-60{margin-left:var(--spacing-60)}.xl\\:ml-64{margin-left:var(--spacing-64)}.xl\\:ml-7{margin-left:var(--spacing-7)}.xl\\:ml-72{margin-left:var(--spacing-72)}.xl\\:ml-8{margin-left:var(--spacing-8)}.xl\\:ml-80{margin-left:var(--spacing-80)}.xl\\:ml-9{margin-left:var(--spacing-9)}.xl\\:ml-96{margin-left:var(--spacing-96)}.xl\\:ml-auto{margin-left:auto}.xl\\:ml-px{margin-left:var(--spacing-px)}.xl\\:mr-0{margin-right:var(--spacing-0)}.xl\\:mr-0\\.5{margin-right:var(--spacing-0-5)}.xl\\:mr-1{margin-right:var(--spacing-1)}.xl\\:mr-1\\.5{margin-right:var(--spacing-1-5)}.xl\\:mr-10{margin-right:var(--spacing-10)}.xl\\:mr-11{margin-right:var(--spacing-11)}.xl\\:mr-12{margin-right:var(--spacing-12)}.xl\\:mr-14{margin-right:var(--spacing-14)}.xl\\:mr-16{margin-right:var(--spacing-16)}.xl\\:mr-2{margin-right:var(--spacing-2)}.xl\\:mr-2\\.5{margin-right:var(--spacing-2-5)}.xl\\:mr-20{margin-right:var(--spacing-20)}.xl\\:mr-24{margin-right:var(--spacing-24)}.xl\\:mr-28{margin-right:var(--spacing-28)}.xl\\:mr-3{margin-right:var(--spacing-3)}.xl\\:mr-3\\.5{margin-right:var(--spacing-3-5)}.xl\\:mr-32{margin-right:var(--spacing-32)}.xl\\:mr-36{margin-right:var(--spacing-36)}.xl\\:mr-4{margin-right:var(--spacing-4)}.xl\\:mr-40{margin-right:var(--spacing-40)}.xl\\:mr-44{margin-right:var(--spacing-44)}.xl\\:mr-48{margin-right:var(--spacing-48)}.xl\\:mr-5{margin-right:var(--spacing-5)}.xl\\:mr-52{margin-right:var(--spacing-52)}.xl\\:mr-56{margin-right:var(--spacing-56)}.xl\\:mr-6{margin-right:var(--spacing-6)}.xl\\:mr-60{margin-right:var(--spacing-60)}.xl\\:mr-64{margin-right:var(--spacing-64)}.xl\\:mr-7{margin-right:var(--spacing-7)}.xl\\:mr-72{margin-right:var(--spacing-72)}.xl\\:mr-8{margin-right:var(--spacing-8)}.xl\\:mr-80{margin-right:var(--spacing-80)}.xl\\:mr-9{margin-right:var(--spacing-9)}.xl\\:mr-96{margin-right:var(--spacing-96)}.xl\\:mr-auto{margin-right:auto}.xl\\:mr-px{margin-right:var(--spacing-px)}.xl\\:mt-0{margin-top:var(--spacing-0)}.xl\\:mt-0\\.5{margin-top:var(--spacing-0-5)}.xl\\:mt-1{margin-top:var(--spacing-1)}.xl\\:mt-1\\.5{margin-top:var(--spacing-1-5)}.xl\\:mt-10{margin-top:var(--spacing-10)}.xl\\:mt-11{margin-top:var(--spacing-11)}.xl\\:mt-12{margin-top:var(--spacing-12)}.xl\\:mt-14{margin-top:var(--spacing-14)}.xl\\:mt-16{margin-top:var(--spacing-16)}.xl\\:mt-2{margin-top:var(--spacing-2)}.xl\\:mt-2\\.5{margin-top:var(--spacing-2-5)}.xl\\:mt-20{margin-top:var(--spacing-20)}.xl\\:mt-24{margin-top:var(--spacing-24)}.xl\\:mt-28{margin-top:var(--spacing-28)}.xl\\:mt-3{margin-top:var(--spacing-3)}.xl\\:mt-3\\.5{margin-top:var(--spacing-3-5)}.xl\\:mt-32{margin-top:var(--spacing-32)}.xl\\:mt-36{margin-top:var(--spacing-36)}.xl\\:mt-4{margin-top:var(--spacing-4)}.xl\\:mt-40{margin-top:var(--spacing-40)}.xl\\:mt-44{margin-top:var(--spacing-44)}.xl\\:mt-48{margin-top:var(--spacing-48)}.xl\\:mt-5{margin-top:var(--spacing-5)}.xl\\:mt-52{margin-top:var(--spacing-52)}.xl\\:mt-56{margin-top:var(--spacing-56)}.xl\\:mt-6{margin-top:var(--spacing-6)}.xl\\:mt-60{margin-top:var(--spacing-60)}.xl\\:mt-64{margin-top:var(--spacing-64)}.xl\\:mt-7{margin-top:var(--spacing-7)}.xl\\:mt-72{margin-top:var(--spacing-72)}.xl\\:mt-8{margin-top:var(--spacing-8)}.xl\\:mt-80{margin-top:var(--spacing-80)}.xl\\:mt-9{margin-top:var(--spacing-9)}.xl\\:mt-96{margin-top:var(--spacing-96)}.xl\\:mt-auto{margin-top:auto}.xl\\:mt-px{margin-top:var(--spacing-px)}.xl\\:flex{display:flex}.xl\\:inline-flex{display:inline-flex}.xl\\:grid{display:grid}.xl\\:inline-grid{display:inline-grid}.xl\\:flex-1{flex:1 1 0%}.xl\\:flex-auto{flex:1 1 auto}.xl\\:flex-initial{flex:0 1 auto}.xl\\:flex-none{flex:none}.xl\\:shrink-0{flex-shrink:0}.xl\\:grow-0{flex-grow:0}.xl\\:resize-none{resize:none}.xl\\:resize-y{resize:vertical}.xl\\:resize-x{resize:horizontal}.xl\\:auto-cols-auto{grid-auto-columns:auto}.xl\\:auto-cols-fr{grid-auto-columns:minmax(0, 1fr)}.xl\\:auto-cols-max{grid-auto-columns:max-content}.xl\\:auto-cols-min{grid-auto-columns:min-content}.xl\\:auto-rows-auto{grid-auto-rows:auto}.xl\\:auto-rows-fr{grid-auto-rows:minmax(0, 1fr)}.xl\\:auto-rows-max{grid-auto-rows:max-content}.xl\\:auto-rows-min{grid-auto-rows:min-content}.xl\\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.xl\\:grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.xl\\:grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.xl\\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.xl\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.xl\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.xl\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.xl\\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.xl\\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.xl\\:grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.xl\\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.xl\\:grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.xl\\:grid-cols-none{grid-template-columns:none}.xl\\:grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.xl\\:grid-rows-10{grid-template-rows:repeat(10, minmax(0, 1fr))}.xl\\:grid-rows-11{grid-template-rows:repeat(11, minmax(0, 1fr))}.xl\\:grid-rows-12{grid-template-rows:repeat(12, minmax(0, 1fr))}.xl\\:grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.xl\\:grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.xl\\:grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.xl\\:grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.xl\\:grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.xl\\:grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.xl\\:grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}.xl\\:grid-rows-9{grid-template-rows:repeat(9, minmax(0, 1fr))}.xl\\:grid-rows-none{grid-template-rows:none}.xl\\:flex-row{flex-direction:row}.xl\\:flex-row-reverse{flex-direction:row-reverse}.xl\\:flex-col{flex-direction:column}.xl\\:flex-col-reverse{flex-direction:column-reverse}.xl\\:flex-wrap{flex-wrap:wrap}.xl\\:flex-wrap-reverse{flex-wrap:wrap-reverse}.xl\\:flex-nowrap{flex-wrap:nowrap}.xl\\:place-content-center{place-content:center}.xl\\:place-content-start{place-content:start}.xl\\:place-content-end{place-content:end}.xl\\:place-content-between{place-content:space-between}.xl\\:place-content-around{place-content:space-around}.xl\\:place-content-evenly{place-content:space-evenly}.xl\\:place-content-stretch{place-content:stretch}.xl\\:place-items-start{place-items:start}.xl\\:place-items-end{place-items:end}.xl\\:place-items-center{place-items:center}.xl\\:place-items-stretch{place-items:stretch}.xl\\:content-center{align-content:center}.xl\\:content-start{align-content:flex-start}.xl\\:content-end{align-content:flex-end}.xl\\:content-between{align-content:space-between}.xl\\:content-around{align-content:space-around}.xl\\:content-evenly{align-content:space-evenly}.xl\\:content-stretch{align-content:stretch}.xl\\:items-start{align-items:flex-start}.xl\\:items-end{align-items:flex-end}.xl\\:items-center{align-items:center}.xl\\:items-baseline{align-items:baseline}.xl\\:items-stretch{align-items:stretch}.xl\\:justify-start{justify-content:flex-start}.xl\\:justify-end{justify-content:flex-end}.xl\\:justify-center{justify-content:center}.xl\\:justify-between{justify-content:space-between}.xl\\:justify-around{justify-content:space-around}.xl\\:justify-evenly{justify-content:space-evenly}.xl\\:justify-items-start{justify-items:start}.xl\\:justify-items-end{justify-items:end}.xl\\:justify-items-center{justify-items:center}.xl\\:justify-items-stretch{justify-items:stretch}.xl\\:gap-0{gap:var(--spacing-0)}.xl\\:gap-0\\.5{gap:var(--spacing-0-5)}.xl\\:gap-1{gap:var(--spacing-1)}.xl\\:gap-1\\.5{gap:var(--spacing-1-5)}.xl\\:gap-10{gap:var(--spacing-10)}.xl\\:gap-11{gap:var(--spacing-11)}.xl\\:gap-12{gap:var(--spacing-12)}.xl\\:gap-14{gap:var(--spacing-14)}.xl\\:gap-16{gap:var(--spacing-16)}.xl\\:gap-2{gap:var(--spacing-2)}.xl\\:gap-2\\.5{gap:var(--spacing-2-5)}.xl\\:gap-20{gap:var(--spacing-20)}.xl\\:gap-24{gap:var(--spacing-24)}.xl\\:gap-28{gap:var(--spacing-28)}.xl\\:gap-3{gap:var(--spacing-3)}.xl\\:gap-3\\.5{gap:var(--spacing-3-5)}.xl\\:gap-32{gap:var(--spacing-32)}.xl\\:gap-36{gap:var(--spacing-36)}.xl\\:gap-4{gap:var(--spacing-4)}.xl\\:gap-40{gap:var(--spacing-40)}.xl\\:gap-44{gap:var(--spacing-44)}.xl\\:gap-48{gap:var(--spacing-48)}.xl\\:gap-5{gap:var(--spacing-5)}.xl\\:gap-52{gap:var(--spacing-52)}.xl\\:gap-56{gap:var(--spacing-56)}.xl\\:gap-6{gap:var(--spacing-6)}.xl\\:gap-60{gap:var(--spacing-60)}.xl\\:gap-64{gap:var(--spacing-64)}.xl\\:gap-7{gap:var(--spacing-7)}.xl\\:gap-72{gap:var(--spacing-72)}.xl\\:gap-8{gap:var(--spacing-8)}.xl\\:gap-80{gap:var(--spacing-80)}.xl\\:gap-9{gap:var(--spacing-9)}.xl\\:gap-96{gap:var(--spacing-96)}.xl\\:gap-px{gap:var(--spacing-px)}.xl\\:gap-x-0{-moz-column-gap:var(--spacing-0);column-gap:var(--spacing-0)}.xl\\:gap-x-0\\.5{-moz-column-gap:var(--spacing-0-5);column-gap:var(--spacing-0-5)}.xl\\:gap-x-1{-moz-column-gap:var(--spacing-1);column-gap:var(--spacing-1)}.xl\\:gap-x-1\\.5{-moz-column-gap:var(--spacing-1-5);column-gap:var(--spacing-1-5)}.xl\\:gap-x-10{-moz-column-gap:var(--spacing-10);column-gap:var(--spacing-10)}.xl\\:gap-x-11{-moz-column-gap:var(--spacing-11);column-gap:var(--spacing-11)}.xl\\:gap-x-12{-moz-column-gap:var(--spacing-12);column-gap:var(--spacing-12)}.xl\\:gap-x-14{-moz-column-gap:var(--spacing-14);column-gap:var(--spacing-14)}.xl\\:gap-x-16{-moz-column-gap:var(--spacing-16);column-gap:var(--spacing-16)}.xl\\:gap-x-2{-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2)}.xl\\:gap-x-2\\.5{-moz-column-gap:var(--spacing-2-5);column-gap:var(--spacing-2-5)}.xl\\:gap-x-20{-moz-column-gap:var(--spacing-20);column-gap:var(--spacing-20)}.xl\\:gap-x-24{-moz-column-gap:var(--spacing-24);column-gap:var(--spacing-24)}.xl\\:gap-x-28{-moz-column-gap:var(--spacing-28);column-gap:var(--spacing-28)}.xl\\:gap-x-3{-moz-column-gap:var(--spacing-3);column-gap:var(--spacing-3)}.xl\\:gap-x-3\\.5{-moz-column-gap:var(--spacing-3-5);column-gap:var(--spacing-3-5)}.xl\\:gap-x-32{-moz-column-gap:var(--spacing-32);column-gap:var(--spacing-32)}.xl\\:gap-x-36{-moz-column-gap:var(--spacing-36);column-gap:var(--spacing-36)}.xl\\:gap-x-4{-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4)}.xl\\:gap-x-40{-moz-column-gap:var(--spacing-40);column-gap:var(--spacing-40)}.xl\\:gap-x-44{-moz-column-gap:var(--spacing-44);column-gap:var(--spacing-44)}.xl\\:gap-x-48{-moz-column-gap:var(--spacing-48);column-gap:var(--spacing-48)}.xl\\:gap-x-5{-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5)}.xl\\:gap-x-52{-moz-column-gap:var(--spacing-52);column-gap:var(--spacing-52)}.xl\\:gap-x-56{-moz-column-gap:var(--spacing-56);column-gap:var(--spacing-56)}.xl\\:gap-x-6{-moz-column-gap:var(--spacing-6);column-gap:var(--spacing-6)}.xl\\:gap-x-60{-moz-column-gap:var(--spacing-60);column-gap:var(--spacing-60)}.xl\\:gap-x-64{-moz-column-gap:var(--spacing-64);column-gap:var(--spacing-64)}.xl\\:gap-x-7{-moz-column-gap:var(--spacing-7);column-gap:var(--spacing-7)}.xl\\:gap-x-72{-moz-column-gap:var(--spacing-72);column-gap:var(--spacing-72)}.xl\\:gap-x-8{-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8)}.xl\\:gap-x-80{-moz-column-gap:var(--spacing-80);column-gap:var(--spacing-80)}.xl\\:gap-x-9{-moz-column-gap:var(--spacing-9);column-gap:var(--spacing-9)}.xl\\:gap-x-96{-moz-column-gap:var(--spacing-96);column-gap:var(--spacing-96)}.xl\\:gap-x-px{-moz-column-gap:var(--spacing-px);column-gap:var(--spacing-px)}.xl\\:gap-y-0{row-gap:var(--spacing-0)}.xl\\:gap-y-0\\.5{row-gap:var(--spacing-0-5)}.xl\\:gap-y-1{row-gap:var(--spacing-1)}.xl\\:gap-y-1\\.5{row-gap:var(--spacing-1-5)}.xl\\:gap-y-10{row-gap:var(--spacing-10)}.xl\\:gap-y-11{row-gap:var(--spacing-11)}.xl\\:gap-y-12{row-gap:var(--spacing-12)}.xl\\:gap-y-14{row-gap:var(--spacing-14)}.xl\\:gap-y-16{row-gap:var(--spacing-16)}.xl\\:gap-y-2{row-gap:var(--spacing-2)}.xl\\:gap-y-2\\.5{row-gap:var(--spacing-2-5)}.xl\\:gap-y-20{row-gap:var(--spacing-20)}.xl\\:gap-y-24{row-gap:var(--spacing-24)}.xl\\:gap-y-28{row-gap:var(--spacing-28)}.xl\\:gap-y-3{row-gap:var(--spacing-3)}.xl\\:gap-y-3\\.5{row-gap:var(--spacing-3-5)}.xl\\:gap-y-32{row-gap:var(--spacing-32)}.xl\\:gap-y-36{row-gap:var(--spacing-36)}.xl\\:gap-y-4{row-gap:var(--spacing-4)}.xl\\:gap-y-40{row-gap:var(--spacing-40)}.xl\\:gap-y-44{row-gap:var(--spacing-44)}.xl\\:gap-y-48{row-gap:var(--spacing-48)}.xl\\:gap-y-5{row-gap:var(--spacing-5)}.xl\\:gap-y-52{row-gap:var(--spacing-52)}.xl\\:gap-y-56{row-gap:var(--spacing-56)}.xl\\:gap-y-6{row-gap:var(--spacing-6)}.xl\\:gap-y-60{row-gap:var(--spacing-60)}.xl\\:gap-y-64{row-gap:var(--spacing-64)}.xl\\:gap-y-7{row-gap:var(--spacing-7)}.xl\\:gap-y-72{row-gap:var(--spacing-72)}.xl\\:gap-y-8{row-gap:var(--spacing-8)}.xl\\:gap-y-80{row-gap:var(--spacing-80)}.xl\\:gap-y-9{row-gap:var(--spacing-9)}.xl\\:gap-y-96{row-gap:var(--spacing-96)}.xl\\:gap-y-px{row-gap:var(--spacing-px)}.xl\\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-0) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-0) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-1) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-1) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-10) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-10) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-11>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-11) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-11) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-12) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-12) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-14>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-14) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-14) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-16) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-16) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-2) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-20) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-20) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-24>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-24) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-24) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-28>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-28) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-28) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-3) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-3) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-32>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-32) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-32) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-36>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-36) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-36) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-4) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-4) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-40>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-40) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-40) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-44>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-44) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-44) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-48>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-48) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-48) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-5) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-5) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-52>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-52) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-52) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-56>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-56) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-56) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-6) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-6) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-60>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-60) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-60) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-64>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-64) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-64) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-7) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-7) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-72>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-72) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-72) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-8) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-8) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-80>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-80) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-80) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-9) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-9) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-96>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-96) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-96) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-px) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-px) * calc(1 - var(--tw-space-x-reverse)))}.xl\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-0) * var(--tw-space-y-reverse))}.xl\\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-1) * var(--tw-space-y-reverse))}.xl\\:space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-10) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-10) * var(--tw-space-y-reverse))}.xl\\:space-y-11>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-11) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-11) * var(--tw-space-y-reverse))}.xl\\:space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-12) * var(--tw-space-y-reverse))}.xl\\:space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-14) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-14) * var(--tw-space-y-reverse))}.xl\\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-16) * var(--tw-space-y-reverse))}.xl\\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-2) * var(--tw-space-y-reverse))}.xl\\:space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-20) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-20) * var(--tw-space-y-reverse))}.xl\\:space-y-24>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-24) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-24) * var(--tw-space-y-reverse))}.xl\\:space-y-28>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-28) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-28) * var(--tw-space-y-reverse))}.xl\\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-3) * var(--tw-space-y-reverse))}.xl\\:space-y-32>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-32) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-32) * var(--tw-space-y-reverse))}.xl\\:space-y-36>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-36) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-36) * var(--tw-space-y-reverse))}.xl\\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-4) * var(--tw-space-y-reverse))}.xl\\:space-y-40>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-40) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-40) * var(--tw-space-y-reverse))}.xl\\:space-y-44>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-44) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-44) * var(--tw-space-y-reverse))}.xl\\:space-y-48>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-48) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-48) * var(--tw-space-y-reverse))}.xl\\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-5) * var(--tw-space-y-reverse))}.xl\\:space-y-52>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-52) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-52) * var(--tw-space-y-reverse))}.xl\\:space-y-56>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-56) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-56) * var(--tw-space-y-reverse))}.xl\\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-6) * var(--tw-space-y-reverse))}.xl\\:space-y-60>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-60) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-60) * var(--tw-space-y-reverse))}.xl\\:space-y-64>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-64) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-64) * var(--tw-space-y-reverse))}.xl\\:space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-7) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-7) * var(--tw-space-y-reverse))}.xl\\:space-y-72>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-72) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-72) * var(--tw-space-y-reverse))}.xl\\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-8) * var(--tw-space-y-reverse))}.xl\\:space-y-80>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-80) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-80) * var(--tw-space-y-reverse))}.xl\\:space-y-9>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-9) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-9) * var(--tw-space-y-reverse))}.xl\\:space-y-96>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-96) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-96) * var(--tw-space-y-reverse))}.xl\\:space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-px) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-px) * var(--tw-space-y-reverse))}.xl\\:space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.xl\\:space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.xl\\:place-self-auto{place-self:auto}.xl\\:place-self-start{place-self:start}.xl\\:place-self-end{place-self:end}.xl\\:place-self-center{place-self:center}.xl\\:place-self-stretch{place-self:stretch}.xl\\:self-auto{align-self:auto}.xl\\:self-start{align-self:flex-start}.xl\\:self-end{align-self:flex-end}.xl\\:self-center{align-self:center}.xl\\:self-stretch{align-self:stretch}.xl\\:self-baseline{align-self:baseline}.xl\\:justify-self-auto{justify-self:auto}.xl\\:justify-self-start{justify-self:start}.xl\\:justify-self-end{justify-self:end}.xl\\:justify-self-center{justify-self:center}.xl\\:justify-self-stretch{justify-self:stretch}.xl\\:overflow-auto{overflow:auto}.xl\\:overflow-hidden{overflow:hidden}.xl\\:overflow-visible{overflow:visible}.xl\\:overflow-scroll{overflow:scroll}.xl\\:overflow-x-auto{overflow-x:auto}.xl\\:overflow-y-auto{overflow-y:auto}.xl\\:overflow-x-hidden{overflow-x:hidden}.xl\\:overflow-y-hidden{overflow-y:hidden}.xl\\:overflow-x-visible{overflow-x:visible}.xl\\:overflow-y-visible{overflow-y:visible}.xl\\:overflow-x-scroll{overflow-x:scroll}.xl\\:overflow-y-scroll{overflow-y:scroll}.xl\\:whitespace-normal{white-space:normal}.xl\\:whitespace-nowrap{white-space:nowrap}.xl\\:whitespace-pre{white-space:pre}.xl\\:whitespace-pre-line{white-space:pre-line}.xl\\:whitespace-pre-wrap{white-space:pre-wrap}.xl\\:p-0{padding:var(--spacing-0)}.xl\\:p-0\\.5{padding:var(--spacing-0-5)}.xl\\:p-1{padding:var(--spacing-1)}.xl\\:p-1\\.5{padding:var(--spacing-1-5)}.xl\\:p-10{padding:var(--spacing-10)}.xl\\:p-11{padding:var(--spacing-11)}.xl\\:p-12{padding:var(--spacing-12)}.xl\\:p-14{padding:var(--spacing-14)}.xl\\:p-16{padding:var(--spacing-16)}.xl\\:p-2{padding:var(--spacing-2)}.xl\\:p-2\\.5{padding:var(--spacing-2-5)}.xl\\:p-20{padding:var(--spacing-20)}.xl\\:p-24{padding:var(--spacing-24)}.xl\\:p-28{padding:var(--spacing-28)}.xl\\:p-3{padding:var(--spacing-3)}.xl\\:p-3\\.5{padding:var(--spacing-3-5)}.xl\\:p-32{padding:var(--spacing-32)}.xl\\:p-36{padding:var(--spacing-36)}.xl\\:p-4{padding:var(--spacing-4)}.xl\\:p-40{padding:var(--spacing-40)}.xl\\:p-44{padding:var(--spacing-44)}.xl\\:p-48{padding:var(--spacing-48)}.xl\\:p-5{padding:var(--spacing-5)}.xl\\:p-52{padding:var(--spacing-52)}.xl\\:p-56{padding:var(--spacing-56)}.xl\\:p-6{padding:var(--spacing-6)}.xl\\:p-60{padding:var(--spacing-60)}.xl\\:p-64{padding:var(--spacing-64)}.xl\\:p-7{padding:var(--spacing-7)}.xl\\:p-72{padding:var(--spacing-72)}.xl\\:p-8{padding:var(--spacing-8)}.xl\\:p-80{padding:var(--spacing-80)}.xl\\:p-9{padding:var(--spacing-9)}.xl\\:p-96{padding:var(--spacing-96)}.xl\\:p-px{padding:var(--spacing-px)}.xl\\:px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.xl\\:px-0\\.5{padding-left:var(--spacing-0-5);padding-right:var(--spacing-0-5)}.xl\\:px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.xl\\:px-1\\.5{padding-left:var(--spacing-1-5);padding-right:var(--spacing-1-5)}.xl\\:px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.xl\\:px-11{padding-left:var(--spacing-11);padding-right:var(--spacing-11)}.xl\\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.xl\\:px-14{padding-left:var(--spacing-14);padding-right:var(--spacing-14)}.xl\\:px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.xl\\:px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.xl\\:px-2\\.5{padding-left:var(--spacing-2-5);padding-right:var(--spacing-2-5)}.xl\\:px-20{padding-left:var(--spacing-20);padding-right:var(--spacing-20)}.xl\\:px-24{padding-left:var(--spacing-24);padding-right:var(--spacing-24)}.xl\\:px-28{padding-left:var(--spacing-28);padding-right:var(--spacing-28)}.xl\\:px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.xl\\:px-3\\.5{padding-left:var(--spacing-3-5);padding-right:var(--spacing-3-5)}.xl\\:px-32{padding-left:var(--spacing-32);padding-right:var(--spacing-32)}.xl\\:px-36{padding-left:var(--spacing-36);padding-right:var(--spacing-36)}.xl\\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.xl\\:px-40{padding-left:var(--spacing-40);padding-right:var(--spacing-40)}.xl\\:px-44{padding-left:var(--spacing-44);padding-right:var(--spacing-44)}.xl\\:px-48{padding-left:var(--spacing-48);padding-right:var(--spacing-48)}.xl\\:px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.xl\\:px-52{padding-left:var(--spacing-52);padding-right:var(--spacing-52)}.xl\\:px-56{padding-left:var(--spacing-56);padding-right:var(--spacing-56)}.xl\\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.xl\\:px-60{padding-left:var(--spacing-60);padding-right:var(--spacing-60)}.xl\\:px-64{padding-left:var(--spacing-64);padding-right:var(--spacing-64)}.xl\\:px-7{padding-left:var(--spacing-7);padding-right:var(--spacing-7)}.xl\\:px-72{padding-left:var(--spacing-72);padding-right:var(--spacing-72)}.xl\\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.xl\\:px-80{padding-left:var(--spacing-80);padding-right:var(--spacing-80)}.xl\\:px-9{padding-left:var(--spacing-9);padding-right:var(--spacing-9)}.xl\\:px-96{padding-left:var(--spacing-96);padding-right:var(--spacing-96)}.xl\\:px-px{padding-left:var(--spacing-px);padding-right:var(--spacing-px)}.xl\\:py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.xl\\:py-0\\.5{padding-top:var(--spacing-0-5);padding-bottom:var(--spacing-0-5)}.xl\\:py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.xl\\:py-1\\.5{padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5)}.xl\\:py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.xl\\:py-11{padding-top:var(--spacing-11);padding-bottom:var(--spacing-11)}.xl\\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.xl\\:py-14{padding-top:var(--spacing-14);padding-bottom:var(--spacing-14)}.xl\\:py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.xl\\:py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.xl\\:py-2\\.5{padding-top:var(--spacing-2-5);padding-bottom:var(--spacing-2-5)}.xl\\:py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.xl\\:py-24{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.xl\\:py-28{padding-top:var(--spacing-28);padding-bottom:var(--spacing-28)}.xl\\:py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.xl\\:py-3\\.5{padding-top:var(--spacing-3-5);padding-bottom:var(--spacing-3-5)}.xl\\:py-32{padding-top:var(--spacing-32);padding-bottom:var(--spacing-32)}.xl\\:py-36{padding-top:var(--spacing-36);padding-bottom:var(--spacing-36)}.xl\\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.xl\\:py-40{padding-top:var(--spacing-40);padding-bottom:var(--spacing-40)}.xl\\:py-44{padding-top:var(--spacing-44);padding-bottom:var(--spacing-44)}.xl\\:py-48{padding-top:var(--spacing-48);padding-bottom:var(--spacing-48)}.xl\\:py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.xl\\:py-52{padding-top:var(--spacing-52);padding-bottom:var(--spacing-52)}.xl\\:py-56{padding-top:var(--spacing-56);padding-bottom:var(--spacing-56)}.xl\\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.xl\\:py-60{padding-top:var(--spacing-60);padding-bottom:var(--spacing-60)}.xl\\:py-64{padding-top:var(--spacing-64);padding-bottom:var(--spacing-64)}.xl\\:py-7{padding-top:var(--spacing-7);padding-bottom:var(--spacing-7)}.xl\\:py-72{padding-top:var(--spacing-72);padding-bottom:var(--spacing-72)}.xl\\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.xl\\:py-80{padding-top:var(--spacing-80);padding-bottom:var(--spacing-80)}.xl\\:py-9{padding-top:var(--spacing-9);padding-bottom:var(--spacing-9)}.xl\\:py-96{padding-top:var(--spacing-96);padding-bottom:var(--spacing-96)}.xl\\:py-px{padding-top:var(--spacing-px);padding-bottom:var(--spacing-px)}.xl\\:pb-0{padding-bottom:var(--spacing-0)}.xl\\:pb-0\\.5{padding-bottom:var(--spacing-0-5)}.xl\\:pb-1{padding-bottom:var(--spacing-1)}.xl\\:pb-1\\.5{padding-bottom:var(--spacing-1-5)}.xl\\:pb-10{padding-bottom:var(--spacing-10)}.xl\\:pb-11{padding-bottom:var(--spacing-11)}.xl\\:pb-12{padding-bottom:var(--spacing-12)}.xl\\:pb-14{padding-bottom:var(--spacing-14)}.xl\\:pb-16{padding-bottom:var(--spacing-16)}.xl\\:pb-2{padding-bottom:var(--spacing-2)}.xl\\:pb-2\\.5{padding-bottom:var(--spacing-2-5)}.xl\\:pb-20{padding-bottom:var(--spacing-20)}.xl\\:pb-24{padding-bottom:var(--spacing-24)}.xl\\:pb-28{padding-bottom:var(--spacing-28)}.xl\\:pb-3{padding-bottom:var(--spacing-3)}.xl\\:pb-3\\.5{padding-bottom:var(--spacing-3-5)}.xl\\:pb-32{padding-bottom:var(--spacing-32)}.xl\\:pb-36{padding-bottom:var(--spacing-36)}.xl\\:pb-4{padding-bottom:var(--spacing-4)}.xl\\:pb-40{padding-bottom:var(--spacing-40)}.xl\\:pb-44{padding-bottom:var(--spacing-44)}.xl\\:pb-48{padding-bottom:var(--spacing-48)}.xl\\:pb-5{padding-bottom:var(--spacing-5)}.xl\\:pb-52{padding-bottom:var(--spacing-52)}.xl\\:pb-56{padding-bottom:var(--spacing-56)}.xl\\:pb-6{padding-bottom:var(--spacing-6)}.xl\\:pb-60{padding-bottom:var(--spacing-60)}.xl\\:pb-64{padding-bottom:var(--spacing-64)}.xl\\:pb-7{padding-bottom:var(--spacing-7)}.xl\\:pb-72{padding-bottom:var(--spacing-72)}.xl\\:pb-8{padding-bottom:var(--spacing-8)}.xl\\:pb-80{padding-bottom:var(--spacing-80)}.xl\\:pb-9{padding-bottom:var(--spacing-9)}.xl\\:pb-96{padding-bottom:var(--spacing-96)}.xl\\:pb-px{padding-bottom:var(--spacing-px)}.xl\\:pl-0{padding-left:var(--spacing-0)}.xl\\:pl-0\\.5{padding-left:var(--spacing-0-5)}.xl\\:pl-1{padding-left:var(--spacing-1)}.xl\\:pl-1\\.5{padding-left:var(--spacing-1-5)}.xl\\:pl-10{padding-left:var(--spacing-10)}.xl\\:pl-11{padding-left:var(--spacing-11)}.xl\\:pl-12{padding-left:var(--spacing-12)}.xl\\:pl-14{padding-left:var(--spacing-14)}.xl\\:pl-16{padding-left:var(--spacing-16)}.xl\\:pl-2{padding-left:var(--spacing-2)}.xl\\:pl-2\\.5{padding-left:var(--spacing-2-5)}.xl\\:pl-20{padding-left:var(--spacing-20)}.xl\\:pl-24{padding-left:var(--spacing-24)}.xl\\:pl-28{padding-left:var(--spacing-28)}.xl\\:pl-3{padding-left:var(--spacing-3)}.xl\\:pl-3\\.5{padding-left:var(--spacing-3-5)}.xl\\:pl-32{padding-left:var(--spacing-32)}.xl\\:pl-36{padding-left:var(--spacing-36)}.xl\\:pl-4{padding-left:var(--spacing-4)}.xl\\:pl-40{padding-left:var(--spacing-40)}.xl\\:pl-44{padding-left:var(--spacing-44)}.xl\\:pl-48{padding-left:var(--spacing-48)}.xl\\:pl-5{padding-left:var(--spacing-5)}.xl\\:pl-52{padding-left:var(--spacing-52)}.xl\\:pl-56{padding-left:var(--spacing-56)}.xl\\:pl-6{padding-left:var(--spacing-6)}.xl\\:pl-60{padding-left:var(--spacing-60)}.xl\\:pl-64{padding-left:var(--spacing-64)}.xl\\:pl-7{padding-left:var(--spacing-7)}.xl\\:pl-72{padding-left:var(--spacing-72)}.xl\\:pl-8{padding-left:var(--spacing-8)}.xl\\:pl-80{padding-left:var(--spacing-80)}.xl\\:pl-9{padding-left:var(--spacing-9)}.xl\\:pl-96{padding-left:var(--spacing-96)}.xl\\:pl-px{padding-left:var(--spacing-px)}.xl\\:pr-0{padding-right:var(--spacing-0)}.xl\\:pr-0\\.5{padding-right:var(--spacing-0-5)}.xl\\:pr-1{padding-right:var(--spacing-1)}.xl\\:pr-1\\.5{padding-right:var(--spacing-1-5)}.xl\\:pr-10{padding-right:var(--spacing-10)}.xl\\:pr-11{padding-right:var(--spacing-11)}.xl\\:pr-12{padding-right:var(--spacing-12)}.xl\\:pr-14{padding-right:var(--spacing-14)}.xl\\:pr-16{padding-right:var(--spacing-16)}.xl\\:pr-2{padding-right:var(--spacing-2)}.xl\\:pr-2\\.5{padding-right:var(--spacing-2-5)}.xl\\:pr-20{padding-right:var(--spacing-20)}.xl\\:pr-24{padding-right:var(--spacing-24)}.xl\\:pr-28{padding-right:var(--spacing-28)}.xl\\:pr-3{padding-right:var(--spacing-3)}.xl\\:pr-3\\.5{padding-right:var(--spacing-3-5)}.xl\\:pr-32{padding-right:var(--spacing-32)}.xl\\:pr-36{padding-right:var(--spacing-36)}.xl\\:pr-4{padding-right:var(--spacing-4)}.xl\\:pr-40{padding-right:var(--spacing-40)}.xl\\:pr-44{padding-right:var(--spacing-44)}.xl\\:pr-48{padding-right:var(--spacing-48)}.xl\\:pr-5{padding-right:var(--spacing-5)}.xl\\:pr-52{padding-right:var(--spacing-52)}.xl\\:pr-56{padding-right:var(--spacing-56)}.xl\\:pr-6{padding-right:var(--spacing-6)}.xl\\:pr-60{padding-right:var(--spacing-60)}.xl\\:pr-64{padding-right:var(--spacing-64)}.xl\\:pr-7{padding-right:var(--spacing-7)}.xl\\:pr-72{padding-right:var(--spacing-72)}.xl\\:pr-8{padding-right:var(--spacing-8)}.xl\\:pr-80{padding-right:var(--spacing-80)}.xl\\:pr-9{padding-right:var(--spacing-9)}.xl\\:pr-96{padding-right:var(--spacing-96)}.xl\\:pr-px{padding-right:var(--spacing-px)}.xl\\:pt-0{padding-top:var(--spacing-0)}.xl\\:pt-0\\.5{padding-top:var(--spacing-0-5)}.xl\\:pt-1{padding-top:var(--spacing-1)}.xl\\:pt-1\\.5{padding-top:var(--spacing-1-5)}.xl\\:pt-10{padding-top:var(--spacing-10)}.xl\\:pt-11{padding-top:var(--spacing-11)}.xl\\:pt-12{padding-top:var(--spacing-12)}.xl\\:pt-14{padding-top:var(--spacing-14)}.xl\\:pt-16{padding-top:var(--spacing-16)}.xl\\:pt-2{padding-top:var(--spacing-2)}.xl\\:pt-2\\.5{padding-top:var(--spacing-2-5)}.xl\\:pt-20{padding-top:var(--spacing-20)}.xl\\:pt-24{padding-top:var(--spacing-24)}.xl\\:pt-28{padding-top:var(--spacing-28)}.xl\\:pt-3{padding-top:var(--spacing-3)}.xl\\:pt-3\\.5{padding-top:var(--spacing-3-5)}.xl\\:pt-32{padding-top:var(--spacing-32)}.xl\\:pt-36{padding-top:var(--spacing-36)}.xl\\:pt-4{padding-top:var(--spacing-4)}.xl\\:pt-40{padding-top:var(--spacing-40)}.xl\\:pt-44{padding-top:var(--spacing-44)}.xl\\:pt-48{padding-top:var(--spacing-48)}.xl\\:pt-5{padding-top:var(--spacing-5)}.xl\\:pt-52{padding-top:var(--spacing-52)}.xl\\:pt-56{padding-top:var(--spacing-56)}.xl\\:pt-6{padding-top:var(--spacing-6)}.xl\\:pt-60{padding-top:var(--spacing-60)}.xl\\:pt-64{padding-top:var(--spacing-64)}.xl\\:pt-7{padding-top:var(--spacing-7)}.xl\\:pt-72{padding-top:var(--spacing-72)}.xl\\:pt-8{padding-top:var(--spacing-8)}.xl\\:pt-80{padding-top:var(--spacing-80)}.xl\\:pt-9{padding-top:var(--spacing-9)}.xl\\:pt-96{padding-top:var(--spacing-96)}.xl\\:pt-px{padding-top:var(--spacing-px)}.xl\\:text-left{text-align:left}.xl\\:text-center{text-align:center}.xl\\:text-right{text-align:right}.xl\\:text-justify{text-align:justify}.xl\\:align-baseline{vertical-align:baseline}.xl\\:text-2xl{font-size:var(--font-size-2xl)}.xl\\:text-3xl{font-size:var(--font-size-3xl)}.xl\\:text-4xl{font-size:var(--font-size-4xl)}.xl\\:text-5xl{font-size:var(--font-size-5xl)}.xl\\:text-6xl{font-size:var(--font-size-6xl)}.xl\\:text-7xl{font-size:var(--font-size-7xl)}.xl\\:text-8xl{font-size:var(--font-size-8xl)}.xl\\:text-9xl{font-size:var(--font-size-9xl)}.xl\\:text-lg{font-size:var(--font-size-lg)}.xl\\:text-sm{font-size:var(--font-size-sm)}.xl\\:text-xl{font-size:var(--font-size-xl)}.xl\\:text-xs{font-size:var(--font-size-xs)}}@media (min-width: 1536px){.\\32xl\\:static{position:static}.\\32xl\\:fixed{position:fixed}.\\32xl\\:absolute{position:absolute}.\\32xl\\:relative{position:relative}.\\32xl\\:sticky{position:sticky}.\\32xl\\:bottom-0{bottom:var(--spacing-0)}.\\32xl\\:bottom-auto{bottom:auto}.\\32xl\\:bottom-full{bottom:100%}.\\32xl\\:left-0{left:var(--spacing-0)}.\\32xl\\:left-auto{left:auto}.\\32xl\\:left-full{left:100%}.\\32xl\\:right-0{right:var(--spacing-0)}.\\32xl\\:right-auto{right:auto}.\\32xl\\:right-full{right:100%}.\\32xl\\:top-0{top:var(--spacing-0)}.\\32xl\\:top-auto{top:auto}.\\32xl\\:top-full{top:100%}.\\32xl\\:order-1{order:1}.\\32xl\\:order-10{order:10}.\\32xl\\:order-11{order:11}.\\32xl\\:order-12{order:12}.\\32xl\\:order-2{order:2}.\\32xl\\:order-3{order:3}.\\32xl\\:order-4{order:4}.\\32xl\\:order-5{order:5}.\\32xl\\:order-6{order:6}.\\32xl\\:order-7{order:7}.\\32xl\\:order-8{order:8}.\\32xl\\:order-9{order:9}.\\32xl\\:order-first{order:-9999}.\\32xl\\:order-last{order:9999}.\\32xl\\:order-none{order:0}.\\32xl\\:col-span-1{grid-column:span 1 / span 1}.\\32xl\\:col-span-10{grid-column:span 10 / span 10}.\\32xl\\:col-span-11{grid-column:span 11 / span 11}.\\32xl\\:col-span-12{grid-column:span 12 / span 12}.\\32xl\\:col-span-2{grid-column:span 2 / span 2}.\\32xl\\:col-span-3{grid-column:span 3 / span 3}.\\32xl\\:col-span-4{grid-column:span 4 / span 4}.\\32xl\\:col-span-5{grid-column:span 5 / span 5}.\\32xl\\:col-span-6{grid-column:span 6 / span 6}.\\32xl\\:col-span-7{grid-column:span 7 / span 7}.\\32xl\\:col-span-8{grid-column:span 8 / span 8}.\\32xl\\:col-span-9{grid-column:span 9 / span 9}.\\32xl\\:col-span-full{grid-column:1 / -1}.\\32xl\\:col-start-1{grid-column-start:1}.\\32xl\\:col-start-10{grid-column-start:10}.\\32xl\\:col-start-11{grid-column-start:11}.\\32xl\\:col-start-12{grid-column-start:12}.\\32xl\\:col-start-13{grid-column-start:13}.\\32xl\\:col-start-2{grid-column-start:2}.\\32xl\\:col-start-3{grid-column-start:3}.\\32xl\\:col-start-4{grid-column-start:4}.\\32xl\\:col-start-5{grid-column-start:5}.\\32xl\\:col-start-6{grid-column-start:6}.\\32xl\\:col-start-7{grid-column-start:7}.\\32xl\\:col-start-8{grid-column-start:8}.\\32xl\\:col-start-9{grid-column-start:9}.\\32xl\\:col-start-auto{grid-column-start:auto}.\\32xl\\:col-end-1{grid-column-end:1}.\\32xl\\:col-end-10{grid-column-end:10}.\\32xl\\:col-end-11{grid-column-end:11}.\\32xl\\:col-end-12{grid-column-end:12}.\\32xl\\:col-end-13{grid-column-end:13}.\\32xl\\:col-end-2{grid-column-end:2}.\\32xl\\:col-end-3{grid-column-end:3}.\\32xl\\:col-end-4{grid-column-end:4}.\\32xl\\:col-end-5{grid-column-end:5}.\\32xl\\:col-end-6{grid-column-end:6}.\\32xl\\:col-end-7{grid-column-end:7}.\\32xl\\:col-end-8{grid-column-end:8}.\\32xl\\:col-end-9{grid-column-end:9}.\\32xl\\:col-end-auto{grid-column-end:auto}.\\32xl\\:row-span-1{grid-row:span 1 / span 1}.\\32xl\\:row-span-10{grid-row:span 10 / span 10}.\\32xl\\:row-span-11{grid-row:span 11 / span 11}.\\32xl\\:row-span-12{grid-row:span 12 / span 12}.\\32xl\\:row-span-2{grid-row:span 2 / span 2}.\\32xl\\:row-span-3{grid-row:span 3 / span 3}.\\32xl\\:row-span-4{grid-row:span 4 / span 4}.\\32xl\\:row-span-5{grid-row:span 5 / span 5}.\\32xl\\:row-span-6{grid-row:span 6 / span 6}.\\32xl\\:row-span-7{grid-row:span 7 / span 7}.\\32xl\\:row-span-8{grid-row:span 8 / span 8}.\\32xl\\:row-span-9{grid-row:span 9 / span 9}.\\32xl\\:row-span-full{grid-row:1 / -1}.\\32xl\\:row-start-1{grid-row-start:1}.\\32xl\\:row-start-10{grid-row-start:10}.\\32xl\\:row-start-11{grid-row-start:11}.\\32xl\\:row-start-12{grid-row-start:12}.\\32xl\\:row-start-13{grid-row-start:13}.\\32xl\\:row-start-2{grid-row-start:2}.\\32xl\\:row-start-3{grid-row-start:3}.\\32xl\\:row-start-4{grid-row-start:4}.\\32xl\\:row-start-5{grid-row-start:5}.\\32xl\\:row-start-6{grid-row-start:6}.\\32xl\\:row-start-7{grid-row-start:7}.\\32xl\\:row-start-8{grid-row-start:8}.\\32xl\\:row-start-9{grid-row-start:9}.\\32xl\\:row-start-auto{grid-row-start:auto}.\\32xl\\:row-end-1{grid-row-end:1}.\\32xl\\:row-end-10{grid-row-end:10}.\\32xl\\:row-end-11{grid-row-end:11}.\\32xl\\:row-end-12{grid-row-end:12}.\\32xl\\:row-end-13{grid-row-end:13}.\\32xl\\:row-end-2{grid-row-end:2}.\\32xl\\:row-end-3{grid-row-end:3}.\\32xl\\:row-end-4{grid-row-end:4}.\\32xl\\:row-end-5{grid-row-end:5}.\\32xl\\:row-end-6{grid-row-end:6}.\\32xl\\:row-end-7{grid-row-end:7}.\\32xl\\:row-end-8{grid-row-end:8}.\\32xl\\:row-end-9{grid-row-end:9}.\\32xl\\:row-end-auto{grid-row-end:auto}.\\32xl\\:m-0{margin:var(--spacing-0)}.\\32xl\\:m-0\\.5{margin:var(--spacing-0-5)}.\\32xl\\:m-1{margin:var(--spacing-1)}.\\32xl\\:m-1\\.5{margin:var(--spacing-1-5)}.\\32xl\\:m-10{margin:var(--spacing-10)}.\\32xl\\:m-11{margin:var(--spacing-11)}.\\32xl\\:m-12{margin:var(--spacing-12)}.\\32xl\\:m-14{margin:var(--spacing-14)}.\\32xl\\:m-16{margin:var(--spacing-16)}.\\32xl\\:m-2{margin:var(--spacing-2)}.\\32xl\\:m-2\\.5{margin:var(--spacing-2-5)}.\\32xl\\:m-20{margin:var(--spacing-20)}.\\32xl\\:m-24{margin:var(--spacing-24)}.\\32xl\\:m-28{margin:var(--spacing-28)}.\\32xl\\:m-3{margin:var(--spacing-3)}.\\32xl\\:m-3\\.5{margin:var(--spacing-3-5)}.\\32xl\\:m-32{margin:var(--spacing-32)}.\\32xl\\:m-36{margin:var(--spacing-36)}.\\32xl\\:m-4{margin:var(--spacing-4)}.\\32xl\\:m-40{margin:var(--spacing-40)}.\\32xl\\:m-44{margin:var(--spacing-44)}.\\32xl\\:m-48{margin:var(--spacing-48)}.\\32xl\\:m-5{margin:var(--spacing-5)}.\\32xl\\:m-52{margin:var(--spacing-52)}.\\32xl\\:m-56{margin:var(--spacing-56)}.\\32xl\\:m-6{margin:var(--spacing-6)}.\\32xl\\:m-60{margin:var(--spacing-60)}.\\32xl\\:m-64{margin:var(--spacing-64)}.\\32xl\\:m-7{margin:var(--spacing-7)}.\\32xl\\:m-72{margin:var(--spacing-72)}.\\32xl\\:m-8{margin:var(--spacing-8)}.\\32xl\\:m-80{margin:var(--spacing-80)}.\\32xl\\:m-9{margin:var(--spacing-9)}.\\32xl\\:m-96{margin:var(--spacing-96)}.\\32xl\\:m-auto{margin:auto}.\\32xl\\:m-px{margin:var(--spacing-px)}.\\32xl\\:mx-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.\\32xl\\:mx-0\\.5{margin-left:var(--spacing-0-5);margin-right:var(--spacing-0-5)}.\\32xl\\:mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.\\32xl\\:mx-1\\.5{margin-left:var(--spacing-1-5);margin-right:var(--spacing-1-5)}.\\32xl\\:mx-10{margin-left:var(--spacing-10);margin-right:var(--spacing-10)}.\\32xl\\:mx-11{margin-left:var(--spacing-11);margin-right:var(--spacing-11)}.\\32xl\\:mx-12{margin-left:var(--spacing-12);margin-right:var(--spacing-12)}.\\32xl\\:mx-14{margin-left:var(--spacing-14);margin-right:var(--spacing-14)}.\\32xl\\:mx-16{margin-left:var(--spacing-16);margin-right:var(--spacing-16)}.\\32xl\\:mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.\\32xl\\:mx-2\\.5{margin-left:var(--spacing-2-5);margin-right:var(--spacing-2-5)}.\\32xl\\:mx-20{margin-left:var(--spacing-20);margin-right:var(--spacing-20)}.\\32xl\\:mx-24{margin-left:var(--spacing-24);margin-right:var(--spacing-24)}.\\32xl\\:mx-28{margin-left:var(--spacing-28);margin-right:var(--spacing-28)}.\\32xl\\:mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.\\32xl\\:mx-3\\.5{margin-left:var(--spacing-3-5);margin-right:var(--spacing-3-5)}.\\32xl\\:mx-32{margin-left:var(--spacing-32);margin-right:var(--spacing-32)}.\\32xl\\:mx-36{margin-left:var(--spacing-36);margin-right:var(--spacing-36)}.\\32xl\\:mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.\\32xl\\:mx-40{margin-left:var(--spacing-40);margin-right:var(--spacing-40)}.\\32xl\\:mx-44{margin-left:var(--spacing-44);margin-right:var(--spacing-44)}.\\32xl\\:mx-48{margin-left:var(--spacing-48);margin-right:var(--spacing-48)}.\\32xl\\:mx-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.\\32xl\\:mx-52{margin-left:var(--spacing-52);margin-right:var(--spacing-52)}.\\32xl\\:mx-56{margin-left:var(--spacing-56);margin-right:var(--spacing-56)}.\\32xl\\:mx-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.\\32xl\\:mx-60{margin-left:var(--spacing-60);margin-right:var(--spacing-60)}.\\32xl\\:mx-64{margin-left:var(--spacing-64);margin-right:var(--spacing-64)}.\\32xl\\:mx-7{margin-left:var(--spacing-7);margin-right:var(--spacing-7)}.\\32xl\\:mx-72{margin-left:var(--spacing-72);margin-right:var(--spacing-72)}.\\32xl\\:mx-8{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.\\32xl\\:mx-80{margin-left:var(--spacing-80);margin-right:var(--spacing-80)}.\\32xl\\:mx-9{margin-left:var(--spacing-9);margin-right:var(--spacing-9)}.\\32xl\\:mx-96{margin-left:var(--spacing-96);margin-right:var(--spacing-96)}.\\32xl\\:mx-auto{margin-left:auto;margin-right:auto}.\\32xl\\:mx-px{margin-left:var(--spacing-px);margin-right:var(--spacing-px)}.\\32xl\\:my-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.\\32xl\\:my-0\\.5{margin-top:var(--spacing-0-5);margin-bottom:var(--spacing-0-5)}.\\32xl\\:my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.\\32xl\\:my-1\\.5{margin-top:var(--spacing-1-5);margin-bottom:var(--spacing-1-5)}.\\32xl\\:my-10{margin-top:var(--spacing-10);margin-bottom:var(--spacing-10)}.\\32xl\\:my-11{margin-top:var(--spacing-11);margin-bottom:var(--spacing-11)}.\\32xl\\:my-12{margin-top:var(--spacing-12);margin-bottom:var(--spacing-12)}.\\32xl\\:my-14{margin-top:var(--spacing-14);margin-bottom:var(--spacing-14)}.\\32xl\\:my-16{margin-top:var(--spacing-16);margin-bottom:var(--spacing-16)}.\\32xl\\:my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.\\32xl\\:my-2\\.5{margin-top:var(--spacing-2-5);margin-bottom:var(--spacing-2-5)}.\\32xl\\:my-20{margin-top:var(--spacing-20);margin-bottom:var(--spacing-20)}.\\32xl\\:my-24{margin-top:var(--spacing-24);margin-bottom:var(--spacing-24)}.\\32xl\\:my-28{margin-top:var(--spacing-28);margin-bottom:var(--spacing-28)}.\\32xl\\:my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.\\32xl\\:my-3\\.5{margin-top:var(--spacing-3-5);margin-bottom:var(--spacing-3-5)}.\\32xl\\:my-32{margin-top:var(--spacing-32);margin-bottom:var(--spacing-32)}.\\32xl\\:my-36{margin-top:var(--spacing-36);margin-bottom:var(--spacing-36)}.\\32xl\\:my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.\\32xl\\:my-40{margin-top:var(--spacing-40);margin-bottom:var(--spacing-40)}.\\32xl\\:my-44{margin-top:var(--spacing-44);margin-bottom:var(--spacing-44)}.\\32xl\\:my-48{margin-top:var(--spacing-48);margin-bottom:var(--spacing-48)}.\\32xl\\:my-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.\\32xl\\:my-52{margin-top:var(--spacing-52);margin-bottom:var(--spacing-52)}.\\32xl\\:my-56{margin-top:var(--spacing-56);margin-bottom:var(--spacing-56)}.\\32xl\\:my-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.\\32xl\\:my-60{margin-top:var(--spacing-60);margin-bottom:var(--spacing-60)}.\\32xl\\:my-64{margin-top:var(--spacing-64);margin-bottom:var(--spacing-64)}.\\32xl\\:my-7{margin-top:var(--spacing-7);margin-bottom:var(--spacing-7)}.\\32xl\\:my-72{margin-top:var(--spacing-72);margin-bottom:var(--spacing-72)}.\\32xl\\:my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.\\32xl\\:my-80{margin-top:var(--spacing-80);margin-bottom:var(--spacing-80)}.\\32xl\\:my-9{margin-top:var(--spacing-9);margin-bottom:var(--spacing-9)}.\\32xl\\:my-96{margin-top:var(--spacing-96);margin-bottom:var(--spacing-96)}.\\32xl\\:my-auto{margin-top:auto;margin-bottom:auto}.\\32xl\\:my-px{margin-top:var(--spacing-px);margin-bottom:var(--spacing-px)}.\\32xl\\:mb-0{margin-bottom:var(--spacing-0)}.\\32xl\\:mb-0\\.5{margin-bottom:var(--spacing-0-5)}.\\32xl\\:mb-1{margin-bottom:var(--spacing-1)}.\\32xl\\:mb-1\\.5{margin-bottom:var(--spacing-1-5)}.\\32xl\\:mb-10{margin-bottom:var(--spacing-10)}.\\32xl\\:mb-11{margin-bottom:var(--spacing-11)}.\\32xl\\:mb-12{margin-bottom:var(--spacing-12)}.\\32xl\\:mb-14{margin-bottom:var(--spacing-14)}.\\32xl\\:mb-16{margin-bottom:var(--spacing-16)}.\\32xl\\:mb-2{margin-bottom:var(--spacing-2)}.\\32xl\\:mb-2\\.5{margin-bottom:var(--spacing-2-5)}.\\32xl\\:mb-20{margin-bottom:var(--spacing-20)}.\\32xl\\:mb-24{margin-bottom:var(--spacing-24)}.\\32xl\\:mb-28{margin-bottom:var(--spacing-28)}.\\32xl\\:mb-3{margin-bottom:var(--spacing-3)}.\\32xl\\:mb-3\\.5{margin-bottom:var(--spacing-3-5)}.\\32xl\\:mb-32{margin-bottom:var(--spacing-32)}.\\32xl\\:mb-36{margin-bottom:var(--spacing-36)}.\\32xl\\:mb-4{margin-bottom:var(--spacing-4)}.\\32xl\\:mb-40{margin-bottom:var(--spacing-40)}.\\32xl\\:mb-44{margin-bottom:var(--spacing-44)}.\\32xl\\:mb-48{margin-bottom:var(--spacing-48)}.\\32xl\\:mb-5{margin-bottom:var(--spacing-5)}.\\32xl\\:mb-52{margin-bottom:var(--spacing-52)}.\\32xl\\:mb-56{margin-bottom:var(--spacing-56)}.\\32xl\\:mb-6{margin-bottom:var(--spacing-6)}.\\32xl\\:mb-60{margin-bottom:var(--spacing-60)}.\\32xl\\:mb-64{margin-bottom:var(--spacing-64)}.\\32xl\\:mb-7{margin-bottom:var(--spacing-7)}.\\32xl\\:mb-72{margin-bottom:var(--spacing-72)}.\\32xl\\:mb-8{margin-bottom:var(--spacing-8)}.\\32xl\\:mb-80{margin-bottom:var(--spacing-80)}.\\32xl\\:mb-9{margin-bottom:var(--spacing-9)}.\\32xl\\:mb-96{margin-bottom:var(--spacing-96)}.\\32xl\\:mb-auto{margin-bottom:auto}.\\32xl\\:mb-px{margin-bottom:var(--spacing-px)}.\\32xl\\:ml-0{margin-left:var(--spacing-0)}.\\32xl\\:ml-0\\.5{margin-left:var(--spacing-0-5)}.\\32xl\\:ml-1{margin-left:var(--spacing-1)}.\\32xl\\:ml-1\\.5{margin-left:var(--spacing-1-5)}.\\32xl\\:ml-10{margin-left:var(--spacing-10)}.\\32xl\\:ml-11{margin-left:var(--spacing-11)}.\\32xl\\:ml-12{margin-left:var(--spacing-12)}.\\32xl\\:ml-14{margin-left:var(--spacing-14)}.\\32xl\\:ml-16{margin-left:var(--spacing-16)}.\\32xl\\:ml-2{margin-left:var(--spacing-2)}.\\32xl\\:ml-2\\.5{margin-left:var(--spacing-2-5)}.\\32xl\\:ml-20{margin-left:var(--spacing-20)}.\\32xl\\:ml-24{margin-left:var(--spacing-24)}.\\32xl\\:ml-28{margin-left:var(--spacing-28)}.\\32xl\\:ml-3{margin-left:var(--spacing-3)}.\\32xl\\:ml-3\\.5{margin-left:var(--spacing-3-5)}.\\32xl\\:ml-32{margin-left:var(--spacing-32)}.\\32xl\\:ml-36{margin-left:var(--spacing-36)}.\\32xl\\:ml-4{margin-left:var(--spacing-4)}.\\32xl\\:ml-40{margin-left:var(--spacing-40)}.\\32xl\\:ml-44{margin-left:var(--spacing-44)}.\\32xl\\:ml-48{margin-left:var(--spacing-48)}.\\32xl\\:ml-5{margin-left:var(--spacing-5)}.\\32xl\\:ml-52{margin-left:var(--spacing-52)}.\\32xl\\:ml-56{margin-left:var(--spacing-56)}.\\32xl\\:ml-6{margin-left:var(--spacing-6)}.\\32xl\\:ml-60{margin-left:var(--spacing-60)}.\\32xl\\:ml-64{margin-left:var(--spacing-64)}.\\32xl\\:ml-7{margin-left:var(--spacing-7)}.\\32xl\\:ml-72{margin-left:var(--spacing-72)}.\\32xl\\:ml-8{margin-left:var(--spacing-8)}.\\32xl\\:ml-80{margin-left:var(--spacing-80)}.\\32xl\\:ml-9{margin-left:var(--spacing-9)}.\\32xl\\:ml-96{margin-left:var(--spacing-96)}.\\32xl\\:ml-auto{margin-left:auto}.\\32xl\\:ml-px{margin-left:var(--spacing-px)}.\\32xl\\:mr-0{margin-right:var(--spacing-0)}.\\32xl\\:mr-0\\.5{margin-right:var(--spacing-0-5)}.\\32xl\\:mr-1{margin-right:var(--spacing-1)}.\\32xl\\:mr-1\\.5{margin-right:var(--spacing-1-5)}.\\32xl\\:mr-10{margin-right:var(--spacing-10)}.\\32xl\\:mr-11{margin-right:var(--spacing-11)}.\\32xl\\:mr-12{margin-right:var(--spacing-12)}.\\32xl\\:mr-14{margin-right:var(--spacing-14)}.\\32xl\\:mr-16{margin-right:var(--spacing-16)}.\\32xl\\:mr-2{margin-right:var(--spacing-2)}.\\32xl\\:mr-2\\.5{margin-right:var(--spacing-2-5)}.\\32xl\\:mr-20{margin-right:var(--spacing-20)}.\\32xl\\:mr-24{margin-right:var(--spacing-24)}.\\32xl\\:mr-28{margin-right:var(--spacing-28)}.\\32xl\\:mr-3{margin-right:var(--spacing-3)}.\\32xl\\:mr-3\\.5{margin-right:var(--spacing-3-5)}.\\32xl\\:mr-32{margin-right:var(--spacing-32)}.\\32xl\\:mr-36{margin-right:var(--spacing-36)}.\\32xl\\:mr-4{margin-right:var(--spacing-4)}.\\32xl\\:mr-40{margin-right:var(--spacing-40)}.\\32xl\\:mr-44{margin-right:var(--spacing-44)}.\\32xl\\:mr-48{margin-right:var(--spacing-48)}.\\32xl\\:mr-5{margin-right:var(--spacing-5)}.\\32xl\\:mr-52{margin-right:var(--spacing-52)}.\\32xl\\:mr-56{margin-right:var(--spacing-56)}.\\32xl\\:mr-6{margin-right:var(--spacing-6)}.\\32xl\\:mr-60{margin-right:var(--spacing-60)}.\\32xl\\:mr-64{margin-right:var(--spacing-64)}.\\32xl\\:mr-7{margin-right:var(--spacing-7)}.\\32xl\\:mr-72{margin-right:var(--spacing-72)}.\\32xl\\:mr-8{margin-right:var(--spacing-8)}.\\32xl\\:mr-80{margin-right:var(--spacing-80)}.\\32xl\\:mr-9{margin-right:var(--spacing-9)}.\\32xl\\:mr-96{margin-right:var(--spacing-96)}.\\32xl\\:mr-auto{margin-right:auto}.\\32xl\\:mr-px{margin-right:var(--spacing-px)}.\\32xl\\:mt-0{margin-top:var(--spacing-0)}.\\32xl\\:mt-0\\.5{margin-top:var(--spacing-0-5)}.\\32xl\\:mt-1{margin-top:var(--spacing-1)}.\\32xl\\:mt-1\\.5{margin-top:var(--spacing-1-5)}.\\32xl\\:mt-10{margin-top:var(--spacing-10)}.\\32xl\\:mt-11{margin-top:var(--spacing-11)}.\\32xl\\:mt-12{margin-top:var(--spacing-12)}.\\32xl\\:mt-14{margin-top:var(--spacing-14)}.\\32xl\\:mt-16{margin-top:var(--spacing-16)}.\\32xl\\:mt-2{margin-top:var(--spacing-2)}.\\32xl\\:mt-2\\.5{margin-top:var(--spacing-2-5)}.\\32xl\\:mt-20{margin-top:var(--spacing-20)}.\\32xl\\:mt-24{margin-top:var(--spacing-24)}.\\32xl\\:mt-28{margin-top:var(--spacing-28)}.\\32xl\\:mt-3{margin-top:var(--spacing-3)}.\\32xl\\:mt-3\\.5{margin-top:var(--spacing-3-5)}.\\32xl\\:mt-32{margin-top:var(--spacing-32)}.\\32xl\\:mt-36{margin-top:var(--spacing-36)}.\\32xl\\:mt-4{margin-top:var(--spacing-4)}.\\32xl\\:mt-40{margin-top:var(--spacing-40)}.\\32xl\\:mt-44{margin-top:var(--spacing-44)}.\\32xl\\:mt-48{margin-top:var(--spacing-48)}.\\32xl\\:mt-5{margin-top:var(--spacing-5)}.\\32xl\\:mt-52{margin-top:var(--spacing-52)}.\\32xl\\:mt-56{margin-top:var(--spacing-56)}.\\32xl\\:mt-6{margin-top:var(--spacing-6)}.\\32xl\\:mt-60{margin-top:var(--spacing-60)}.\\32xl\\:mt-64{margin-top:var(--spacing-64)}.\\32xl\\:mt-7{margin-top:var(--spacing-7)}.\\32xl\\:mt-72{margin-top:var(--spacing-72)}.\\32xl\\:mt-8{margin-top:var(--spacing-8)}.\\32xl\\:mt-80{margin-top:var(--spacing-80)}.\\32xl\\:mt-9{margin-top:var(--spacing-9)}.\\32xl\\:mt-96{margin-top:var(--spacing-96)}.\\32xl\\:mt-auto{margin-top:auto}.\\32xl\\:mt-px{margin-top:var(--spacing-px)}.\\32xl\\:flex{display:flex}.\\32xl\\:inline-flex{display:inline-flex}.\\32xl\\:grid{display:grid}.\\32xl\\:inline-grid{display:inline-grid}.\\32xl\\:flex-1{flex:1 1 0%}.\\32xl\\:flex-auto{flex:1 1 auto}.\\32xl\\:flex-initial{flex:0 1 auto}.\\32xl\\:flex-none{flex:none}.\\32xl\\:shrink-0{flex-shrink:0}.\\32xl\\:grow-0{flex-grow:0}.\\32xl\\:resize-none{resize:none}.\\32xl\\:resize-y{resize:vertical}.\\32xl\\:resize-x{resize:horizontal}.\\32xl\\:auto-cols-auto{grid-auto-columns:auto}.\\32xl\\:auto-cols-fr{grid-auto-columns:minmax(0, 1fr)}.\\32xl\\:auto-cols-max{grid-auto-columns:max-content}.\\32xl\\:auto-cols-min{grid-auto-columns:min-content}.\\32xl\\:auto-rows-auto{grid-auto-rows:auto}.\\32xl\\:auto-rows-fr{grid-auto-rows:minmax(0, 1fr)}.\\32xl\\:auto-rows-max{grid-auto-rows:max-content}.\\32xl\\:auto-rows-min{grid-auto-rows:min-content}.\\32xl\\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.\\32xl\\:grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.\\32xl\\:grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.\\32xl\\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.\\32xl\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.\\32xl\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.\\32xl\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.\\32xl\\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.\\32xl\\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.\\32xl\\:grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.\\32xl\\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.\\32xl\\:grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.\\32xl\\:grid-cols-none{grid-template-columns:none}.\\32xl\\:grid-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.\\32xl\\:grid-rows-10{grid-template-rows:repeat(10, minmax(0, 1fr))}.\\32xl\\:grid-rows-11{grid-template-rows:repeat(11, minmax(0, 1fr))}.\\32xl\\:grid-rows-12{grid-template-rows:repeat(12, minmax(0, 1fr))}.\\32xl\\:grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.\\32xl\\:grid-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.\\32xl\\:grid-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.\\32xl\\:grid-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.\\32xl\\:grid-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.\\32xl\\:grid-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.\\32xl\\:grid-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}.\\32xl\\:grid-rows-9{grid-template-rows:repeat(9, minmax(0, 1fr))}.\\32xl\\:grid-rows-none{grid-template-rows:none}.\\32xl\\:flex-row{flex-direction:row}.\\32xl\\:flex-row-reverse{flex-direction:row-reverse}.\\32xl\\:flex-col{flex-direction:column}.\\32xl\\:flex-col-reverse{flex-direction:column-reverse}.\\32xl\\:flex-wrap{flex-wrap:wrap}.\\32xl\\:flex-wrap-reverse{flex-wrap:wrap-reverse}.\\32xl\\:flex-nowrap{flex-wrap:nowrap}.\\32xl\\:place-content-center{place-content:center}.\\32xl\\:place-content-start{place-content:start}.\\32xl\\:place-content-end{place-content:end}.\\32xl\\:place-content-between{place-content:space-between}.\\32xl\\:place-content-around{place-content:space-around}.\\32xl\\:place-content-evenly{place-content:space-evenly}.\\32xl\\:place-content-stretch{place-content:stretch}.\\32xl\\:place-items-start{place-items:start}.\\32xl\\:place-items-end{place-items:end}.\\32xl\\:place-items-center{place-items:center}.\\32xl\\:place-items-stretch{place-items:stretch}.\\32xl\\:content-center{align-content:center}.\\32xl\\:content-start{align-content:flex-start}.\\32xl\\:content-end{align-content:flex-end}.\\32xl\\:content-between{align-content:space-between}.\\32xl\\:content-around{align-content:space-around}.\\32xl\\:content-evenly{align-content:space-evenly}.\\32xl\\:content-stretch{align-content:stretch}.\\32xl\\:items-start{align-items:flex-start}.\\32xl\\:items-end{align-items:flex-end}.\\32xl\\:items-center{align-items:center}.\\32xl\\:items-baseline{align-items:baseline}.\\32xl\\:items-stretch{align-items:stretch}.\\32xl\\:justify-start{justify-content:flex-start}.\\32xl\\:justify-end{justify-content:flex-end}.\\32xl\\:justify-center{justify-content:center}.\\32xl\\:justify-between{justify-content:space-between}.\\32xl\\:justify-around{justify-content:space-around}.\\32xl\\:justify-evenly{justify-content:space-evenly}.\\32xl\\:justify-items-start{justify-items:start}.\\32xl\\:justify-items-end{justify-items:end}.\\32xl\\:justify-items-center{justify-items:center}.\\32xl\\:justify-items-stretch{justify-items:stretch}.\\32xl\\:gap-0{gap:var(--spacing-0)}.\\32xl\\:gap-0\\.5{gap:var(--spacing-0-5)}.\\32xl\\:gap-1{gap:var(--spacing-1)}.\\32xl\\:gap-1\\.5{gap:var(--spacing-1-5)}.\\32xl\\:gap-10{gap:var(--spacing-10)}.\\32xl\\:gap-11{gap:var(--spacing-11)}.\\32xl\\:gap-12{gap:var(--spacing-12)}.\\32xl\\:gap-14{gap:var(--spacing-14)}.\\32xl\\:gap-16{gap:var(--spacing-16)}.\\32xl\\:gap-2{gap:var(--spacing-2)}.\\32xl\\:gap-2\\.5{gap:var(--spacing-2-5)}.\\32xl\\:gap-20{gap:var(--spacing-20)}.\\32xl\\:gap-24{gap:var(--spacing-24)}.\\32xl\\:gap-28{gap:var(--spacing-28)}.\\32xl\\:gap-3{gap:var(--spacing-3)}.\\32xl\\:gap-3\\.5{gap:var(--spacing-3-5)}.\\32xl\\:gap-32{gap:var(--spacing-32)}.\\32xl\\:gap-36{gap:var(--spacing-36)}.\\32xl\\:gap-4{gap:var(--spacing-4)}.\\32xl\\:gap-40{gap:var(--spacing-40)}.\\32xl\\:gap-44{gap:var(--spacing-44)}.\\32xl\\:gap-48{gap:var(--spacing-48)}.\\32xl\\:gap-5{gap:var(--spacing-5)}.\\32xl\\:gap-52{gap:var(--spacing-52)}.\\32xl\\:gap-56{gap:var(--spacing-56)}.\\32xl\\:gap-6{gap:var(--spacing-6)}.\\32xl\\:gap-60{gap:var(--spacing-60)}.\\32xl\\:gap-64{gap:var(--spacing-64)}.\\32xl\\:gap-7{gap:var(--spacing-7)}.\\32xl\\:gap-72{gap:var(--spacing-72)}.\\32xl\\:gap-8{gap:var(--spacing-8)}.\\32xl\\:gap-80{gap:var(--spacing-80)}.\\32xl\\:gap-9{gap:var(--spacing-9)}.\\32xl\\:gap-96{gap:var(--spacing-96)}.\\32xl\\:gap-px{gap:var(--spacing-px)}.\\32xl\\:gap-x-0{-moz-column-gap:var(--spacing-0);column-gap:var(--spacing-0)}.\\32xl\\:gap-x-0\\.5{-moz-column-gap:var(--spacing-0-5);column-gap:var(--spacing-0-5)}.\\32xl\\:gap-x-1{-moz-column-gap:var(--spacing-1);column-gap:var(--spacing-1)}.\\32xl\\:gap-x-1\\.5{-moz-column-gap:var(--spacing-1-5);column-gap:var(--spacing-1-5)}.\\32xl\\:gap-x-10{-moz-column-gap:var(--spacing-10);column-gap:var(--spacing-10)}.\\32xl\\:gap-x-11{-moz-column-gap:var(--spacing-11);column-gap:var(--spacing-11)}.\\32xl\\:gap-x-12{-moz-column-gap:var(--spacing-12);column-gap:var(--spacing-12)}.\\32xl\\:gap-x-14{-moz-column-gap:var(--spacing-14);column-gap:var(--spacing-14)}.\\32xl\\:gap-x-16{-moz-column-gap:var(--spacing-16);column-gap:var(--spacing-16)}.\\32xl\\:gap-x-2{-moz-column-gap:var(--spacing-2);column-gap:var(--spacing-2)}.\\32xl\\:gap-x-2\\.5{-moz-column-gap:var(--spacing-2-5);column-gap:var(--spacing-2-5)}.\\32xl\\:gap-x-20{-moz-column-gap:var(--spacing-20);column-gap:var(--spacing-20)}.\\32xl\\:gap-x-24{-moz-column-gap:var(--spacing-24);column-gap:var(--spacing-24)}.\\32xl\\:gap-x-28{-moz-column-gap:var(--spacing-28);column-gap:var(--spacing-28)}.\\32xl\\:gap-x-3{-moz-column-gap:var(--spacing-3);column-gap:var(--spacing-3)}.\\32xl\\:gap-x-3\\.5{-moz-column-gap:var(--spacing-3-5);column-gap:var(--spacing-3-5)}.\\32xl\\:gap-x-32{-moz-column-gap:var(--spacing-32);column-gap:var(--spacing-32)}.\\32xl\\:gap-x-36{-moz-column-gap:var(--spacing-36);column-gap:var(--spacing-36)}.\\32xl\\:gap-x-4{-moz-column-gap:var(--spacing-4);column-gap:var(--spacing-4)}.\\32xl\\:gap-x-40{-moz-column-gap:var(--spacing-40);column-gap:var(--spacing-40)}.\\32xl\\:gap-x-44{-moz-column-gap:var(--spacing-44);column-gap:var(--spacing-44)}.\\32xl\\:gap-x-48{-moz-column-gap:var(--spacing-48);column-gap:var(--spacing-48)}.\\32xl\\:gap-x-5{-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5)}.\\32xl\\:gap-x-52{-moz-column-gap:var(--spacing-52);column-gap:var(--spacing-52)}.\\32xl\\:gap-x-56{-moz-column-gap:var(--spacing-56);column-gap:var(--spacing-56)}.\\32xl\\:gap-x-6{-moz-column-gap:var(--spacing-6);column-gap:var(--spacing-6)}.\\32xl\\:gap-x-60{-moz-column-gap:var(--spacing-60);column-gap:var(--spacing-60)}.\\32xl\\:gap-x-64{-moz-column-gap:var(--spacing-64);column-gap:var(--spacing-64)}.\\32xl\\:gap-x-7{-moz-column-gap:var(--spacing-7);column-gap:var(--spacing-7)}.\\32xl\\:gap-x-72{-moz-column-gap:var(--spacing-72);column-gap:var(--spacing-72)}.\\32xl\\:gap-x-8{-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8)}.\\32xl\\:gap-x-80{-moz-column-gap:var(--spacing-80);column-gap:var(--spacing-80)}.\\32xl\\:gap-x-9{-moz-column-gap:var(--spacing-9);column-gap:var(--spacing-9)}.\\32xl\\:gap-x-96{-moz-column-gap:var(--spacing-96);column-gap:var(--spacing-96)}.\\32xl\\:gap-x-px{-moz-column-gap:var(--spacing-px);column-gap:var(--spacing-px)}.\\32xl\\:gap-y-0{row-gap:var(--spacing-0)}.\\32xl\\:gap-y-0\\.5{row-gap:var(--spacing-0-5)}.\\32xl\\:gap-y-1{row-gap:var(--spacing-1)}.\\32xl\\:gap-y-1\\.5{row-gap:var(--spacing-1-5)}.\\32xl\\:gap-y-10{row-gap:var(--spacing-10)}.\\32xl\\:gap-y-11{row-gap:var(--spacing-11)}.\\32xl\\:gap-y-12{row-gap:var(--spacing-12)}.\\32xl\\:gap-y-14{row-gap:var(--spacing-14)}.\\32xl\\:gap-y-16{row-gap:var(--spacing-16)}.\\32xl\\:gap-y-2{row-gap:var(--spacing-2)}.\\32xl\\:gap-y-2\\.5{row-gap:var(--spacing-2-5)}.\\32xl\\:gap-y-20{row-gap:var(--spacing-20)}.\\32xl\\:gap-y-24{row-gap:var(--spacing-24)}.\\32xl\\:gap-y-28{row-gap:var(--spacing-28)}.\\32xl\\:gap-y-3{row-gap:var(--spacing-3)}.\\32xl\\:gap-y-3\\.5{row-gap:var(--spacing-3-5)}.\\32xl\\:gap-y-32{row-gap:var(--spacing-32)}.\\32xl\\:gap-y-36{row-gap:var(--spacing-36)}.\\32xl\\:gap-y-4{row-gap:var(--spacing-4)}.\\32xl\\:gap-y-40{row-gap:var(--spacing-40)}.\\32xl\\:gap-y-44{row-gap:var(--spacing-44)}.\\32xl\\:gap-y-48{row-gap:var(--spacing-48)}.\\32xl\\:gap-y-5{row-gap:var(--spacing-5)}.\\32xl\\:gap-y-52{row-gap:var(--spacing-52)}.\\32xl\\:gap-y-56{row-gap:var(--spacing-56)}.\\32xl\\:gap-y-6{row-gap:var(--spacing-6)}.\\32xl\\:gap-y-60{row-gap:var(--spacing-60)}.\\32xl\\:gap-y-64{row-gap:var(--spacing-64)}.\\32xl\\:gap-y-7{row-gap:var(--spacing-7)}.\\32xl\\:gap-y-72{row-gap:var(--spacing-72)}.\\32xl\\:gap-y-8{row-gap:var(--spacing-8)}.\\32xl\\:gap-y-80{row-gap:var(--spacing-80)}.\\32xl\\:gap-y-9{row-gap:var(--spacing-9)}.\\32xl\\:gap-y-96{row-gap:var(--spacing-96)}.\\32xl\\:gap-y-px{row-gap:var(--spacing-px)}.\\32xl\\:space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-0) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-0) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-1) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-1) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-10) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-10) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-11>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-11) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-11) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-12) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-12) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-14>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-14) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-14) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-16) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-16) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-2) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-20) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-20) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-24>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-24) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-24) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-28>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-28) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-28) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-3) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-3) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-32>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-32) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-32) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-36>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-36) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-36) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-4) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-4) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-40>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-40) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-40) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-44>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-44) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-44) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-48>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-48) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-48) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-5) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-5) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-52>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-52) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-52) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-56>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-56) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-56) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-6) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-6) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-60>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-60) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-60) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-64>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-64) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-64) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-7) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-7) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-72>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-72) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-72) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-8) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-8) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-80>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-80) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-80) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-9) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-9) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-96>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-96) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-96) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(var(--spacing-px) * var(--tw-space-x-reverse));margin-left:calc(var(--spacing-px) * calc(1 - var(--tw-space-x-reverse)))}.\\32xl\\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-0) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-1) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-10) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-10) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-11>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-11) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-11) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-12) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-14) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-14) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-16) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-2) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-20) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-20) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-24>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-24) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-24) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-28>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-28) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-28) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-3) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-32>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-32) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-32) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-36>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-36) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-36) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-4) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-40>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-40) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-40) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-44>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-44) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-44) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-48>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-48) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-48) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-5) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-52>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-52) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-52) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-56>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-56) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-56) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-6) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-60>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-60) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-60) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-64>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-64) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-64) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-7) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-7) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-72>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-72) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-72) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-8) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-80>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-80) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-80) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-9>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-9) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-9) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-96>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-96) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-96) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-px) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-px) * var(--tw-space-y-reverse))}.\\32xl\\:space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:1}.\\32xl\\:space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.\\32xl\\:place-self-auto{place-self:auto}.\\32xl\\:place-self-start{place-self:start}.\\32xl\\:place-self-end{place-self:end}.\\32xl\\:place-self-center{place-self:center}.\\32xl\\:place-self-stretch{place-self:stretch}.\\32xl\\:self-auto{align-self:auto}.\\32xl\\:self-start{align-self:flex-start}.\\32xl\\:self-end{align-self:flex-end}.\\32xl\\:self-center{align-self:center}.\\32xl\\:self-stretch{align-self:stretch}.\\32xl\\:self-baseline{align-self:baseline}.\\32xl\\:justify-self-auto{justify-self:auto}.\\32xl\\:justify-self-start{justify-self:start}.\\32xl\\:justify-self-end{justify-self:end}.\\32xl\\:justify-self-center{justify-self:center}.\\32xl\\:justify-self-stretch{justify-self:stretch}.\\32xl\\:overflow-auto{overflow:auto}.\\32xl\\:overflow-hidden{overflow:hidden}.\\32xl\\:overflow-visible{overflow:visible}.\\32xl\\:overflow-scroll{overflow:scroll}.\\32xl\\:overflow-x-auto{overflow-x:auto}.\\32xl\\:overflow-y-auto{overflow-y:auto}.\\32xl\\:overflow-x-hidden{overflow-x:hidden}.\\32xl\\:overflow-y-hidden{overflow-y:hidden}.\\32xl\\:overflow-x-visible{overflow-x:visible}.\\32xl\\:overflow-y-visible{overflow-y:visible}.\\32xl\\:overflow-x-scroll{overflow-x:scroll}.\\32xl\\:overflow-y-scroll{overflow-y:scroll}.\\32xl\\:whitespace-normal{white-space:normal}.\\32xl\\:whitespace-nowrap{white-space:nowrap}.\\32xl\\:whitespace-pre{white-space:pre}.\\32xl\\:whitespace-pre-line{white-space:pre-line}.\\32xl\\:whitespace-pre-wrap{white-space:pre-wrap}.\\32xl\\:p-0{padding:var(--spacing-0)}.\\32xl\\:p-0\\.5{padding:var(--spacing-0-5)}.\\32xl\\:p-1{padding:var(--spacing-1)}.\\32xl\\:p-1\\.5{padding:var(--spacing-1-5)}.\\32xl\\:p-10{padding:var(--spacing-10)}.\\32xl\\:p-11{padding:var(--spacing-11)}.\\32xl\\:p-12{padding:var(--spacing-12)}.\\32xl\\:p-14{padding:var(--spacing-14)}.\\32xl\\:p-16{padding:var(--spacing-16)}.\\32xl\\:p-2{padding:var(--spacing-2)}.\\32xl\\:p-2\\.5{padding:var(--spacing-2-5)}.\\32xl\\:p-20{padding:var(--spacing-20)}.\\32xl\\:p-24{padding:var(--spacing-24)}.\\32xl\\:p-28{padding:var(--spacing-28)}.\\32xl\\:p-3{padding:var(--spacing-3)}.\\32xl\\:p-3\\.5{padding:var(--spacing-3-5)}.\\32xl\\:p-32{padding:var(--spacing-32)}.\\32xl\\:p-36{padding:var(--spacing-36)}.\\32xl\\:p-4{padding:var(--spacing-4)}.\\32xl\\:p-40{padding:var(--spacing-40)}.\\32xl\\:p-44{padding:var(--spacing-44)}.\\32xl\\:p-48{padding:var(--spacing-48)}.\\32xl\\:p-5{padding:var(--spacing-5)}.\\32xl\\:p-52{padding:var(--spacing-52)}.\\32xl\\:p-56{padding:var(--spacing-56)}.\\32xl\\:p-6{padding:var(--spacing-6)}.\\32xl\\:p-60{padding:var(--spacing-60)}.\\32xl\\:p-64{padding:var(--spacing-64)}.\\32xl\\:p-7{padding:var(--spacing-7)}.\\32xl\\:p-72{padding:var(--spacing-72)}.\\32xl\\:p-8{padding:var(--spacing-8)}.\\32xl\\:p-80{padding:var(--spacing-80)}.\\32xl\\:p-9{padding:var(--spacing-9)}.\\32xl\\:p-96{padding:var(--spacing-96)}.\\32xl\\:p-px{padding:var(--spacing-px)}.\\32xl\\:px-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.\\32xl\\:px-0\\.5{padding-left:var(--spacing-0-5);padding-right:var(--spacing-0-5)}.\\32xl\\:px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.\\32xl\\:px-1\\.5{padding-left:var(--spacing-1-5);padding-right:var(--spacing-1-5)}.\\32xl\\:px-10{padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.\\32xl\\:px-11{padding-left:var(--spacing-11);padding-right:var(--spacing-11)}.\\32xl\\:px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.\\32xl\\:px-14{padding-left:var(--spacing-14);padding-right:var(--spacing-14)}.\\32xl\\:px-16{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.\\32xl\\:px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.\\32xl\\:px-2\\.5{padding-left:var(--spacing-2-5);padding-right:var(--spacing-2-5)}.\\32xl\\:px-20{padding-left:var(--spacing-20);padding-right:var(--spacing-20)}.\\32xl\\:px-24{padding-left:var(--spacing-24);padding-right:var(--spacing-24)}.\\32xl\\:px-28{padding-left:var(--spacing-28);padding-right:var(--spacing-28)}.\\32xl\\:px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.\\32xl\\:px-3\\.5{padding-left:var(--spacing-3-5);padding-right:var(--spacing-3-5)}.\\32xl\\:px-32{padding-left:var(--spacing-32);padding-right:var(--spacing-32)}.\\32xl\\:px-36{padding-left:var(--spacing-36);padding-right:var(--spacing-36)}.\\32xl\\:px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.\\32xl\\:px-40{padding-left:var(--spacing-40);padding-right:var(--spacing-40)}.\\32xl\\:px-44{padding-left:var(--spacing-44);padding-right:var(--spacing-44)}.\\32xl\\:px-48{padding-left:var(--spacing-48);padding-right:var(--spacing-48)}.\\32xl\\:px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.\\32xl\\:px-52{padding-left:var(--spacing-52);padding-right:var(--spacing-52)}.\\32xl\\:px-56{padding-left:var(--spacing-56);padding-right:var(--spacing-56)}.\\32xl\\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.\\32xl\\:px-60{padding-left:var(--spacing-60);padding-right:var(--spacing-60)}.\\32xl\\:px-64{padding-left:var(--spacing-64);padding-right:var(--spacing-64)}.\\32xl\\:px-7{padding-left:var(--spacing-7);padding-right:var(--spacing-7)}.\\32xl\\:px-72{padding-left:var(--spacing-72);padding-right:var(--spacing-72)}.\\32xl\\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.\\32xl\\:px-80{padding-left:var(--spacing-80);padding-right:var(--spacing-80)}.\\32xl\\:px-9{padding-left:var(--spacing-9);padding-right:var(--spacing-9)}.\\32xl\\:px-96{padding-left:var(--spacing-96);padding-right:var(--spacing-96)}.\\32xl\\:px-px{padding-left:var(--spacing-px);padding-right:var(--spacing-px)}.\\32xl\\:py-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.\\32xl\\:py-0\\.5{padding-top:var(--spacing-0-5);padding-bottom:var(--spacing-0-5)}.\\32xl\\:py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.\\32xl\\:py-1\\.5{padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5)}.\\32xl\\:py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.\\32xl\\:py-11{padding-top:var(--spacing-11);padding-bottom:var(--spacing-11)}.\\32xl\\:py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.\\32xl\\:py-14{padding-top:var(--spacing-14);padding-bottom:var(--spacing-14)}.\\32xl\\:py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.\\32xl\\:py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.\\32xl\\:py-2\\.5{padding-top:var(--spacing-2-5);padding-bottom:var(--spacing-2-5)}.\\32xl\\:py-20{padding-top:var(--spacing-20);padding-bottom:var(--spacing-20)}.\\32xl\\:py-24{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.\\32xl\\:py-28{padding-top:var(--spacing-28);padding-bottom:var(--spacing-28)}.\\32xl\\:py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.\\32xl\\:py-3\\.5{padding-top:var(--spacing-3-5);padding-bottom:var(--spacing-3-5)}.\\32xl\\:py-32{padding-top:var(--spacing-32);padding-bottom:var(--spacing-32)}.\\32xl\\:py-36{padding-top:var(--spacing-36);padding-bottom:var(--spacing-36)}.\\32xl\\:py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.\\32xl\\:py-40{padding-top:var(--spacing-40);padding-bottom:var(--spacing-40)}.\\32xl\\:py-44{padding-top:var(--spacing-44);padding-bottom:var(--spacing-44)}.\\32xl\\:py-48{padding-top:var(--spacing-48);padding-bottom:var(--spacing-48)}.\\32xl\\:py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.\\32xl\\:py-52{padding-top:var(--spacing-52);padding-bottom:var(--spacing-52)}.\\32xl\\:py-56{padding-top:var(--spacing-56);padding-bottom:var(--spacing-56)}.\\32xl\\:py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.\\32xl\\:py-60{padding-top:var(--spacing-60);padding-bottom:var(--spacing-60)}.\\32xl\\:py-64{padding-top:var(--spacing-64);padding-bottom:var(--spacing-64)}.\\32xl\\:py-7{padding-top:var(--spacing-7);padding-bottom:var(--spacing-7)}.\\32xl\\:py-72{padding-top:var(--spacing-72);padding-bottom:var(--spacing-72)}.\\32xl\\:py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.\\32xl\\:py-80{padding-top:var(--spacing-80);padding-bottom:var(--spacing-80)}.\\32xl\\:py-9{padding-top:var(--spacing-9);padding-bottom:var(--spacing-9)}.\\32xl\\:py-96{padding-top:var(--spacing-96);padding-bottom:var(--spacing-96)}.\\32xl\\:py-px{padding-top:var(--spacing-px);padding-bottom:var(--spacing-px)}.\\32xl\\:pb-0{padding-bottom:var(--spacing-0)}.\\32xl\\:pb-0\\.5{padding-bottom:var(--spacing-0-5)}.\\32xl\\:pb-1{padding-bottom:var(--spacing-1)}.\\32xl\\:pb-1\\.5{padding-bottom:var(--spacing-1-5)}.\\32xl\\:pb-10{padding-bottom:var(--spacing-10)}.\\32xl\\:pb-11{padding-bottom:var(--spacing-11)}.\\32xl\\:pb-12{padding-bottom:var(--spacing-12)}.\\32xl\\:pb-14{padding-bottom:var(--spacing-14)}.\\32xl\\:pb-16{padding-bottom:var(--spacing-16)}.\\32xl\\:pb-2{padding-bottom:var(--spacing-2)}.\\32xl\\:pb-2\\.5{padding-bottom:var(--spacing-2-5)}.\\32xl\\:pb-20{padding-bottom:var(--spacing-20)}.\\32xl\\:pb-24{padding-bottom:var(--spacing-24)}.\\32xl\\:pb-28{padding-bottom:var(--spacing-28)}.\\32xl\\:pb-3{padding-bottom:var(--spacing-3)}.\\32xl\\:pb-3\\.5{padding-bottom:var(--spacing-3-5)}.\\32xl\\:pb-32{padding-bottom:var(--spacing-32)}.\\32xl\\:pb-36{padding-bottom:var(--spacing-36)}.\\32xl\\:pb-4{padding-bottom:var(--spacing-4)}.\\32xl\\:pb-40{padding-bottom:var(--spacing-40)}.\\32xl\\:pb-44{padding-bottom:var(--spacing-44)}.\\32xl\\:pb-48{padding-bottom:var(--spacing-48)}.\\32xl\\:pb-5{padding-bottom:var(--spacing-5)}.\\32xl\\:pb-52{padding-bottom:var(--spacing-52)}.\\32xl\\:pb-56{padding-bottom:var(--spacing-56)}.\\32xl\\:pb-6{padding-bottom:var(--spacing-6)}.\\32xl\\:pb-60{padding-bottom:var(--spacing-60)}.\\32xl\\:pb-64{padding-bottom:var(--spacing-64)}.\\32xl\\:pb-7{padding-bottom:var(--spacing-7)}.\\32xl\\:pb-72{padding-bottom:var(--spacing-72)}.\\32xl\\:pb-8{padding-bottom:var(--spacing-8)}.\\32xl\\:pb-80{padding-bottom:var(--spacing-80)}.\\32xl\\:pb-9{padding-bottom:var(--spacing-9)}.\\32xl\\:pb-96{padding-bottom:var(--spacing-96)}.\\32xl\\:pb-px{padding-bottom:var(--spacing-px)}.\\32xl\\:pl-0{padding-left:var(--spacing-0)}.\\32xl\\:pl-0\\.5{padding-left:var(--spacing-0-5)}.\\32xl\\:pl-1{padding-left:var(--spacing-1)}.\\32xl\\:pl-1\\.5{padding-left:var(--spacing-1-5)}.\\32xl\\:pl-10{padding-left:var(--spacing-10)}.\\32xl\\:pl-11{padding-left:var(--spacing-11)}.\\32xl\\:pl-12{padding-left:var(--spacing-12)}.\\32xl\\:pl-14{padding-left:var(--spacing-14)}.\\32xl\\:pl-16{padding-left:var(--spacing-16)}.\\32xl\\:pl-2{padding-left:var(--spacing-2)}.\\32xl\\:pl-2\\.5{padding-left:var(--spacing-2-5)}.\\32xl\\:pl-20{padding-left:var(--spacing-20)}.\\32xl\\:pl-24{padding-left:var(--spacing-24)}.\\32xl\\:pl-28{padding-left:var(--spacing-28)}.\\32xl\\:pl-3{padding-left:var(--spacing-3)}.\\32xl\\:pl-3\\.5{padding-left:var(--spacing-3-5)}.\\32xl\\:pl-32{padding-left:var(--spacing-32)}.\\32xl\\:pl-36{padding-left:var(--spacing-36)}.\\32xl\\:pl-4{padding-left:var(--spacing-4)}.\\32xl\\:pl-40{padding-left:var(--spacing-40)}.\\32xl\\:pl-44{padding-left:var(--spacing-44)}.\\32xl\\:pl-48{padding-left:var(--spacing-48)}.\\32xl\\:pl-5{padding-left:var(--spacing-5)}.\\32xl\\:pl-52{padding-left:var(--spacing-52)}.\\32xl\\:pl-56{padding-left:var(--spacing-56)}.\\32xl\\:pl-6{padding-left:var(--spacing-6)}.\\32xl\\:pl-60{padding-left:var(--spacing-60)}.\\32xl\\:pl-64{padding-left:var(--spacing-64)}.\\32xl\\:pl-7{padding-left:var(--spacing-7)}.\\32xl\\:pl-72{padding-left:var(--spacing-72)}.\\32xl\\:pl-8{padding-left:var(--spacing-8)}.\\32xl\\:pl-80{padding-left:var(--spacing-80)}.\\32xl\\:pl-9{padding-left:var(--spacing-9)}.\\32xl\\:pl-96{padding-left:var(--spacing-96)}.\\32xl\\:pl-px{padding-left:var(--spacing-px)}.\\32xl\\:pr-0{padding-right:var(--spacing-0)}.\\32xl\\:pr-0\\.5{padding-right:var(--spacing-0-5)}.\\32xl\\:pr-1{padding-right:var(--spacing-1)}.\\32xl\\:pr-1\\.5{padding-right:var(--spacing-1-5)}.\\32xl\\:pr-10{padding-right:var(--spacing-10)}.\\32xl\\:pr-11{padding-right:var(--spacing-11)}.\\32xl\\:pr-12{padding-right:var(--spacing-12)}.\\32xl\\:pr-14{padding-right:var(--spacing-14)}.\\32xl\\:pr-16{padding-right:var(--spacing-16)}.\\32xl\\:pr-2{padding-right:var(--spacing-2)}.\\32xl\\:pr-2\\.5{padding-right:var(--spacing-2-5)}.\\32xl\\:pr-20{padding-right:var(--spacing-20)}.\\32xl\\:pr-24{padding-right:var(--spacing-24)}.\\32xl\\:pr-28{padding-right:var(--spacing-28)}.\\32xl\\:pr-3{padding-right:var(--spacing-3)}.\\32xl\\:pr-3\\.5{padding-right:var(--spacing-3-5)}.\\32xl\\:pr-32{padding-right:var(--spacing-32)}.\\32xl\\:pr-36{padding-right:var(--spacing-36)}.\\32xl\\:pr-4{padding-right:var(--spacing-4)}.\\32xl\\:pr-40{padding-right:var(--spacing-40)}.\\32xl\\:pr-44{padding-right:var(--spacing-44)}.\\32xl\\:pr-48{padding-right:var(--spacing-48)}.\\32xl\\:pr-5{padding-right:var(--spacing-5)}.\\32xl\\:pr-52{padding-right:var(--spacing-52)}.\\32xl\\:pr-56{padding-right:var(--spacing-56)}.\\32xl\\:pr-6{padding-right:var(--spacing-6)}.\\32xl\\:pr-60{padding-right:var(--spacing-60)}.\\32xl\\:pr-64{padding-right:var(--spacing-64)}.\\32xl\\:pr-7{padding-right:var(--spacing-7)}.\\32xl\\:pr-72{padding-right:var(--spacing-72)}.\\32xl\\:pr-8{padding-right:var(--spacing-8)}.\\32xl\\:pr-80{padding-right:var(--spacing-80)}.\\32xl\\:pr-9{padding-right:var(--spacing-9)}.\\32xl\\:pr-96{padding-right:var(--spacing-96)}.\\32xl\\:pr-px{padding-right:var(--spacing-px)}.\\32xl\\:pt-0{padding-top:var(--spacing-0)}.\\32xl\\:pt-0\\.5{padding-top:var(--spacing-0-5)}.\\32xl\\:pt-1{padding-top:var(--spacing-1)}.\\32xl\\:pt-1\\.5{padding-top:var(--spacing-1-5)}.\\32xl\\:pt-10{padding-top:var(--spacing-10)}.\\32xl\\:pt-11{padding-top:var(--spacing-11)}.\\32xl\\:pt-12{padding-top:var(--spacing-12)}.\\32xl\\:pt-14{padding-top:var(--spacing-14)}.\\32xl\\:pt-16{padding-top:var(--spacing-16)}.\\32xl\\:pt-2{padding-top:var(--spacing-2)}.\\32xl\\:pt-2\\.5{padding-top:var(--spacing-2-5)}.\\32xl\\:pt-20{padding-top:var(--spacing-20)}.\\32xl\\:pt-24{padding-top:var(--spacing-24)}.\\32xl\\:pt-28{padding-top:var(--spacing-28)}.\\32xl\\:pt-3{padding-top:var(--spacing-3)}.\\32xl\\:pt-3\\.5{padding-top:var(--spacing-3-5)}.\\32xl\\:pt-32{padding-top:var(--spacing-32)}.\\32xl\\:pt-36{padding-top:var(--spacing-36)}.\\32xl\\:pt-4{padding-top:var(--spacing-4)}.\\32xl\\:pt-40{padding-top:var(--spacing-40)}.\\32xl\\:pt-44{padding-top:var(--spacing-44)}.\\32xl\\:pt-48{padding-top:var(--spacing-48)}.\\32xl\\:pt-5{padding-top:var(--spacing-5)}.\\32xl\\:pt-52{padding-top:var(--spacing-52)}.\\32xl\\:pt-56{padding-top:var(--spacing-56)}.\\32xl\\:pt-6{padding-top:var(--spacing-6)}.\\32xl\\:pt-60{padding-top:var(--spacing-60)}.\\32xl\\:pt-64{padding-top:var(--spacing-64)}.\\32xl\\:pt-7{padding-top:var(--spacing-7)}.\\32xl\\:pt-72{padding-top:var(--spacing-72)}.\\32xl\\:pt-8{padding-top:var(--spacing-8)}.\\32xl\\:pt-80{padding-top:var(--spacing-80)}.\\32xl\\:pt-9{padding-top:var(--spacing-9)}.\\32xl\\:pt-96{padding-top:var(--spacing-96)}.\\32xl\\:pt-px{padding-top:var(--spacing-px)}.\\32xl\\:text-left{text-align:left}.\\32xl\\:text-center{text-align:center}.\\32xl\\:text-right{text-align:right}.\\32xl\\:text-justify{text-align:justify}.\\32xl\\:align-baseline{vertical-align:baseline}.\\32xl\\:text-2xl{font-size:var(--font-size-2xl)}.\\32xl\\:text-3xl{font-size:var(--font-size-3xl)}.\\32xl\\:text-4xl{font-size:var(--font-size-4xl)}.\\32xl\\:text-5xl{font-size:var(--font-size-5xl)}.\\32xl\\:text-6xl{font-size:var(--font-size-6xl)}.\\32xl\\:text-7xl{font-size:var(--font-size-7xl)}.\\32xl\\:text-8xl{font-size:var(--font-size-8xl)}.\\32xl\\:text-9xl{font-size:var(--font-size-9xl)}.\\32xl\\:text-lg{font-size:var(--font-size-lg)}.\\32xl\\:text-sm{font-size:var(--font-size-sm)}.\\32xl\\:text-xl{font-size:var(--font-size-xl)}.\\32xl\\:text-xs{font-size:var(--font-size-xs)}}@media (prefers-color-scheme: dark){.dark\\:text-ellipsis{text-overflow:ellipsis}.dark\\:text-clip{text-overflow:clip}.dark\\:text-wrap{text-wrap:wrap}.dark\\:text-nowrap{text-wrap:nowrap}.dark\\:text-balance{text-wrap:balance}.dark\\:text-pretty{text-wrap:pretty}.dark\\:bg-amber-100{background-color:var(--color-amber-100)}.dark\\:bg-amber-200{background-color:var(--color-amber-200)}.dark\\:bg-amber-300{background-color:var(--color-amber-300)}.dark\\:bg-amber-400{background-color:var(--color-amber-400)}.dark\\:bg-amber-50{background-color:var(--color-amber-50)}.dark\\:bg-amber-500{background-color:var(--color-amber-500)}.dark\\:bg-amber-600{background-color:var(--color-amber-600)}.dark\\:bg-amber-700{background-color:var(--color-amber-700)}.dark\\:bg-amber-800{background-color:var(--color-amber-800)}.dark\\:bg-amber-900{background-color:var(--color-amber-900)}.dark\\:bg-background{background-color:var(--color-level-00-background)}.dark\\:bg-black{background-color:var(--color-base-black)}.dark\\:bg-crimson-100{background-color:var(--color-crimson-100)}.dark\\:bg-crimson-200{background-color:var(--color-crimson-200)}.dark\\:bg-crimson-300{background-color:var(--color-crimson-300)}.dark\\:bg-crimson-400{background-color:var(--color-crimson-400)}.dark\\:bg-crimson-50{background-color:var(--color-crimson-50)}.dark\\:bg-crimson-500{background-color:var(--color-crimson-500)}.dark\\:bg-crimson-600{background-color:var(--color-crimson-600)}.dark\\:bg-crimson-700{background-color:var(--color-crimson-700)}.dark\\:bg-crimson-800{background-color:var(--color-crimson-800)}.dark\\:bg-crimson-900{background-color:var(--color-crimson-900)}.dark\\:bg-gray-00{background-color:var(--color-gray-00)}.dark\\:bg-gray-100{background-color:var(--color-gray-100)}.dark\\:bg-gray-150{background-color:var(--color-gray-150)}.dark\\:bg-gray-200{background-color:var(--color-gray-200)}.dark\\:bg-gray-25{background-color:var(--color-gray-25)}.dark\\:bg-gray-250{background-color:var(--color-gray-250)}.dark\\:bg-gray-300{background-color:var(--color-gray-300)}.dark\\:bg-gray-350{background-color:var(--color-gray-350)}.dark\\:bg-gray-400{background-color:var(--color-gray-400)}.dark\\:bg-gray-450{background-color:var(--color-gray-450)}.dark\\:bg-gray-50{background-color:var(--color-gray-50)}.dark\\:bg-gray-500{background-color:var(--color-gray-500)}.dark\\:bg-gray-550{background-color:var(--color-gray-550)}.dark\\:bg-gray-600{background-color:var(--color-gray-600)}.dark\\:bg-gray-650{background-color:var(--color-gray-650)}.dark\\:bg-gray-700{background-color:var(--color-gray-700)}.dark\\:bg-gray-750{background-color:var(--color-gray-750)}.dark\\:bg-gray-800{background-color:var(--color-gray-800)}.dark\\:bg-gray-850{background-color:var(--color-gray-850)}.dark\\:bg-gray-900{background-color:var(--color-gray-900)}.dark\\:bg-green-100{background-color:var(--color-green-100)}.dark\\:bg-green-200{background-color:var(--color-green-200)}.dark\\:bg-green-300{background-color:var(--color-green-300)}.dark\\:bg-green-400{background-color:var(--color-green-400)}.dark\\:bg-green-50{background-color:var(--color-green-50)}.dark\\:bg-green-500{background-color:var(--color-green-500)}.dark\\:bg-green-600{background-color:var(--color-green-600)}.dark\\:bg-green-700{background-color:var(--color-green-700)}.dark\\:bg-green-800{background-color:var(--color-green-800)}.dark\\:bg-green-900{background-color:var(--color-green-900)}.dark\\:bg-lime-100{background-color:var(--color-lime-100)}.dark\\:bg-lime-200{background-color:var(--color-lime-200)}.dark\\:bg-lime-300{background-color:var(--color-lime-300)}.dark\\:bg-lime-400{background-color:var(--color-lime-400)}.dark\\:bg-lime-50{background-color:var(--color-lime-50)}.dark\\:bg-lime-500{background-color:var(--color-lime-500)}.dark\\:bg-lime-600{background-color:var(--color-lime-600)}.dark\\:bg-lime-700{background-color:var(--color-lime-700)}.dark\\:bg-lime-800{background-color:var(--color-lime-800)}.dark\\:bg-lime-900{background-color:var(--color-lime-900)}.dark\\:bg-orange-100{background-color:var(--color-orange-100)}.dark\\:bg-orange-200{background-color:var(--color-orange-200)}.dark\\:bg-orange-300{background-color:var(--color-orange-300)}.dark\\:bg-orange-400{background-color:var(--color-orange-400)}.dark\\:bg-orange-50{background-color:var(--color-orange-50)}.dark\\:bg-orange-500{background-color:var(--color-orange-500)}.dark\\:bg-orange-600{background-color:var(--color-orange-600)}.dark\\:bg-orange-700{background-color:var(--color-orange-700)}.dark\\:bg-orange-800{background-color:var(--color-orange-800)}.dark\\:bg-orange-900{background-color:var(--color-orange-900)}.dark\\:bg-petrol-100{background-color:var(--color-petrol-100)}.dark\\:bg-petrol-200{background-color:var(--color-petrol-200)}.dark\\:bg-petrol-300{background-color:var(--color-petrol-300)}.dark\\:bg-petrol-400{background-color:var(--color-petrol-400)}.dark\\:bg-petrol-50{background-color:var(--color-petrol-50)}.dark\\:bg-petrol-500{background-color:var(--color-petrol-500)}.dark\\:bg-petrol-600{background-color:var(--color-petrol-600)}.dark\\:bg-petrol-700{background-color:var(--color-petrol-700)}.dark\\:bg-petrol-800{background-color:var(--color-petrol-800)}.dark\\:bg-petrol-900{background-color:var(--color-petrol-900)}.dark\\:bg-red-100{background-color:var(--color-red-100)}.dark\\:bg-red-200{background-color:var(--color-red-200)}.dark\\:bg-red-300{background-color:var(--color-red-300)}.dark\\:bg-red-400{background-color:var(--color-red-400)}.dark\\:bg-red-50{background-color:var(--color-red-50)}.dark\\:bg-red-500{background-color:var(--color-red-500)}.dark\\:bg-red-600{background-color:var(--color-red-600)}.dark\\:bg-red-700{background-color:var(--color-red-700)}.dark\\:bg-red-800{background-color:var(--color-red-800)}.dark\\:bg-red-900{background-color:var(--color-red-900)}.dark\\:bg-text{background-color:var(--color-content-medium-text)}.dark\\:bg-turquoise-100{background-color:var(--color-turquoise-100)}.dark\\:bg-turquoise-200{background-color:var(--color-turquoise-200)}.dark\\:bg-turquoise-300{background-color:var(--color-turquoise-300)}.dark\\:bg-turquoise-400{background-color:var(--color-turquoise-400)}.dark\\:bg-turquoise-50{background-color:var(--color-turquoise-50)}.dark\\:bg-turquoise-500{background-color:var(--color-turquoise-500)}.dark\\:bg-turquoise-600{background-color:var(--color-turquoise-600)}.dark\\:bg-turquoise-700{background-color:var(--color-turquoise-700)}.dark\\:bg-turquoise-800{background-color:var(--color-turquoise-800)}.dark\\:bg-turquoise-900{background-color:var(--color-turquoise-900)}.dark\\:bg-white{background-color:var(--color-base-white)}.dark\\:bg-yellow-100{background-color:var(--color-yellow-100)}.dark\\:bg-yellow-200{background-color:var(--color-yellow-200)}.dark\\:bg-yellow-300{background-color:var(--color-yellow-300)}.dark\\:bg-yellow-400{background-color:var(--color-yellow-400)}.dark\\:bg-yellow-50{background-color:var(--color-yellow-50)}.dark\\:bg-yellow-500{background-color:var(--color-yellow-500)}.dark\\:bg-yellow-600{background-color:var(--color-yellow-600)}.dark\\:bg-yellow-700{background-color:var(--color-yellow-700)}.dark\\:bg-yellow-800{background-color:var(--color-yellow-800)}.dark\\:bg-yellow-900{background-color:var(--color-yellow-900)}.dark\\:bg-none{background-image:none}.dark\\:bg-auto{background-size:auto}.dark\\:bg-contain{background-size:contain}.dark\\:bg-cover{background-size:cover}.dark\\:bg-fixed{background-attachment:fixed}.dark\\:bg-local{background-attachment:local}.dark\\:bg-scroll{background-attachment:scroll}.dark\\:bg-bottom{background-position:bottom}.dark\\:bg-center{background-position:center}.dark\\:bg-left{background-position:left}.dark\\:bg-right{background-position:right}.dark\\:bg-top{background-position:top}.dark\\:bg-repeat{background-repeat:repeat}.dark\\:text-left{text-align:left}.dark\\:text-center{text-align:center}.dark\\:text-right{text-align:right}.dark\\:text-justify{text-align:justify}.dark\\:text-start{text-align:start}.dark\\:text-end{text-align:end}.dark\\:text-2xl{font-size:var(--font-size-2xl)}.dark\\:text-3xl{font-size:var(--font-size-3xl)}.dark\\:text-4xl{font-size:var(--font-size-4xl)}.dark\\:text-5xl{font-size:var(--font-size-5xl)}.dark\\:text-6xl{font-size:var(--font-size-6xl)}.dark\\:text-7xl{font-size:var(--font-size-7xl)}.dark\\:text-8xl{font-size:var(--font-size-8xl)}.dark\\:text-9xl{font-size:var(--font-size-9xl)}.dark\\:text-lg{font-size:var(--font-size-lg)}.dark\\:text-md{font-size:var(--font-size-md)}.dark\\:text-sm{font-size:var(--font-size-sm)}.dark\\:text-xl{font-size:var(--font-size-xl)}.dark\\:text-xs{font-size:var(--font-size-xs)}.dark\\:text-amber-100{color:var(--color-amber-100)}.dark\\:text-amber-200{color:var(--color-amber-200)}.dark\\:text-amber-300{color:var(--color-amber-300)}.dark\\:text-amber-400{color:var(--color-amber-400)}.dark\\:text-amber-50{color:var(--color-amber-50)}.dark\\:text-amber-500{color:var(--color-amber-500)}.dark\\:text-amber-600{color:var(--color-amber-600)}.dark\\:text-amber-700{color:var(--color-amber-700)}.dark\\:text-amber-800{color:var(--color-amber-800)}.dark\\:text-amber-900{color:var(--color-amber-900)}.dark\\:text-background{color:var(--color-level-00-background)}.dark\\:text-black{color:var(--color-base-black)}.dark\\:text-crimson-100{color:var(--color-crimson-100)}.dark\\:text-crimson-200{color:var(--color-crimson-200)}.dark\\:text-crimson-300{color:var(--color-crimson-300)}.dark\\:text-crimson-400{color:var(--color-crimson-400)}.dark\\:text-crimson-50{color:var(--color-crimson-50)}.dark\\:text-crimson-500{color:var(--color-crimson-500)}.dark\\:text-crimson-600{color:var(--color-crimson-600)}.dark\\:text-crimson-700{color:var(--color-crimson-700)}.dark\\:text-crimson-800{color:var(--color-crimson-800)}.dark\\:text-crimson-900{color:var(--color-crimson-900)}.dark\\:text-gray-00{color:var(--color-gray-00)}.dark\\:text-gray-100{color:var(--color-gray-100)}.dark\\:text-gray-150{color:var(--color-gray-150)}.dark\\:text-gray-200{color:var(--color-gray-200)}.dark\\:text-gray-25{color:var(--color-gray-25)}.dark\\:text-gray-250{color:var(--color-gray-250)}.dark\\:text-gray-300{color:var(--color-gray-300)}.dark\\:text-gray-350{color:var(--color-gray-350)}.dark\\:text-gray-400{color:var(--color-gray-400)}.dark\\:text-gray-450{color:var(--color-gray-450)}.dark\\:text-gray-50{color:var(--color-gray-50)}.dark\\:text-gray-500{color:var(--color-gray-500)}.dark\\:text-gray-550{color:var(--color-gray-550)}.dark\\:text-gray-600{color:var(--color-gray-600)}.dark\\:text-gray-650{color:var(--color-gray-650)}.dark\\:text-gray-700{color:var(--color-gray-700)}.dark\\:text-gray-750{color:var(--color-gray-750)}.dark\\:text-gray-800{color:var(--color-gray-800)}.dark\\:text-gray-850{color:var(--color-gray-850)}.dark\\:text-gray-900{color:var(--color-gray-900)}.dark\\:text-green-100{color:var(--color-green-100)}.dark\\:text-green-200{color:var(--color-green-200)}.dark\\:text-green-300{color:var(--color-green-300)}.dark\\:text-green-400{color:var(--color-green-400)}.dark\\:text-green-50{color:var(--color-green-50)}.dark\\:text-green-500{color:var(--color-green-500)}.dark\\:text-green-600{color:var(--color-green-600)}.dark\\:text-green-700{color:var(--color-green-700)}.dark\\:text-green-800{color:var(--color-green-800)}.dark\\:text-green-900{color:var(--color-green-900)}.dark\\:text-lime-100{color:var(--color-lime-100)}.dark\\:text-lime-200{color:var(--color-lime-200)}.dark\\:text-lime-300{color:var(--color-lime-300)}.dark\\:text-lime-400{color:var(--color-lime-400)}.dark\\:text-lime-50{color:var(--color-lime-50)}.dark\\:text-lime-500{color:var(--color-lime-500)}.dark\\:text-lime-600{color:var(--color-lime-600)}.dark\\:text-lime-700{color:var(--color-lime-700)}.dark\\:text-lime-800{color:var(--color-lime-800)}.dark\\:text-lime-900{color:var(--color-lime-900)}.dark\\:text-orange-100{color:var(--color-orange-100)}.dark\\:text-orange-200{color:var(--color-orange-200)}.dark\\:text-orange-300{color:var(--color-orange-300)}.dark\\:text-orange-400{color:var(--color-orange-400)}.dark\\:text-orange-50{color:var(--color-orange-50)}.dark\\:text-orange-500{color:var(--color-orange-500)}.dark\\:text-orange-600{color:var(--color-orange-600)}.dark\\:text-orange-700{color:var(--color-orange-700)}.dark\\:text-orange-800{color:var(--color-orange-800)}.dark\\:text-orange-900{color:var(--color-orange-900)}.dark\\:text-petrol-100{color:var(--color-petrol-100)}.dark\\:text-petrol-200{color:var(--color-petrol-200)}.dark\\:text-petrol-300{color:var(--color-petrol-300)}.dark\\:text-petrol-400{color:var(--color-petrol-400)}.dark\\:text-petrol-50{color:var(--color-petrol-50)}.dark\\:text-petrol-500{color:var(--color-petrol-500)}.dark\\:text-petrol-600{color:var(--color-petrol-600)}.dark\\:text-petrol-700{color:var(--color-petrol-700)}.dark\\:text-petrol-800{color:var(--color-petrol-800)}.dark\\:text-petrol-900{color:var(--color-petrol-900)}.dark\\:text-red-100{color:var(--color-red-100)}.dark\\:text-red-200{color:var(--color-red-200)}.dark\\:text-red-300{color:var(--color-red-300)}.dark\\:text-red-400{color:var(--color-red-400)}.dark\\:text-red-50{color:var(--color-red-50)}.dark\\:text-red-500{color:var(--color-red-500)}.dark\\:text-red-600{color:var(--color-red-600)}.dark\\:text-red-700{color:var(--color-red-700)}.dark\\:text-red-800{color:var(--color-red-800)}.dark\\:text-red-900{color:var(--color-red-900)}.dark\\:text-text{color:var(--color-content-medium-text)}.dark\\:text-turquoise-100{color:var(--color-turquoise-100)}.dark\\:text-turquoise-200{color:var(--color-turquoise-200)}.dark\\:text-turquoise-300{color:var(--color-turquoise-300)}.dark\\:text-turquoise-400{color:var(--color-turquoise-400)}.dark\\:text-turquoise-50{color:var(--color-turquoise-50)}.dark\\:text-turquoise-500{color:var(--color-turquoise-500)}.dark\\:text-turquoise-600{color:var(--color-turquoise-600)}.dark\\:text-turquoise-700{color:var(--color-turquoise-700)}.dark\\:text-turquoise-800{color:var(--color-turquoise-800)}.dark\\:text-turquoise-900{color:var(--color-turquoise-900)}.dark\\:text-white{color:var(--color-base-white)}.dark\\:text-yellow-100{color:var(--color-yellow-100)}.dark\\:text-yellow-200{color:var(--color-yellow-200)}.dark\\:text-yellow-300{color:var(--color-yellow-300)}.dark\\:text-yellow-400{color:var(--color-yellow-400)}.dark\\:text-yellow-50{color:var(--color-yellow-50)}.dark\\:text-yellow-500{color:var(--color-yellow-500)}.dark\\:text-yellow-600{color:var(--color-yellow-600)}.dark\\:text-yellow-700{color:var(--color-yellow-700)}.dark\\:text-yellow-800{color:var(--color-yellow-800)}.dark\\:text-yellow-900{color:var(--color-yellow-900)}.dark\\:text-high{color:var(--color-content-high-text)}.dark\\:text-low{color:var(--color-content-low-text)}.dark\\:text-lower{color:var(--color-content-lower-text)}.dark\\:text-medium{color:var(--color-content-medium-text)}.dark\\:bg-focus{background-color:var(--color-focus-background)}}";
|
|
136
|
+
const globalStyles = "/* This stylesheet is for dev purposes only. */\n\n/* @import '../../../../node_modules/@nova-design-system/nova-base/dist/css/ocean.css'; */\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n.dark:root {\n --components-overlay-opacity: 75%;\n --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border: rgba(255, 255, 255, 0);\n --components-button-destructive-low-background: rgba(255, 255, 255, 0);\n --components-button-destructive-medium-background: rgba(255, 255, 255, 0);\n --components-loader-white-background: rgba(255, 255, 255, 0.2);\n --components-form-opacity-disabled: 50%;\n --components-form-opacity-default: 100%;\n --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);\n --components-button-lower-border-hover: rgba(255, 255, 255, 0);\n --components-button-lower-border-active: rgba(255, 255, 255, 0);\n --components-button-lower-border: rgba(255, 255, 255, 0);\n --components-button-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-low-border-active: rgba(255, 255, 255, 0);\n --components-button-low-border: rgba(255, 255, 255, 0);\n --components-button-low-background: rgba(255, 255, 255, 0);\n --components-button-high-border-active: rgba(255, 255, 255, 0);\n --components-button-high-border-hover: rgba(255, 255, 255, 0);\n --components-button-high-border: rgba(255, 255, 255, 0);\n --shadow-y-axis-2xl: 25.0000px;\n --shadow-y-axis-xl-2: 20.0000px;\n --shadow-y-axis-xl-1: 10.0000px;\n --shadow-y-axis-lg-2: 10.0000px;\n --shadow-y-axis-lg-1: 4.0000px;\n --shadow-y-axis-md-2: 4.0000px;\n --shadow-y-axis-md-1: 2.0000px;\n --shadow-y-axis-base-2: 1.0000px;\n --shadow-y-axis-base-1: 1.0000px;\n --shadow-y-axis-none: 0.0000px;\n --shadow-spread-2xl: -6.0000px;\n --shadow-spread-xl: -2.0000px;\n --shadow-spread-lg-2: 0.0000px;\n --shadow-spread-lg-1: 0.0000px;\n --shadow-spread-md: 0.0000px;\n --shadow-spread-base: 0.0000px;\n --shadow-blur-2xl: 50.0000px;\n --shadow-blur-xl-2: 25.0000px;\n --shadow-blur-xl-1: 10.0000px;\n --shadow-blur-lg-2: 15.0000px;\n --shadow-blur-lg-1: 6.0000px;\n --shadow-blur-md-2: 6.0000px;\n --shadow-blur-md-1: 4.0000px;\n --shadow-blur-base-2: 2.0000px;\n --shadow-blur-base-1: 3.0000px;\n --shadow-color-opacity-3: rgba(14, 14, 14, 0.32);\n --shadow-color-opacity-2: rgba(14, 14, 14, 0.14);\n --shadow-color-opacity-1: rgba(14, 14, 14, 0.09);\n --shadow-color-opacity-0: rgba(255, 255, 255, 0.09);\n --opacity-disabled-2: 0%;\n --opacity-disabled: 50%;\n --color-transparent: rgba(255, 255, 255, 0);\n --color-white: #ffffff;\n --color-black: #000000;\n --color-interaction-container-neutral-background: rgba(0, 0, 0, 0);\n --components-toggle-shape-hover: var(--color-gray-spark-300);\n --components-toggle-shape-default: var(--color-gray-spark-400);\n --components-toggle-background-disabled-checked: var(--color-gray-spark-600);\n --components-toggle-background-disabled: var(--color-gray-spark-600);\n --components-toggle-background-default: var(--color-interaction-container-neutral-background);\n --components-toggle-border-disabled-checked: var(--color-gray-spark-600);\n --components-toggle-border-disabled: var(--color-gray-spark-600);\n --components-toggle-border-hover: var(--color-gray-spark-300);\n --components-toggle-border-default: var(--color-gray-spark-400);\n --components-tooltip-border: var(--color-gray-spark-50);\n --components-tooltip-background: var(--color-gray-spark-50);\n --components-splitter-old-border: var(--color-transparent);\n --components-splitter-old-background: var(--color-interaction-container-neutral-background);\n --components-popover-background: var(--color-gray-spark-900);\n --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-group-title-background: var(--color-transparent);\n --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-default: var(--color-interaction-container-neutral-background);\n --components-field-time-background-default: var(--color-interaction-container-neutral-background);\n --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);\n --components-datagrid-header-background: var(--color-interaction-container-neutral-background);\n --components-overlay-background: var(--color-gray-spark-650);\n --components-button-destructive-high-icon-hover: var(--color-base-black);\n --components-button-destructive-high-icon: var(--color-base-black);\n --components-button-destructive-high-text-hover: var(--color-base-black);\n --components-button-destructive-high-text: var(--color-base-black);\n --components-button-destructive-high-background-hover: var(--color-status-red-300);\n --components-button-destructive-high-background: var(--color-status-red-400);\n --components-button-destructive-low-icon-hover: var(--color-status-red-300);\n --components-button-destructive-low-icon: var(--color-status-red-400);\n --components-button-destructive-low-text-hover: var(--color-status-red-300);\n --components-button-destructive-low-text: var(--color-status-red-400);\n --components-button-destructive-low-background-hover: var(--color-status-red-900);\n --components-button-destructive-medium-border-hover: var(--color-status-red-300);\n --components-button-destructive-medium-border: var(--color-status-red-400);\n --components-button-destructive-medium-icon-hover: var(--color-status-red-300);\n --components-button-destructive-medium-icon: var(--color-status-red-400);\n --components-button-destructive-medium-text-hover: var(--color-status-red-300);\n --components-button-destructive-medium-text: var(--color-status-red-400);\n --components-button-destructive-medium-background-hover: var(--color-status-red-900);\n --components-loader-brand-foreground: var(--color-orange-500);\n --components-loader-brand-background: var(--color-orange-900);\n --components-loader-white-foreground: var(--color-base-white);\n --components-form-shape-foreground-default: var(--color-base-black);\n --components-form-shape-background-selected: var(--color-orange-500);\n --components-form-shape-background-disabled: var(--color-gray-spark-700);\n --components-form-shape-background-hover: var(--color-gray-spark-350);\n --components-form-shape-background-default: var(--color-gray-spark-400);\n --components-form-field-background-checked: var(--color-orange-500);\n --components-button-gr-as-complementary-icon-hover: var(--color-base-white);\n --components-button-gr-as-complementary-icon: var(--color-base-white);\n --components-button-gr-as-complementary-text-hover: var(--color-base-white);\n --components-button-gr-as-complementary-text: var(--color-base-white);\n --components-button-gr-as-complementary-background-hover: var(--color-gray-spark-400);\n --components-button-gr-as-complementary-background: var(--color-gray-spark-450);\n --components-button-lower-background: var(--color-interaction-container-neutral-background);\n --color-dont-use-background: var(--color-gray-spark-900);\n --color-dont-use-content: var(--color-gray-spark-750);\n --color-dont-use-border: var(--color-gray-spark-750);\n --color-rainbow-10-text: var(--color-gray-spark-250);\n --color-rainbow-10-icon: var(--color-gray-spark-250);\n --color-rainbow-10-border-light: var(--color-gray-spark-450);\n --color-rainbow-10-border: var(--color-gray-spark-250);\n --color-rainbow-10-background: var(--color-gray-spark-650);\n --color-rainbow-9-text: var(--color-lime-500);\n --color-rainbow-9-icon: var(--color-lime-500);\n --color-rainbow-9-border-light: var(--color-lime-700);\n --color-rainbow-9-border: var(--color-lime-500);\n --color-rainbow-9-background: var(--color-lime-900);\n --color-rainbow-8-text: var(--color-petrol-300);\n --color-rainbow-8-icon: var(--color-petrol-300);\n --color-rainbow-8-border-light: var(--color-petrol-600);\n --color-rainbow-8-border: var(--color-petrol-300);\n --color-rainbow-8-background: var(--color-petrol-900);\n --color-rainbow-7-text: var(--color-green-300);\n --color-rainbow-7-icon: var(--color-green-300);\n --color-rainbow-7-border-light: var(--color-green-600);\n --color-rainbow-7-border: var(--color-green-300);\n --color-rainbow-7-background: var(--color-green-900);\n --color-rainbow-6-text: var(--color-crimson-200);\n --color-rainbow-6-icon: var(--color-crimson-200);\n --color-rainbow-6-border-light: var(--color-crimson-600);\n --color-rainbow-6-border: var(--color-crimson-200);\n --color-rainbow-6-background: var(--color-crimson-900);\n --color-rainbow-5-text: var(--color-turquoise-400);\n --color-rainbow-5-icon: var(--color-turquoise-400);\n --color-rainbow-5-border-light: var(--color-turquoise-700);\n --color-rainbow-5-border: var(--color-turquoise-400);\n --color-rainbow-5-background: var(--color-turquoise-900);\n --color-rainbow-4-text: var(--color-red-200);\n --color-rainbow-4-icon: var(--color-red-200);\n --color-rainbow-4-border-light: var(--color-red-600);\n --color-rainbow-4-border: var(--color-red-200);\n --color-rainbow-4-background: var(--color-red-900);\n --color-rainbow-3-text: var(--color-yellow-600);\n --color-rainbow-3-icon: var(--color-yellow-600);\n --color-rainbow-3-border-light: var(--color-yellow-700);\n --color-rainbow-3-border: var(--color-yellow-600);\n --color-rainbow-3-background: var(--color-yellow-900);\n --color-rainbow-2-text: var(--color-orange-400);\n --color-rainbow-2-icon: var(--color-orange-400);\n --color-rainbow-2-border-light: var(--color-orange-700);\n --color-rainbow-2-border: var(--color-orange-400);\n --color-rainbow-2-background: var(--color-orange-900);\n --color-rainbow-1-text: var(--color-amber-400);\n --color-rainbow-1-icon: var(--color-amber-500);\n --color-rainbow-1-border-light: var(--color-amber-700);\n --color-rainbow-1-border: var(--color-amber-500);\n --color-rainbow-1-background: var(--color-amber-900);\n --color-focus-brand: var(--color-orange-500);\n --color-feedback-success-high-contrast-title: var(--color-base-black);\n --color-feedback-success-high-contrast-text: var(--color-status-green-900);\n --color-feedback-success-high-contrast-icon: var(--color-base-black);\n --color-feedback-success-high-contrast-border: var(--color-status-green-400);\n --color-feedback-success-high-contrast-background: var(--color-status-green-400);\n --color-feedback-success-low-text: var(--color-status-green-400);\n --color-feedback-success-low-icon: var(--color-status-green-400);\n --color-feedback-success-low-border-subtle: var(--color-status-green-700);\n --color-feedback-success-low-border: var(--color-status-green-400);\n --color-feedback-success-low-background: var(--color-status-green-900);\n --color-feedback-success-high-text: var(--color-status-green-800);\n --color-feedback-success-high-icon: var(--color-status-green-800);\n --color-feedback-success-high-border: var(--color-status-green-300);\n --color-feedback-success-high-background: var(--color-status-green-300);\n --color-feedback-warning-high-contrast-title: var(--color-base-black);\n --color-feedback-warning-high-contrast-text: var(--color-status-yellow-900);\n --color-feedback-warning-high-contrast-icon: var(--color-base-black);\n --color-feedback-warning-high-contrast-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-contrast-background: var(--color-status-yellow-500);\n --color-feedback-warning-low-text: var(--color-status-yellow-500);\n --color-feedback-warning-low-icon: var(--color-status-yellow-500);\n --color-feedback-warning-low-border-subtle: var(--color-status-yellow-700);\n --color-feedback-warning-low-border: var(--color-status-yellow-500);\n --color-feedback-warning-low-background: var(--color-status-yellow-900);\n --color-feedback-warning-high-text: var(--color-status-yellow-900);\n --color-feedback-warning-high-icon: var(--color-status-yellow-900);\n --color-feedback-warning-high-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-background: var(--color-status-yellow-500);\n --color-feedback-neutral-high-contrast-title: var(--color-base-black);\n --color-feedback-neutral-high-contrast-text: var(--color-gray-spark-900);\n --color-feedback-neutral-high-contrast-icon: var(--color-base-black);\n --color-feedback-neutral-high-contrast-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-contrast-background: var(--color-gray-spark-250);\n --color-feedback-neutral-low-text: var(--color-gray-spark-250);\n --color-feedback-neutral-low-icon: var(--color-gray-spark-250);\n --color-feedback-neutral-low-border-subtle: var(--color-gray-spark-500);\n --color-feedback-neutral-low-border: var(--color-gray-spark-250);\n --color-feedback-neutral-low-background: var(--color-gray-spark-800);\n --color-feedback-neutral-high-text: var(--color-gray-spark-800);\n --color-feedback-neutral-high-icon: var(--color-gray-spark-800);\n --color-feedback-neutral-high-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-background: var(--color-gray-spark-250);\n --color-feedback-error-high-contrast-title: var(--color-base-black);\n --color-feedback-error-high-contrast-text: var(--color-status-red-900);\n --color-feedback-error-high-contrast-icon: var(--color-base-black);\n --color-feedback-error-high-contrast-border: var(--color-status-red-300);\n --color-feedback-error-high-contrast-background: var(--color-status-red-300);\n --color-feedback-error-low-text: var(--color-status-red-300);\n --color-feedback-error-low-icon: var(--color-status-red-300);\n --color-feedback-error-low-border-subtle: var(--color-status-red-700);\n --color-feedback-error-low-border: var(--color-status-red-300);\n --color-feedback-error-low-background: var(--color-status-red-900);\n --color-feedback-error-high-text: var(--color-status-red-900);\n --color-feedback-error-high-icon: var(--color-status-red-900);\n --color-feedback-error-high-border: var(--color-status-red-300);\n --color-feedback-error-high-background: var(--color-status-red-300);\n --color-feedback-information-high-contrast-title: var(--color-base-black);\n --color-feedback-information-high-contrast-text: var(--color-status-blue-900);\n --color-feedback-information-high-contrast-icon: var(--color-base-black);\n --color-feedback-information-high-contrast-border: var(--color-status-blue-300);\n --color-feedback-information-high-contrast-background: var(--color-status-blue-300);\n --color-feedback-information-low-text: var(--color-status-blue-300);\n --color-feedback-information-low-icon: var(--color-status-blue-300);\n --color-feedback-information-low-border-subtle: var(--color-status-blue-700);\n --color-feedback-information-low-border: var(--color-status-blue-300);\n --color-feedback-information-low-background: var(--color-status-blue-900);\n --color-feedback-information-high-text: var(--color-status-blue-800);\n --color-feedback-information-high-icon: var(--color-status-blue-800);\n --color-feedback-information-high-border: var(--color-status-blue-300);\n --color-feedback-information-high-background: var(--color-status-blue-300);\n --color-chart-10: var(--color-crimson-500);\n --color-chart-9: var(--color-dark-blue-500);\n --color-chart-8: var(--color-orange-500);\n --color-chart-7: var(--color-yellow-500);\n --color-chart-6: var(--color-lime-500);\n --color-chart-5: var(--color-light-blue-500);\n --color-chart-4: var(--color-turquoise-500);\n --color-chart-3: var(--color-petrol-500);\n --color-chart-2: var(--color-dark-gray-500);\n --color-chart-1: var(--color-amber-500);\n --color-brand-900: var(--color-amber-50);\n --color-brand-800: var(--color-amber-100);\n --color-brand-700: var(--color-amber-200);\n --color-brand-600: var(--color-amber-300);\n --color-brand-500: var(--color-amber-400);\n --color-brand-400: var(--color-amber-500);\n --color-brand-300: var(--color-amber-600);\n --color-brand-200: var(--color-amber-700);\n --color-brand-100: var(--color-amber-800);\n --color-brand-50: var(--color-amber-900);\n --color-accent-900: var(--color-petrol-50);\n --color-accent-800: var(--color-petrol-100);\n --color-accent-700: var(--color-petrol-200);\n --color-accent-600: var(--color-petrol-300);\n --color-accent-500: var(--color-petrol-400);\n --color-accent-400: var(--color-petrol-500);\n --color-accent-300: var(--color-petrol-600);\n --color-accent-200: var(--color-petrol-700);\n --color-accent-100: var(--color-petrol-800);\n --color-accent-50: var(--color-petrol-900);\n --color-content-inverted-low-icon: var(--color-gray-spark-400);\n --color-content-inverted-low-text: var(--color-gray-spark-400);\n --color-content-inverted-medium-icon: var(--color-gray-spark-550);\n --color-content-inverted-medium-text: var(--color-gray-spark-550);\n --color-content-inverted-high-icon: var(--color-gray-spark-800);\n --color-content-inverted-high-text: var(--color-gray-spark-800);\n --color-content-lower-text: var(--color-gray-spark-400);\n --color-content-low-icon: var(--color-gray-spark-350);\n --color-content-low-text: var(--color-gray-spark-350);\n --color-content-low-border: var(--color-gray-spark-500);\n --color-content-medium-icon: var(--color-gray-spark-200);\n --color-content-medium-text: var(--color-gray-spark-200);\n --color-content-medium-border: var(--color-gray-spark-400);\n --color-content-high-icon: var(--color-gray-spark-50);\n --color-content-high-text: var(--color-gray-spark-50);\n --color-content-high-border: var(--color-gray-spark-300);\n --color-level-inverted-05-background: var(--color-gray-spark-25);\n --color-level-inverted-00-background: var(--color-gray-spark-00);\n --color-level-inverted-40-background: var(--color-gray-spark-00);\n --color-level-inverted-30-background: var(--color-gray-spark-50);\n --color-level-inverted-20-background: var(--color-gray-spark-00);\n --color-level-inverted-15-background: var(--color-gray-spark-75);\n --color-level-inverted-10-background: var(--color-gray-spark-50);\n --color-level-05-background: var(--color-gray-spark-850);\n --color-level-00-background: var(--color-gray-spark-900);\n --color-level-40-background: var(--color-gray-spark-500);\n --color-level-30-background: var(--color-gray-spark-600);\n --color-level-20-background: var(--color-gray-spark-700);\n --color-level-15-background: var(--color-gray-spark-750);\n --color-level-10-background: var(--color-gray-spark-800);\n --color-interaction-link-inverted-text-visited: var(--color-orange-400);\n --color-interaction-link-inverted-text-hover: var(--color-orange-600);\n --color-interaction-link-inverted-icon-visited: var(--color-orange-400);\n --color-interaction-link-inverted-icon-hover: var(--color-orange-600);\n --color-interaction-link-low-text-visited: var(--color-orange-400);\n --color-interaction-link-low-text-hover: var(--color-orange-400);\n --color-interaction-link-low-icon-visited: var(--color-orange-400);\n --color-interaction-link-low-icon-hover: var(--color-orange-400);\n --color-interaction-link-high-text-visited: var(--color-orange-400);\n --color-interaction-link-high-text-hover: var(--color-orange-400);\n --color-interaction-link-high-text: var(--color-orange-500);\n --color-interaction-link-high-icon-visited: var(--color-orange-400);\n --color-interaction-link-high-icon-hover: var(--color-orange-400);\n --color-interaction-link-high-icon: var(--color-orange-500);\n --color-interaction-container-branded-low-text-hover: var(--color-orange-400);\n --color-interaction-container-branded-low-text-active: var(--color-orange-400);\n --color-interaction-container-branded-low-text: var(--color-orange-500);\n --color-interaction-container-branded-low-icon-hover: var(--color-orange-400);\n --color-interaction-container-branded-low-icon-active: var(--color-orange-400);\n --color-interaction-container-branded-low-icon: var(--color-orange-500);\n --color-interaction-container-branded-low-border-hover: var(--color-orange-400);\n --color-interaction-container-branded-low-border-active: var(--color-orange-400);\n --color-interaction-container-branded-low-border: var(--color-orange-500);\n --color-interaction-container-branded-low-background-hover: var(--color-orange-900);\n --color-interaction-container-branded-low-background-active: var(--color-orange-900);\n --color-interaction-container-branded-high-text-hover: var(--color-base-black);\n --color-interaction-container-branded-high-text-active: var(--color-base-black);\n --color-interaction-container-branded-high-text: var(--color-base-black);\n --color-interaction-container-branded-high-icon-hover: var(--color-base-black);\n --color-interaction-container-branded-high-icon-active: var(--color-base-black);\n --color-interaction-container-branded-high-icon: var(--color-base-black);\n --color-interaction-container-branded-high-border-hover: var(--color-orange-400);\n --color-interaction-container-branded-high-border-active: var(--color-orange-400);\n --color-interaction-container-branded-high-border: var(--color-orange-500);\n --color-interaction-container-branded-high-background-hover: var(--color-orange-400);\n --color-interaction-container-branded-high-background-active: var(--color-orange-400);\n --color-interaction-container-branded-high-background: var(--color-orange-500);\n --color-interaction-container-neutral-text-active: var(--color-orange-400);\n --color-interaction-container-neutral-icon-active: var(--color-orange-400);\n --color-interaction-container-neutral-border-active: var(--color-orange-400);\n --color-interaction-container-neutral-background-active: var(--color-orange-900);\n --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);\n --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);\n --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);\n --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);\n --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);\n --components-tooltip-text: var(--color-content-inverted-high-text);\n --components-splitter-handle-background-hover: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background: var(--color-content-low-border);\n --components-splitter-line-background-hover: var(--color-interaction-container-branded-low-background-active);\n --components-splitter-line-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-line-background: var(--color-level-10-background);\n --components-splitter-old-border-active: var(--color-interaction-container-neutral-border-active);\n --components-splitter-old-background-active: var(--color-interaction-container-neutral-background-active);\n --components-slider-handler-border-focus: var(--components-form-field-background-checked);\n --components-slider-handler-background-focus: var(--components-form-field-background-checked);\n --components-slider-track-background: var(--color-content-low-border);\n --components-sidebar-border: var(--color-content-low-border);\n --components-sidebar-divider: var(--color-content-low-border);\n --components-sidebar-background: var(--color-level-00-background);\n --components-popover-supporting-text: var(--color-content-low-text);\n --components-popover-text: var(--color-content-medium-text);\n --components-popover-border: var(--color-content-low-border);\n --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-notification-neutral-border: var(--color-feedback-neutral-low-border);\n --components-notification-neutral-background: var(--color-level-20-background);\n --components-notification-success-icon: var(--color-feedback-success-low-icon);\n --components-notification-success-border: var(--color-feedback-success-low-border);\n --components-notification-success-background: var(--color-level-20-background);\n --components-notification-error-icon: var(--color-feedback-error-low-icon);\n --components-notification-error-border: var(--color-feedback-error-low-border);\n --components-notification-error-background: var(--color-level-20-background);\n --components-notification-warning-icon: var(--color-feedback-warning-low-border);\n --components-notification-warning-border: var(--color-feedback-warning-low-border);\n --components-notification-warning-background: var(--color-level-20-background);\n --components-notification-content-title: var(--color-content-high-text);\n --components-notification-content-timestamp: var(--color-content-medium-text);\n --components-notification-content-description: var(--color-content-medium-text);\n --components-notification-information-border: var(--color-feedback-information-low-border);\n --components-notification-information-icon: var(--color-feedback-information-low-icon);\n --components-notification-information-background: var(--color-level-20-background);\n --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);\n --components-menu-contextual-item-shortcut: var(--color-content-lower-text);\n --components-menu-contextual-border: var(--color-content-low-border);\n --components-menu-contextual-background: var(--color-level-00-background);\n --components-list-dropdown-border: var(--color-content-low-border);\n --components-list-dropdown-separator: var(--color-content-low-border);\n --components-list-dropdown-group-title-content: var(--color-content-medium-text);\n --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-dropdown-item-description-disabled: var(--color-content-lower-text);\n --components-list-dropdown-item-description-hover: var(--color-content-medium-text);\n --components-list-dropdown-item-description-default: var(--color-content-low-text);\n --components-list-dropdown-item-label-active: var(--color-content-low-text);\n --components-list-dropdown-item-label-disabled: var(--color-content-low-text);\n --components-list-dropdown-item-label-hover: var(--color-content-high-text);\n --components-list-dropdown-item-label-default: var(--color-content-medium-text);\n --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);\n --components-list-dropdown-header-background: var(--color-level-10-background);\n --components-list-dropdown-background: var(--color-level-00-background);\n --components-list-select-hr: var(--color-content-low-border);\n --components-list-select-border: var(--color-content-low-border);\n --components-list-select-optgroup-content: var(--color-content-lower-text);\n --components-list-select-option-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-select-option-content-active: var(--color-interaction-container-neutral-text-active);\n --components-list-select-option-content-disabled: var(--color-content-lower-text);\n --components-list-select-option-content-hover: var(--color-content-high-text);\n --components-list-select-option-content-default: var(--color-content-medium-text);\n --components-list-select-background: var(--color-level-00-background);\n --components-calendar-background: var(--color-level-00-background);\n --components-calendar-cell-text-today: var(--color-content-high-text);\n --components-calendar-cell-text-outside-month: var(--color-content-lower-text);\n --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);\n --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);\n --components-calendar-cell-dot-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);\n --components-calendar-cell-dot: var(--color-content-high-icon);\n --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);\n --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);\n --components-calendar-weeks-text-hover: var(--color-content-high-text);\n --components-calendar-weeks-text: var(--color-content-high-text);\n --components-calendar-weeks-background-hover: var(--color-level-15-background);\n --components-calendar-weeks-background: var(--color-level-10-background);\n --components-calendar-header-text: var(--color-content-high-text);\n --components-calendar-border: var(--color-content-low-border);\n --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);\n --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);\n --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-expander-expander-background: var(--color-level-10-background);\n --components-datagrid-expander-border: var(--color-content-low-border);\n --components-datagrid-expander-content-background: var(--color-level-00-background);\n --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-body-subtext: var(--color-content-low-text);\n --components-datagrid-body-text: var(--color-content-medium-text);\n --components-datagrid-body-border: var(--color-content-low-border);\n --components-datagrid-header-text: var(--color-content-high-text);\n --components-datagrid-header-border: var(--color-content-medium-border);\n --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);\n --components-buttongroup-high-border: var(--color-interaction-container-branded-high-border);\n --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);\n --components-avatar-content-10: var(--color-rainbow-10-icon);\n --components-avatar-content-9: var(--color-rainbow-9-text);\n --components-avatar-content-8: var(--color-rainbow-8-text);\n --components-avatar-content-7: var(--color-rainbow-7-text);\n --components-avatar-content-6: var(--color-rainbow-6-icon);\n --components-avatar-content-5: var(--color-rainbow-5-icon);\n --components-avatar-content-4: var(--color-rainbow-4-icon);\n --components-avatar-content-3: var(--color-rainbow-3-icon);\n --components-avatar-content-2: var(--color-rainbow-2-icon);\n --components-avatar-content-1: var(--color-rainbow-1-icon);\n --components-avatar-border-10: var(--color-rainbow-10-border);\n --components-avatar-border-9: var(--color-rainbow-9-border);\n --components-avatar-border-8: var(--color-rainbow-8-border);\n --components-avatar-border-7: var(--color-rainbow-7-border);\n --components-avatar-border-6: var(--color-rainbow-6-border);\n --components-avatar-border-5: var(--color-rainbow-5-border);\n --components-avatar-border-4: var(--color-rainbow-4-border);\n --components-avatar-border-3: var(--color-rainbow-3-border);\n --components-avatar-border-2: var(--color-rainbow-2-border);\n --components-avatar-border-1: var(--color-rainbow-1-border);\n --components-avatar-background-10: var(--color-rainbow-10-background);\n --components-avatar-background-9: var(--color-rainbow-9-background);\n --components-avatar-background-8: var(--color-rainbow-8-background);\n --components-avatar-background-7: var(--color-rainbow-7-background);\n --components-avatar-background-6: var(--color-rainbow-6-background);\n --components-avatar-background-5: var(--color-rainbow-5-background);\n --components-avatar-background-4: var(--color-rainbow-4-background);\n --components-avatar-background-3: var(--color-rainbow-3-background);\n --components-avatar-background-2: var(--color-rainbow-2-background);\n --components-avatar-background-1: var(--color-rainbow-1-background);\n --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-alert-neutral-border: var(--color-feedback-neutral-low-border);\n --components-alert-neutral-background: var(--color-feedback-neutral-low-background);\n --components-alert-success-icon: var(--color-feedback-success-low-icon);\n --components-alert-success-border: var(--color-feedback-success-low-border);\n --components-alert-success-background: var(--color-feedback-success-low-background);\n --components-alert-error-icon: var(--color-feedback-error-low-icon);\n --components-alert-error-border: var(--color-feedback-error-low-border);\n --components-alert-error-background: var(--color-feedback-error-low-background);\n --components-alert-warning-icon: var(--color-feedback-warning-low-border);\n --components-alert-warning-border: var(--color-feedback-warning-low-border);\n --components-alert-warning-background: var(--color-feedback-warning-low-background);\n --components-alert-content-title: var(--color-content-high-text);\n --components-alert-content-description: var(--color-content-medium-text);\n --components-alert-information-border: var(--color-feedback-information-low-border);\n --components-alert-information-icon: var(--color-feedback-information-low-icon);\n --components-alert-information-background: var(--color-feedback-information-low-background);\n --components-button-destructive-lower-border-hover: var(--color-dont-use-border);\n --components-button-destructive-lower-border: var(--color-dont-use-border);\n --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-icon: var(--color-dont-use-content);\n --components-button-destructive-lower-text-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-text: var(--color-dont-use-content);\n --components-button-destructive-lower-background-hover: var(--color-dont-use-background);\n --components-button-destructive-lower-background: var(--color-dont-use-background);\n --components-form-shape-foreground-disabled-error: var(--color-feedback-error-low-icon);\n --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);\n --components-form-shape-border-success: var(--color-feedback-success-low-border);\n --components-form-shape-border-error: var(--color-feedback-error-low-border);\n --components-form-shape-border-focus: var(--color-focus-brand);\n --components-form-shape-border-hover: var(--color-content-high-border);\n --components-form-shape-border-default: var(--color-content-medium-border);\n --components-form-shape-background-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-success: var(--color-feedback-success-low-icon);\n --components-form-field-icon-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-disabled: var(--color-content-medium-border);\n --components-form-field-icon-default: var(--color-content-low-text);\n --components-form-field-content-text: var(--color-content-high-text);\n --components-form-field-content-placeholder: var(--color-content-low-text);\n --components-form-field-border-readonly: var(--color-content-low-border);\n --components-form-field-border-success: var(--color-feedback-success-low-border);\n --components-form-field-border-error: var(--color-feedback-error-low-border);\n --components-form-field-border-focus: var(--color-focus-brand);\n --components-form-field-border-hover: var(--color-content-high-border);\n --components-form-field-border-disabled: var(--color-content-medium-border);\n --components-form-field-border-default: var(--color-content-medium-border);\n --components-form-field-background-readonly: var(--color-level-05-background);\n --components-form-field-background-error: var(--color-feedback-error-low-border);\n --components-form-field-background-disabled: var(--color-level-10-background);\n --components-form-field-background-hover: var(--color-level-05-background);\n --components-form-field-background-focus: var(--color-level-00-background);\n --components-form-field-background-default: var(--color-level-00-background);\n --components-form-text-description-error: var(--color-feedback-error-low-icon);\n --components-form-text-description-default: var(--color-content-low-text);\n --components-form-text-label-disabled: var(--color-content-medium-text);\n --components-form-text-label-default: var(--color-content-high-text);\n --components-form-text-info-icon: var(--color-content-low-text);\n --components-form-text-required: var(--color-feedback-error-low-icon);\n --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-medium-text: var(--color-interaction-container-branded-low-text);\n --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border: var(--color-interaction-container-branded-low-border);\n --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);\n --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);\n --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);\n --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-low-text: var(--color-interaction-container-branded-low-text);\n --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-low-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);\n --components-button-high-icon: var(--color-interaction-container-branded-high-icon);\n --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);\n --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);\n --components-button-high-text: var(--color-interaction-container-branded-high-text);\n --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);\n --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-button-high-background: var(--color-interaction-container-branded-high-background);\n --color-focus-success: var(--color-feedback-success-low-border);\n --color-focus-destructive-in-field: var(--color-feedback-error-low-border);\n --color-focus-destructive: var(--color-feedback-error-high-border);\n --color-focus-background-inverted: var(--color-level-inverted-00-background);\n --color-focus-background: var(--color-level-00-background);\n --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);\n --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);\n --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);\n --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);\n --color-interaction-link-low-text-disabled: var(--color-content-low-text);\n --color-interaction-link-low-text: var(--color-content-high-text);\n --color-interaction-link-low-icon-disabled: var(--color-content-low-icon);\n --color-interaction-link-low-icon: var(--color-content-high-text);\n --color-interaction-link-high-text-disabled: var(--color-content-low-text);\n --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);\n --color-interaction-container-branded-low-background: var(--color-level-00-background);\n --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-text: var(--color-content-low-text);\n --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-icon: var(--color-content-low-text);\n --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-border: var(--color-content-low-text);\n --color-interaction-container-neutral-background-hover: var(--color-level-10-background);\n --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);\n --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);\n --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);\n --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);\n --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-splitter-old-border-hover: var(--color-interaction-container-neutral-border-hover);\n --components-splitter-old-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-border-error: var(--components-form-field-background-error);\n --components-slider-handler-border-hover: var(--components-form-field-background-hover);\n --components-slider-handler-border-default: var(--components-form-field-background-default);\n --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-background-error: var(--components-form-field-background-error);\n --components-slider-handler-background-hover: var(--components-form-field-background-hover);\n --components-slider-handler-background-default: var(--components-form-field-background-default);\n --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);\n --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);\n --components-slider-track-filled-error: var(--components-form-field-border-error);\n --components-slider-track-filled-focus: var(--components-form-field-border-focus);\n --components-slider-track-filled-hover: var(--components-form-field-border-hover);\n --components-slider-track-filled-default: var(--components-form-field-border-default);\n --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);\n --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);\n --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-list-select-option-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-calendar-cell-text: var(--color-interaction-container-neutral-text);\n --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);\n --components-field-time-text-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-field-time-text-default: var(--color-interaction-container-neutral-text);\n --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);\n --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-medium-background: var(--color-interaction-container-branded-low-background);\n --components-breadcrumb-text-current: var(--color-interaction-link-high-text-disabled);\n --components-breadcrumb-text: var(--color-interaction-link-low-text);\n --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);\n --components-button-medium-background: var(--color-interaction-container-branded-low-background);\n --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-button-lower-text: var(--color-interaction-container-neutral-text);\n --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-button-lower-icon: var(--color-interaction-container-neutral-icon);\n --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);\n}\n\n:root {\n --color-gray-25: var(--color-gray-spark-25);\n --color-gray-50: var(--color-gray-spark-50);\n --color-gray-75: var(--color-gray-spark-75);\n --color-gray-100: var(--color-gray-spark-100);\n --color-gray-150: var(--color-gray-spark-150);\n --color-gray-200: var(--color-gray-spark-200);\n --color-gray-250: var(--color-gray-spark-250);\n --color-gray-300: var(--color-gray-spark-300);\n --color-gray-350: var(--color-gray-spark-350);\n --color-gray-400: var(--color-gray-spark-400);\n --color-gray-450: var(--color-gray-spark-450);\n --color-gray-500: var(--color-gray-spark-500);\n --color-gray-550: var(--color-gray-spark-550);\n --color-gray-600: var(--color-gray-spark-600);\n --color-gray-650: var(--color-gray-spark-650);\n --color-gray-700: var(--color-gray-spark-700);\n --color-gray-750: var(--color-gray-spark-750);\n --color-gray-800: var(--color-gray-spark-800);\n --color-gray-850: var(--color-gray-spark-850);\n --color-gray-900: var(--color-gray-spark-900);\n --color-gray-00: var(--color-gray-spark-00);\n}\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --components-overlay-opacity: 55%;\n --components-button-destructive-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-destructive-low-border: rgba(255, 255, 255, 0);\n --components-button-destructive-low-background: rgba(255, 255, 255, 0);\n --components-button-destructive-medium-background: rgba(255, 255, 255, 0);\n --components-loader-white-background: rgba(255, 255, 255, 0.2);\n --components-form-opacity-disabled: 50%;\n --components-form-opacity-default: 100%;\n --components-button-gr-as-complementary-border-hover: rgba(255, 255, 255, 0);\n --components-button-gr-as-complementary-border: rgba(255, 255, 255, 0);\n --components-button-lower-border-hover: rgba(255, 255, 255, 0);\n --components-button-lower-border-active: rgba(255, 255, 255, 0);\n --components-button-lower-border: rgba(255, 255, 255, 0);\n --components-button-low-border-hover: rgba(255, 255, 255, 0);\n --components-button-low-border-active: rgba(255, 255, 255, 0);\n --components-button-low-border: rgba(255, 255, 255, 0);\n --components-button-low-background: rgba(255, 255, 255, 0);\n --components-button-high-border: rgba(255, 255, 255, 0);\n --shadow-y-axis-2xl: 25.0000px;\n --shadow-y-axis-xl-2: 20.0000px;\n --shadow-y-axis-xl-1: 10.0000px;\n --shadow-y-axis-lg-2: 10.0000px;\n --shadow-y-axis-lg-1: 4.0000px;\n --shadow-y-axis-md-2: 4.0000px;\n --shadow-y-axis-md-1: 2.0000px;\n --shadow-y-axis-base-2: 1.0000px;\n --shadow-y-axis-base-1: 1.0000px;\n --shadow-y-axis-none: 0.0000px;\n --shadow-spread-2xl: -12.0000px;\n --shadow-spread-xl: -5.0000px;\n --shadow-spread-lg-2: -3.0000px;\n --shadow-spread-lg-1: -2.0000px;\n --shadow-spread-md: 0.0000px;\n --shadow-spread-base: 0.0000px;\n --shadow-blur-2xl: 50.0000px;\n --shadow-blur-xl-2: 25.0000px;\n --shadow-blur-xl-1: 10.0000px;\n --shadow-blur-lg-2: 15.0000px;\n --shadow-blur-lg-1: 6.0000px;\n --shadow-blur-md-2: 6.0000px;\n --shadow-blur-md-1: 4.0000px;\n --shadow-blur-base-2: 2.0000px;\n --shadow-blur-base-1: 3.0000px;\n --shadow-color-opacity-3: rgba(14, 14, 14, 0.25);\n --shadow-color-opacity-2: rgba(14, 14, 14, 0.1);\n --shadow-color-opacity-1: rgba(14, 14, 14, 0.06);\n --shadow-color-opacity-0: rgba(0, 0, 0, 0.06);\n --opacity-disabled-2: 50%;\n --opacity-disabled: 50%;\n --color-transparent: rgba(255, 255, 255, 0);\n --color-white: #ffffff;\n --color-black: #000000;\n --color-interaction-container-neutral-background: rgba(255, 255, 255, 0);\n --components-toggle-shape-hover: var(--color-gray-spark-400);\n --components-toggle-shape-default: var(--color-gray-spark-300);\n --components-toggle-background-disabled-checked: var(--color-gray-spark-150);\n --components-toggle-background-disabled: var(--color-gray-spark-150);\n --components-toggle-background-default: var(--color-interaction-container-neutral-background);\n --components-toggle-border-disabled-checked: var(--color-gray-spark-150);\n --components-toggle-border-disabled: var(--color-gray-spark-150);\n --components-toggle-border-hover: var(--color-gray-spark-400);\n --components-toggle-border-default: var(--color-gray-spark-300);\n --components-tooltip-border: var(--color-gray-spark-900);\n --components-tooltip-background: var(--color-gray-spark-900);\n --components-splitter-old-border: var(--color-transparent);\n --components-splitter-old-background: var(--color-interaction-container-neutral-background);\n --components-popover-background: var(--color-gray-spark-00);\n --components-menu-contextual-item-background: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-group-title-background: var(--color-transparent);\n --components-list-dropdown-item-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-dropdown-item-background-default: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-disabled: var(--color-interaction-container-neutral-background);\n --components-list-select-option-background-default: var(--color-interaction-container-neutral-background);\n --components-field-time-background-default: var(--color-interaction-container-neutral-background);\n --components-datagrid-body-background-default: var(--color-interaction-container-neutral-background);\n --components-datagrid-header-background: var(--color-interaction-container-neutral-background);\n --components-overlay-background: var(--color-gray-spark-850);\n --components-button-destructive-high-icon-hover: var(--color-base-white);\n --components-button-destructive-high-icon: var(--color-base-white);\n --components-button-destructive-high-text-hover: var(--color-base-white);\n --components-button-destructive-high-text: var(--color-base-white);\n --components-button-destructive-high-background-hover: var(--color-status-red-600);\n --components-button-destructive-high-background: var(--color-status-red-500);\n --components-button-destructive-low-icon-hover: var(--color-status-red-600);\n --components-button-destructive-low-icon: var(--color-status-red-500);\n --components-button-destructive-low-text-hover: var(--color-status-red-600);\n --components-button-destructive-low-text: var(--color-status-red-500);\n --components-button-destructive-low-background-hover: var(--color-status-red-50);\n --components-button-destructive-medium-border-hover: var(--color-status-red-600);\n --components-button-destructive-medium-border: var(--color-status-red-500);\n --components-button-destructive-medium-icon-hover: var(--color-status-red-600);\n --components-button-destructive-medium-icon: var(--color-status-red-500);\n --components-button-destructive-medium-text-hover: var(--color-status-red-600);\n --components-button-destructive-medium-text: var(--color-status-red-500);\n --components-button-destructive-medium-background-hover: var(--color-status-red-50);\n --components-loader-brand-foreground: var(--color-orange-500);\n --components-loader-brand-background: var(--color-orange-50);\n --components-loader-white-foreground: var(--color-base-white);\n --components-form-shape-foreground-default: var(--color-base-white);\n --components-form-shape-background-selected: var(--color-orange-500);\n --components-form-shape-background-disabled: var(--color-gray-spark-75);\n --components-form-shape-background-hover: var(--color-gray-spark-100);\n --components-form-shape-background-default: var(--color-gray-spark-75);\n --components-form-field-background-checked: var(--color-orange-500);\n --components-button-gr-as-complementary-icon-hover: var(--color-base-black);\n --components-button-gr-as-complementary-icon: var(--color-base-black);\n --components-button-gr-as-complementary-text-hover: var(--color-base-black);\n --components-button-gr-as-complementary-text: var(--color-base-black);\n --components-button-gr-as-complementary-background-hover: var(--color-gray-spark-300);\n --components-button-gr-as-complementary-background: var(--color-gray-spark-200);\n --components-button-lower-background: var(--color-interaction-container-neutral-background);\n --color-dont-use-background: var(--color-gray-spark-50);\n --color-dont-use-content: var(--color-gray-spark-100);\n --color-dont-use-border: var(--color-gray-spark-100);\n --color-rainbow-10-text: var(--color-gray-spark-500);\n --color-rainbow-10-icon: var(--color-gray-spark-500);\n --color-rainbow-10-border-light: var(--color-gray-spark-150);\n --color-rainbow-10-border: var(--color-gray-spark-500);\n --color-rainbow-10-background: var(--color-gray-spark-75);\n --color-rainbow-9-text: var(--color-lime-700);\n --color-rainbow-9-icon: var(--color-lime-700);\n --color-rainbow-9-border-light: var(--color-lime-100);\n --color-rainbow-9-border: var(--color-lime-700);\n --color-rainbow-9-background: var(--color-lime-50);\n --color-rainbow-8-text: var(--color-petrol-600);\n --color-rainbow-8-icon: var(--color-petrol-600);\n --color-rainbow-8-border-light: var(--color-petrol-100);\n --color-rainbow-8-border: var(--color-petrol-600);\n --color-rainbow-8-background: var(--color-petrol-50);\n --color-rainbow-7-text: var(--color-green-600);\n --color-rainbow-7-icon: var(--color-green-600);\n --color-rainbow-7-border-light: var(--color-green-100);\n --color-rainbow-7-border: var(--color-green-600);\n --color-rainbow-7-background: var(--color-green-50);\n --color-rainbow-6-text: var(--color-crimson-400);\n --color-rainbow-6-icon: var(--color-crimson-400);\n --color-rainbow-6-border-light: var(--color-crimson-100);\n --color-rainbow-6-border: var(--color-crimson-400);\n --color-rainbow-6-background: var(--color-crimson-50);\n --color-rainbow-5-text: var(--color-turquoise-800);\n --color-rainbow-5-icon: var(--color-turquoise-800);\n --color-rainbow-5-border-light: var(--color-turquoise-100);\n --color-rainbow-5-border: var(--color-turquoise-800);\n --color-rainbow-5-background: var(--color-turquoise-50);\n --color-rainbow-4-text: var(--color-red-500);\n --color-rainbow-4-icon: var(--color-red-500);\n --color-rainbow-4-border-light: var(--color-red-100);\n --color-rainbow-4-border: var(--color-red-500);\n --color-rainbow-4-background: var(--color-red-50);\n --color-rainbow-3-text: var(--color-yellow-800);\n --color-rainbow-3-icon: var(--color-yellow-800);\n --color-rainbow-3-border-light: var(--color-yellow-200);\n --color-rainbow-3-border: var(--color-yellow-800);\n --color-rainbow-3-background: var(--color-yellow-50);\n --color-rainbow-2-text: var(--color-orange-700);\n --color-rainbow-2-icon: var(--color-orange-700);\n --color-rainbow-2-border-light: var(--color-orange-100);\n --color-rainbow-2-border: var(--color-orange-700);\n --color-rainbow-2-background: var(--color-orange-50);\n --color-rainbow-1-text: var(--color-amber-700);\n --color-rainbow-1-icon: var(--color-amber-700);\n --color-rainbow-1-border-light: var(--color-amber-100);\n --color-rainbow-1-border: var(--color-amber-700);\n --color-rainbow-1-background: var(--color-amber-50);\n --color-focus-brand: var(--color-orange-500);\n --color-feedback-success-high-contrast-title: var(--color-base-white);\n --color-feedback-success-high-contrast-text: var(--color-status-green-50);\n --color-feedback-success-high-contrast-icon: var(--color-base-white);\n --color-feedback-success-high-contrast-border: var(--color-status-green-600);\n --color-feedback-success-high-contrast-background: var(--color-status-green-600);\n --color-feedback-success-low-text: var(--color-status-green-600);\n --color-feedback-success-low-icon: var(--color-status-green-600);\n --color-feedback-success-low-border-subtle: var(--color-status-green-100);\n --color-feedback-success-low-border: var(--color-status-green-600);\n --color-feedback-success-low-background: var(--color-status-green-50);\n --color-feedback-success-high-text: var(--color-status-green-800);\n --color-feedback-success-high-icon: var(--color-status-green-800);\n --color-feedback-success-high-border: var(--color-status-green-400);\n --color-feedback-success-high-background: var(--color-status-green-400);\n --color-feedback-warning-high-contrast-title: var(--color-base-white);\n --color-feedback-warning-high-contrast-text: var(--color-status-yellow-50);\n --color-feedback-warning-high-contrast-icon: var(--color-base-white);\n --color-feedback-warning-high-contrast-border: var(--color-status-yellow-700);\n --color-feedback-warning-high-contrast-background: var(--color-status-yellow-700);\n --color-feedback-warning-low-text: var(--color-status-yellow-700);\n --color-feedback-warning-low-icon: var(--color-status-yellow-700);\n --color-feedback-warning-low-border-subtle: var(--color-status-yellow-100);\n --color-feedback-warning-low-border: var(--color-status-yellow-700);\n --color-feedback-warning-low-background: var(--color-status-yellow-50);\n --color-feedback-warning-high-text: var(--color-status-yellow-900);\n --color-feedback-warning-high-icon: var(--color-status-yellow-900);\n --color-feedback-warning-high-border: var(--color-status-yellow-500);\n --color-feedback-warning-high-background: var(--color-status-yellow-500);\n --color-feedback-neutral-high-contrast-title: var(--color-base-white);\n --color-feedback-neutral-high-contrast-text: var(--color-gray-spark-50);\n --color-feedback-neutral-high-contrast-icon: var(--color-base-white);\n --color-feedback-neutral-high-contrast-border: var(--color-gray-spark-450);\n --color-feedback-neutral-high-contrast-background: var(--color-gray-spark-450);\n --color-feedback-neutral-low-text: var(--color-gray-spark-450);\n --color-feedback-neutral-low-icon: var(--color-gray-spark-450);\n --color-feedback-neutral-low-border-subtle: var(--color-gray-spark-100);\n --color-feedback-neutral-low-border: var(--color-gray-spark-450);\n --color-feedback-neutral-low-background: var(--color-gray-spark-50);\n --color-feedback-neutral-high-text: var(--color-gray-spark-800);\n --color-feedback-neutral-high-icon: var(--color-gray-spark-800);\n --color-feedback-neutral-high-border: var(--color-gray-spark-250);\n --color-feedback-neutral-high-background: var(--color-gray-spark-250);\n --color-feedback-error-high-contrast-title: var(--color-base-white);\n --color-feedback-error-high-contrast-text: var(--color-status-red-50);\n --color-feedback-error-high-contrast-icon: var(--color-base-white);\n --color-feedback-error-high-contrast-border: var(--color-status-red-600);\n --color-feedback-error-high-contrast-background: var(--color-status-red-600);\n --color-feedback-error-low-text: var(--color-status-red-600);\n --color-feedback-error-low-icon: var(--color-status-red-600);\n --color-feedback-error-low-border-subtle: var(--color-status-red-100);\n --color-feedback-error-low-border: var(--color-status-red-600);\n --color-feedback-error-low-background: var(--color-status-red-50);\n --color-feedback-error-high-text: var(--color-status-red-900);\n --color-feedback-error-high-icon: var(--color-status-red-900);\n --color-feedback-error-high-border: var(--color-status-red-300);\n --color-feedback-error-high-background: var(--color-status-red-300);\n --color-feedback-information-high-contrast-title: var(--color-base-white);\n --color-feedback-information-high-contrast-text: var(--color-status-blue-50);\n --color-feedback-information-high-contrast-icon: var(--color-base-white);\n --color-feedback-information-high-contrast-border: var(--color-status-blue-800);\n --color-feedback-information-high-contrast-background: var(--color-status-blue-800);\n --color-feedback-information-low-text: var(--color-status-blue-500);\n --color-feedback-information-low-icon: var(--color-status-blue-500);\n --color-feedback-information-low-border-subtle: var(--color-status-blue-100);\n --color-feedback-information-low-border: var(--color-status-blue-500);\n --color-feedback-information-low-background: var(--color-status-blue-50);\n --color-feedback-information-high-text: var(--color-status-blue-800);\n --color-feedback-information-high-icon: var(--color-status-blue-800);\n --color-feedback-information-high-border: var(--color-status-blue-300);\n --color-feedback-information-high-background: var(--color-status-blue-300);\n --color-chart-10: var(--color-crimson-500);\n --color-chart-9: var(--color-dark-blue-500);\n --color-chart-8: var(--color-orange-500);\n --color-chart-7: var(--color-yellow-500);\n --color-chart-6: var(--color-lime-500);\n --color-chart-5: var(--color-light-blue-500);\n --color-chart-4: var(--color-turquoise-500);\n --color-chart-3: var(--color-petrol-500);\n --color-chart-2: var(--color-dark-gray-500);\n --color-chart-1: var(--color-amber-500);\n --color-brand-900: var(--color-amber-900);\n --color-brand-800: var(--color-amber-800);\n --color-brand-700: var(--color-amber-700);\n --color-brand-600: var(--color-amber-600);\n --color-brand-500: var(--color-amber-500);\n --color-brand-400: var(--color-amber-400);\n --color-brand-300: var(--color-amber-300);\n --color-brand-200: var(--color-amber-200);\n --color-brand-100: var(--color-amber-100);\n --color-brand-50: var(--color-amber-50);\n --color-accent-900: var(--color-petrol-900);\n --color-accent-800: var(--color-petrol-800);\n --color-accent-700: var(--color-petrol-700);\n --color-accent-600: var(--color-petrol-600);\n --color-accent-500: var(--color-petrol-500);\n --color-accent-400: var(--color-petrol-400);\n --color-accent-300: var(--color-petrol-300);\n --color-accent-200: var(--color-petrol-200);\n --color-accent-100: var(--color-petrol-100);\n --color-accent-50: var(--color-petrol-50);\n --color-content-inverted-low-icon: var(--color-gray-spark-400);\n --color-content-inverted-low-text: var(--color-gray-spark-400);\n --color-content-inverted-medium-icon: var(--color-gray-spark-300);\n --color-content-inverted-medium-text: var(--color-gray-spark-300);\n --color-content-inverted-high-icon: var(--color-gray-spark-50);\n --color-content-inverted-high-text: var(--color-gray-spark-50);\n --color-content-lower-text: var(--color-gray-spark-250);\n --color-content-low-icon: var(--color-gray-spark-400);\n --color-content-low-text: var(--color-gray-spark-400);\n --color-content-low-border: var(--color-gray-spark-100);\n --color-content-medium-icon: var(--color-gray-spark-550);\n --color-content-medium-text: var(--color-gray-spark-550);\n --color-content-medium-border: var(--color-gray-spark-200);\n --color-content-high-icon: var(--color-gray-spark-800);\n --color-content-high-text: var(--color-gray-spark-800);\n --color-content-high-border: var(--color-gray-spark-300);\n --color-level-inverted-05-background: var(--color-gray-spark-850);\n --color-level-inverted-00-background: var(--color-gray-spark-900);\n --color-level-inverted-40-background: var(--color-gray-spark-500);\n --color-level-inverted-30-background: var(--color-gray-spark-600);\n --color-level-inverted-20-background: var(--color-gray-spark-700);\n --color-level-inverted-15-background: var(--color-gray-spark-750);\n --color-level-inverted-10-background: var(--color-gray-spark-800);\n --color-level-05-background: var(--color-gray-spark-25);\n --color-level-00-background: var(--color-gray-spark-00);\n --color-level-40-background: var(--color-gray-spark-00);\n --color-level-30-background: var(--color-gray-spark-50);\n --color-level-20-background: var(--color-gray-spark-00);\n --color-level-15-background: var(--color-gray-spark-75);\n --color-level-10-background: var(--color-gray-spark-50);\n --color-interaction-link-inverted-text-visited: var(--color-orange-700);\n --color-interaction-link-inverted-text-hover: var(--color-orange-500);\n --color-interaction-link-inverted-icon-visited: var(--color-orange-700);\n --color-interaction-link-inverted-icon-hover: var(--color-orange-500);\n --color-interaction-link-low-text-visited: var(--color-orange-700);\n --color-interaction-link-low-text-hover: var(--color-orange-700);\n --color-interaction-link-low-icon-visited: var(--color-orange-700);\n --color-interaction-link-low-icon-hover: var(--color-orange-700);\n --color-interaction-link-high-text-visited: var(--color-orange-700);\n --color-interaction-link-high-text-hover: var(--color-orange-700);\n --color-interaction-link-high-text: var(--color-orange-600);\n --color-interaction-link-high-icon-visited: var(--color-orange-700);\n --color-interaction-link-high-icon-hover: var(--color-orange-700);\n --color-interaction-link-high-icon: var(--color-orange-600);\n --color-interaction-container-branded-low-text-hover: var(--color-orange-600);\n --color-interaction-container-branded-low-text-active: var(--color-orange-600);\n --color-interaction-container-branded-low-text: var(--color-orange-500);\n --color-interaction-container-branded-low-icon-hover: var(--color-orange-600);\n --color-interaction-container-branded-low-icon-active: var(--color-orange-600);\n --color-interaction-container-branded-low-icon: var(--color-orange-500);\n --color-interaction-container-branded-low-border-hover: var(--color-orange-600);\n --color-interaction-container-branded-low-border-active: var(--color-orange-600);\n --color-interaction-container-branded-low-border: var(--color-orange-500);\n --color-interaction-container-branded-low-background-hover: var(--color-orange-50);\n --color-interaction-container-branded-low-background-active: var(--color-orange-50);\n --color-interaction-container-branded-high-text-hover: var(--color-base-white);\n --color-interaction-container-branded-high-text-active: var(--color-base-white);\n --color-interaction-container-branded-high-text: var(--color-base-white);\n --color-interaction-container-branded-high-icon-hover: var(--color-base-white);\n --color-interaction-container-branded-high-icon-active: var(--color-base-white);\n --color-interaction-container-branded-high-icon: var(--color-base-white);\n --color-interaction-container-branded-high-border-hover: var(--color-orange-600);\n --color-interaction-container-branded-high-border-active: var(--color-orange-600);\n --color-interaction-container-branded-high-border: var(--color-orange-500);\n --color-interaction-container-branded-high-background-hover: var(--color-orange-600);\n --color-interaction-container-branded-high-background-active: var(--color-orange-600);\n --color-interaction-container-branded-high-background: var(--color-orange-500);\n --color-interaction-container-neutral-text-active: var(--color-orange-600);\n --color-interaction-container-neutral-icon-active: var(--color-orange-600);\n --color-interaction-container-neutral-border-active: var(--color-orange-600);\n --color-interaction-container-neutral-background-active: var(--color-orange-50);\n --components-togglegroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-toggle-shape-hover-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-shape-default-checked: var(--color-interaction-container-branded-high-icon);\n --components-toggle-background-hover-checked: var(--color-interaction-container-branded-high-background-hover);\n --components-toggle-background-default-checked: var(--color-interaction-container-branded-high-background);\n --components-toggle-border-hover-checked: var(--color-interaction-container-branded-high-border-hover);\n --components-toggle-border-default-checked: var(--color-interaction-container-branded-high-border);\n --components-tooltip-supporting-text: var(--color-content-inverted-medium-text);\n --components-tooltip-text: var(--color-content-inverted-high-text);\n --components-splitter-handle-background-hover: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-handle-background: var(--color-content-low-border);\n --components-splitter-line-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-splitter-line-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-splitter-line-background: var(--color-level-10-background);\n --components-splitter-old-border-active: var(--color-interaction-container-neutral-border-active);\n --components-splitter-old-background-active: var(--color-interaction-container-neutral-background-active);\n --components-slider-handler-border-focus: var(--components-form-field-background-checked);\n --components-slider-handler-background-focus: var(--components-form-field-background-checked);\n --components-slider-track-background: var(--color-content-low-border);\n --components-sidebar-border: var(--color-content-low-border);\n --components-sidebar-divider: var(--color-content-low-border);\n --components-sidebar-background: var(--color-level-00-background);\n --components-popover-supporting-text: var(--color-content-low-text);\n --components-popover-text: var(--color-content-medium-text);\n --components-popover-border: var(--color-content-low-border);\n --components-notification-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-notification-neutral-border: var(--color-feedback-neutral-low-border);\n --components-notification-neutral-background: var(--color-level-00-background);\n --components-notification-success-icon: var(--color-feedback-success-low-icon);\n --components-notification-success-border: var(--color-feedback-success-low-border);\n --components-notification-success-background: var(--color-level-00-background);\n --components-notification-error-icon: var(--color-feedback-error-low-icon);\n --components-notification-error-border: var(--color-feedback-error-low-border);\n --components-notification-error-background: var(--color-level-00-background);\n --components-notification-warning-icon: var(--color-feedback-warning-low-icon);\n --components-notification-warning-border: var(--color-feedback-warning-low-border);\n --components-notification-warning-background: var(--color-level-00-background);\n --components-notification-content-title: var(--color-content-high-text);\n --components-notification-content-timestamp: var(--color-content-medium-text);\n --components-notification-content-description: var(--color-content-medium-text);\n --components-notification-information-border: var(--color-feedback-information-low-border);\n --components-notification-information-icon: var(--color-feedback-information-low-icon);\n --components-notification-information-background: var(--color-level-00-background);\n --components-menu-contextual-item-content-disabled: var(--color-content-lower-text);\n --components-menu-contextual-item-shortcut: var(--color-content-lower-text);\n --components-menu-contextual-border: var(--color-content-low-border);\n --components-menu-contextual-background: var(--color-level-00-background);\n --components-list-dropdown-border: var(--color-content-low-border);\n --components-list-dropdown-separator: var(--color-content-low-border);\n --components-list-dropdown-group-title-content: var(--color-content-medium-text);\n --components-list-dropdown-item-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-dropdown-item-description-disabled: var(--color-content-low-text);\n --components-list-dropdown-item-description-hover: var(--color-content-low-text);\n --components-list-dropdown-item-description-default: var(--color-content-low-text);\n --components-list-dropdown-item-label-active: var(--color-interaction-container-neutral-text-active);\n --components-list-dropdown-item-label-disabled: var(--color-content-medium-text);\n --components-list-dropdown-item-label-hover: var(--color-content-high-text);\n --components-list-dropdown-item-label-default: var(--color-content-medium-text);\n --components-list-dropdown-item-border-active: var(--color-interaction-container-neutral-border-active);\n --components-list-dropdown-header-background: var(--color-level-10-background);\n --components-list-dropdown-background: var(--color-level-00-background);\n --components-list-select-hr: var(--color-content-low-border);\n --components-list-select-border: var(--color-content-low-border);\n --components-list-select-optgroup-content: var(--color-content-lower-text);\n --components-list-select-option-background-active: var(--color-interaction-container-neutral-background-active);\n --components-list-select-option-content-active: var(--color-interaction-container-neutral-text-active);\n --components-list-select-option-content-disabled: var(--color-content-lower-text);\n --components-list-select-option-content-hover: var(--color-content-high-text);\n --components-list-select-option-content-default: var(--color-content-medium-text);\n --components-list-select-background: var(--color-level-00-background);\n --components-calendar-background: var(--color-level-00-background);\n --components-calendar-cell-text-today: var(--color-content-high-text);\n --components-calendar-cell-text-outside-month: var(--color-content-lower-text);\n --components-calendar-cell-text-in-range: var(--color-interaction-container-branded-low-text-active);\n --components-calendar-cell-text-selected: var(--color-interaction-container-branded-high-text-active);\n --components-calendar-cell-dot-selected: var(--color-interaction-container-branded-high-icon-active);\n --components-calendar-cell-dot: var(--color-content-high-icon);\n --components-calendar-cell-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-calendar-cell-background-in-range: var(--color-interaction-container-branded-low-background-active);\n --components-calendar-cell-background-selected: var(--color-interaction-container-branded-high-background-active);\n --components-calendar-weeks-text-hover: var(--color-content-high-text);\n --components-calendar-weeks-text: var(--color-content-high-text);\n --components-calendar-weeks-background-hover: var(--color-level-15-background);\n --components-calendar-weeks-background: var(--color-level-10-background);\n --components-calendar-header-text: var(--color-content-high-text);\n --components-calendar-border: var(--color-content-low-border);\n --components-field-time-border-active: var(--color-interaction-container-neutral-icon-active);\n --components-field-time-text-active: var(--color-interaction-container-neutral-text-active);\n --components-field-time-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-expander-expander-background: var(--color-level-10-background);\n --components-datagrid-expander-border: var(--color-content-low-border);\n --components-datagrid-expander-content-background: var(--color-level-00-background);\n --components-datagrid-body-background-active: var(--color-interaction-container-neutral-background-active);\n --components-datagrid-body-subtext: var(--color-content-low-text);\n --components-datagrid-body-text: var(--color-content-medium-text);\n --components-datagrid-body-border: var(--color-content-low-border);\n --components-datagrid-header-text: var(--color-content-high-text);\n --components-datagrid-header-border: var(--color-content-medium-border);\n --components-buttongroup-low-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-medium-border: var(--color-interaction-container-branded-low-border);\n --components-buttongroup-high-background: var(--color-interaction-container-branded-high-background);\n --components-buttongroup-high-border: var(--color-interaction-container-branded-low-border);\n --components-breadcrumb-text-hover: var(--color-interaction-link-low-text-hover);\n --components-avatar-content-10: var(--color-rainbow-10-icon);\n --components-avatar-content-9: var(--color-rainbow-9-text);\n --components-avatar-content-8: var(--color-rainbow-8-text);\n --components-avatar-content-7: var(--color-rainbow-7-text);\n --components-avatar-content-6: var(--color-rainbow-6-icon);\n --components-avatar-content-5: var(--color-rainbow-5-icon);\n --components-avatar-content-4: var(--color-rainbow-4-icon);\n --components-avatar-content-3: var(--color-rainbow-3-icon);\n --components-avatar-content-2: var(--color-rainbow-2-icon);\n --components-avatar-content-1: var(--color-rainbow-1-icon);\n --components-avatar-border-10: var(--color-rainbow-10-border);\n --components-avatar-border-9: var(--color-rainbow-9-border);\n --components-avatar-border-8: var(--color-rainbow-8-border);\n --components-avatar-border-7: var(--color-rainbow-7-border);\n --components-avatar-border-6: var(--color-rainbow-6-border);\n --components-avatar-border-5: var(--color-rainbow-5-border);\n --components-avatar-border-4: var(--color-rainbow-4-border);\n --components-avatar-border-3: var(--color-rainbow-3-border);\n --components-avatar-border-2: var(--color-rainbow-2-border);\n --components-avatar-border-1: var(--color-rainbow-1-border);\n --components-avatar-background-10: var(--color-rainbow-10-background);\n --components-avatar-background-9: var(--color-rainbow-9-background);\n --components-avatar-background-8: var(--color-rainbow-8-background);\n --components-avatar-background-7: var(--color-rainbow-7-background);\n --components-avatar-background-6: var(--color-rainbow-6-background);\n --components-avatar-background-5: var(--color-rainbow-5-background);\n --components-avatar-background-4: var(--color-rainbow-4-background);\n --components-avatar-background-3: var(--color-rainbow-3-background);\n --components-avatar-background-2: var(--color-rainbow-2-background);\n --components-avatar-background-1: var(--color-rainbow-1-background);\n --components-alert-neutral-icon: var(--color-feedback-neutral-low-icon);\n --components-alert-neutral-border: var(--color-feedback-neutral-low-border);\n --components-alert-neutral-background: var(--color-feedback-neutral-low-background);\n --components-alert-success-icon: var(--color-feedback-success-low-icon);\n --components-alert-success-border: var(--color-feedback-success-low-border);\n --components-alert-success-background: var(--color-feedback-success-low-background);\n --components-alert-error-icon: var(--color-feedback-error-low-icon);\n --components-alert-error-border: var(--color-feedback-error-low-border);\n --components-alert-error-background: var(--color-feedback-error-low-background);\n --components-alert-warning-icon: var(--color-feedback-warning-low-icon);\n --components-alert-warning-border: var(--color-feedback-warning-low-border);\n --components-alert-warning-background: var(--color-feedback-warning-low-background);\n --components-alert-content-title: var(--color-content-high-text);\n --components-alert-content-description: var(--color-content-medium-text);\n --components-alert-information-border: var(--color-feedback-information-low-border);\n --components-alert-information-icon: var(--color-feedback-information-low-icon);\n --components-alert-information-background: var(--color-feedback-information-low-background);\n --components-button-destructive-lower-border-hover: var(--color-dont-use-border);\n --components-button-destructive-lower-border: var(--color-dont-use-border);\n --components-button-destructive-lower-icon-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-icon: var(--color-dont-use-content);\n --components-button-destructive-lower-text-hover: var(--color-dont-use-content);\n --components-button-destructive-lower-text: var(--color-dont-use-content);\n --components-button-destructive-lower-background-hover: var(--color-dont-use-background);\n --components-button-destructive-lower-background: var(--color-dont-use-background);\n --components-form-shape-foreground-disabled-error: var(--color-feedback-error-low-icon);\n --components-form-shape-foreground-switch-dot: var(--color-content-medium-border);\n --components-form-shape-border-success: var(--color-feedback-success-low-border);\n --components-form-shape-border-error: var(--color-feedback-error-low-border);\n --components-form-shape-border-focus: var(--color-focus-brand);\n --components-form-shape-border-hover: var(--color-content-high-border);\n --components-form-shape-border-default: var(--color-content-medium-border);\n --components-form-shape-background-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-success: var(--color-feedback-success-low-icon);\n --components-form-field-icon-error: var(--color-feedback-error-low-icon);\n --components-form-field-icon-disabled: var(--color-content-medium-border);\n --components-form-field-icon-default: var(--color-content-low-text);\n --components-form-field-content-text: var(--color-content-high-text);\n --components-form-field-content-placeholder: var(--color-content-low-text);\n --components-form-field-border-readonly: var(--color-content-low-border);\n --components-form-field-border-success: var(--color-feedback-success-low-border);\n --components-form-field-border-error: var(--color-feedback-error-low-border);\n --components-form-field-border-focus: var(--color-focus-brand);\n --components-form-field-border-hover: var(--color-content-high-border);\n --components-form-field-border-disabled: var(--color-content-medium-border);\n --components-form-field-border-default: var(--color-content-medium-border);\n --components-form-field-background-readonly: var(--color-level-05-background);\n --components-form-field-background-error: var(--color-feedback-error-low-border);\n --components-form-field-background-disabled: var(--color-level-10-background);\n --components-form-field-background-hover: var(--color-level-05-background);\n --components-form-field-background-focus: var(--color-level-00-background);\n --components-form-field-background-default: var(--color-level-00-background);\n --components-form-text-description-error: var(--color-feedback-error-low-icon);\n --components-form-text-description-default: var(--color-content-low-text);\n --components-form-text-label-disabled: var(--color-content-medium-text);\n --components-form-text-label-default: var(--color-content-high-text);\n --components-form-text-info-icon: var(--color-content-low-text);\n --components-form-text-required: var(--color-feedback-error-low-icon);\n --components-button-medium-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-medium-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-medium-text: var(--color-interaction-container-branded-low-text);\n --components-button-medium-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-medium-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-medium-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-medium-border-hover: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border-active: var(--color-interaction-container-branded-low-border-hover);\n --components-button-medium-border: var(--color-interaction-container-branded-low-border);\n --components-button-medium-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-medium-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-lower-text-active: var(--color-interaction-container-neutral-text-active);\n --components-button-lower-icon-active: var(--color-interaction-container-neutral-icon-active);\n --components-button-lower-background-active: var(--color-interaction-container-neutral-background-active);\n --components-button-low-text-hover: var(--color-interaction-container-branded-low-text-hover);\n --components-button-low-text-active: var(--color-interaction-container-branded-low-text-active);\n --components-button-low-text: var(--color-interaction-container-branded-low-text);\n --components-button-low-icon-hover: var(--color-interaction-container-branded-low-icon-hover);\n --components-button-low-icon-active: var(--color-interaction-container-branded-low-icon-active);\n --components-button-low-icon: var(--color-interaction-container-branded-low-icon);\n --components-button-low-background-hover: var(--color-interaction-container-branded-low-background-hover);\n --components-button-low-background-active: var(--color-interaction-container-branded-low-background-active);\n --components-button-high-icon-hover: var(--color-interaction-container-branded-high-icon-hover);\n --components-button-high-icon-active: var(--color-interaction-container-branded-high-icon-active);\n --components-button-high-icon: var(--color-interaction-container-branded-high-icon);\n --components-button-high-text-hover: var(--color-interaction-container-branded-high-text-hover);\n --components-button-high-text-active: var(--color-interaction-container-branded-high-text-active);\n --components-button-high-text: var(--color-interaction-container-branded-high-text);\n --components-button-high-border-active: var(--color-interaction-container-branded-high-border-active);\n --components-button-high-border-hover: var(--color-interaction-container-branded-high-border-hover);\n --components-button-high-background-hover: var(--color-interaction-container-branded-high-background-hover);\n --components-button-high-background-active: var(--color-interaction-container-branded-high-background-active);\n --components-button-high-background: var(--color-interaction-container-branded-high-background);\n --color-focus-success: var(--color-feedback-success-low-border);\n --color-focus-destructive-in-field: var(--color-feedback-error-low-border);\n --color-focus-destructive: var(--color-feedback-error-high-border);\n --color-focus-background-inverted: var(--color-level-inverted-00-background);\n --color-focus-background: var(--color-level-00-background);\n --color-interaction-link-inverted-text-inactive: var(--color-content-inverted-low-text);\n --color-interaction-link-inverted-text: var(--color-content-inverted-medium-text);\n --color-interaction-link-inverted-icon-disabled: var(--color-content-inverted-low-icon);\n --color-interaction-link-inverted-icon: var(--color-content-inverted-medium-icon);\n --color-interaction-link-low-text-disabled: var(--color-content-low-text);\n --color-interaction-link-low-text: var(--color-content-high-text);\n --color-interaction-link-low-icon-disabled: var(--color-content-low-text);\n --color-interaction-link-low-icon: var(--color-content-high-text);\n --color-interaction-link-high-text-disabled: var(--color-content-low-text);\n --color-interaction-link-high-icon-inactive: var(--color-content-low-icon);\n --color-interaction-container-branded-low-background: var(--color-level-00-background);\n --color-interaction-container-neutral-text-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-text: var(--color-content-low-text);\n --color-interaction-container-neutral-icon-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-icon: var(--color-content-low-text);\n --color-interaction-container-neutral-border-hover: var(--color-content-medium-text);\n --color-interaction-container-neutral-border: var(--color-content-low-text);\n --color-interaction-container-neutral-background-hover: var(--color-level-10-background);\n --components-togglegroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-togglegroup-low-border: var(--color-interaction-container-neutral-border);\n --components-togglegroup-high-background: var(--color-interaction-container-branded-low-background);\n --components-toggle-shape-disabled-checked: var(--color-interaction-container-neutral-icon);\n --components-toggle-shape-disabled: var(--color-interaction-container-neutral-icon);\n --components-toggle-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-splitter-old-border-hover: var(--color-interaction-container-neutral-border-hover);\n --components-splitter-old-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-slider-handler-border-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-border-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-border-error: var(--components-form-field-background-error);\n --components-slider-handler-border-hover: var(--components-form-field-background-hover);\n --components-slider-handler-border-default: var(--components-form-field-background-default);\n --components-slider-handler-background-readonly: var(--components-form-field-background-readonly);\n --components-slider-handler-background-disabled: var(--components-form-field-background-disabled);\n --components-slider-handler-background-error: var(--components-form-field-background-error);\n --components-slider-handler-background-hover: var(--components-form-field-background-hover);\n --components-slider-handler-background-default: var(--components-form-field-background-default);\n --components-slider-track-filled-readonly: var(--components-form-field-border-readonly);\n --components-slider-track-filled-disabled: var(--components-form-field-border-disabled);\n --components-slider-track-filled-error: var(--components-form-field-border-error);\n --components-slider-track-filled-focus: var(--components-form-field-border-focus);\n --components-slider-track-filled-hover: var(--components-form-field-border-hover);\n --components-slider-track-filled-default: var(--components-form-field-border-default);\n --components-menu-contextual-item-content-hover: var(--color-interaction-container-neutral-text-hover);\n --components-menu-contextual-item-content: var(--color-interaction-container-neutral-text);\n --components-menu-contextual-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-list-dropdown-item-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-list-select-option-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-calendar-cell-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-calendar-cell-text: var(--color-interaction-container-neutral-text);\n --components-calendar-cell-dot-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-calendar-cell-background-today: var(--color-interaction-container-branded-low-background);\n --components-calendar-cell-background: var(--color-interaction-container-branded-low-background);\n --components-field-time-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-field-time-text-default: var(--color-interaction-container-neutral-text);\n --components-field-time-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-datagrid-body-background-hover: var(--color-interaction-container-neutral-background-hover);\n --components-buttongroup-lower-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-lower-border: var(--color-interaction-container-neutral-border);\n --components-buttongroup-low-background: var(--color-interaction-container-branded-low-background);\n --components-buttongroup-medium-background: var(--color-interaction-container-branded-low-background);\n --components-breadcrumb-text-current: var(--color-interaction-link-low-text-disabled);\n --components-breadcrumb-text: var(--color-interaction-link-low-text);\n --components-form-shape-foreground-disabled: var(--components-form-shape-border-default);\n --components-button-medium-background: var(--color-interaction-container-branded-low-background);\n --components-button-lower-text-hover: var(--color-interaction-container-neutral-text-hover);\n --components-button-lower-text: var(--color-interaction-container-neutral-text);\n --components-button-lower-icon-hover: var(--color-interaction-container-neutral-icon-hover);\n --components-button-lower-icon: var(--color-interaction-container-neutral-icon);\n --components-button-lower-background-hover: var(--color-interaction-container-neutral-background-hover);\n}\n\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --letter-spacing-heading-xl: -1.0000px;\n --letter-spacing-heading-lg: -0.7500px;\n --letter-spacing-heading-md: -0.5000px;\n --letter-spacing-heading-sm: -0.2500px;\n --letter-spacing-heading-xs: 0.0000px;\n --spacing-3-5: 14.0000px;\n --spacing-2-5: 10.0000px;\n --spacing-1-5: 6.0000px;\n --spacing-0-5: 2.0000px;\n --spacing-px: 1.0000px;\n --spacing-96: 384.0000px;\n --spacing-80: 320.0000px;\n --spacing-72: 288.0000px;\n --spacing-64: 256.0000px;\n --spacing-60: 240.0000px;\n --spacing-56: 224.0000px;\n --spacing-52: 208.0000px;\n --spacing-48: 192.0000px;\n --spacing-44: 176.0000px;\n --spacing-40: 160.0000px;\n --spacing-36: 144.0000px;\n --spacing-32: 128.0000px;\n --spacing-28: 112.0000px;\n --spacing-24: 96.0000px;\n --spacing-20: 80.0000px;\n --spacing-16: 64.0000px;\n --spacing-14: 56.0000px;\n --spacing-12: 48.0000px;\n --spacing-11: 44.0000px;\n --spacing-10: 40.0000px;\n --spacing-9: 36.0000px;\n --spacing-8: 32.0000px;\n --spacing-7: 28.0000px;\n --spacing-6: 24.0000px;\n --spacing-5: 20.0000px;\n --spacing-4: 16.0000px;\n --spacing-3: 12.0000px;\n --spacing-2: 8.0000px;\n --spacing-1: 4.0000px;\n --spacing-0: 0.0000px;\n --radius-rounded-full: 9999.0000px;\n --radius-rounded-3xl: 24.0000px;\n --radius-rounded-2xl: 16.0000px;\n --radius-rounded-xl: 12.0000px;\n --radius-rounded-lg: 8.0000px;\n --radius-rounded-md: 6.0000px;\n --radius-rounded: 4.0000px;\n --radius-rounded-sm: 2.0000px;\n --radius-rounded-none: 0.0000px;\n --line-height-9xl: 128.0000px;\n --line-height-8xl: 96.0000px;\n --line-height-7xl: 72.0000px;\n --line-height-6xl: 60.0000px;\n --line-height-5xl: 48.0000px;\n --line-height-4xl: 40.0000px;\n --line-height-3xl: 36.0000px;\n --line-height-2xl: 32.0000px;\n --line-height-xl: 30.0000px;\n --line-height-lg: 28.0000px;\n --line-height-base: 24.0000px;\n --line-height-sm: 20.0000px;\n --line-height-xs: 16.0000px;\n --leading-loose: 2.0000px;\n --leading-relaxed: 1.6250px;\n --leading-normal: 1.5000px;\n --leading-snug: 1.3750px;\n --leading-tight: 1.2500px;\n --leading-none: 1.0000px;\n --leading-px-10: 40.0000px;\n --leading-px-9: 36.0000px;\n --leading-px-8: 32.0000px;\n --leading-px-7: 28.0000px;\n --leading-px-6: 24.0000px;\n --leading-px-5: 20.0000px;\n --leading-px-4: 16.0000px;\n --leading-px-3: 12.0000px;\n --font-weight-high-emphasis-700: Bold;\n --font-weight-medium-emphasis-500: Medium;\n --font-weight-low-emphasis-400: Regular;\n --font-weight-low-emphasis: 400;\n --font-weight-medium-emphasis: 500;\n --font-weight-high-emphasis: 700;\n --font-size-9xl: 128.0000px;\n --font-size-8xl: 96.0000px;\n --font-size-7xl: 72.0000px;\n --font-size-6xl: 60.0000px;\n --font-size-5xl: 48.0000px;\n --font-size-4xl: 36.0000px;\n --font-size-3xl: 30.0000px;\n --font-size-2xl: 24.0000px;\n --font-size-xl: 20.0000px;\n --font-size-lg: 18.0000px;\n --font-size-md: 16.0000px;\n --font-size-sm: 14.0000px;\n --font-size-xs: 12.0000px;\n --font-family-fallback: Arial;\n --font-family-mono: TT Norms Pro Mono;\n --font-family-default: TT Norms Pro;\n --color-yellow-900: #4d3a00;\n --color-yellow-800: #795c00;\n --color-yellow-700: #a67d00;\n --color-yellow-600: #d29f00;\n --color-yellow-500: #ffc100;\n --color-yellow-400: #ffcc2d;\n --color-yellow-300: #ffd759;\n --color-yellow-200: #ffe286;\n --color-yellow-100: #ffecb3;\n --color-yellow-50: #fff7df;\n --color-turquoise-900: #1c2b28;\n --color-turquoise-800: #32504c;\n --color-turquoise-700: #456e68;\n --color-turquoise-600: #578b84;\n --color-turquoise-500: #6aa9a0;\n --color-turquoise-400: #84b8b1;\n --color-turquoise-300: #9ec7c1;\n --color-turquoise-200: #b8d6d2;\n --color-turquoise-100: #d2e5e3;\n --color-turquoise-50: #ecf4f3;\n --color-red-900: #3d0909;\n --color-red-800: #610e0e;\n --color-red-700: #851313;\n --color-red-600: #a81818;\n --color-red-500: #cc1d1d;\n --color-red-400: #d54545;\n --color-red-300: #de6c6c;\n --color-red-200: #e79494;\n --color-red-100: #f0bbbb;\n --color-red-50: #f9e3e3;\n --color-petrol-900: #0b292e;\n --color-petrol-800: #124148;\n --color-petrol-700: #185963;\n --color-petrol-600: #1f717d;\n --color-petrol-500: #258998;\n --color-petrol-400: #4b9eaa;\n --color-petrol-300: #71b2bc;\n --color-petrol-200: #97c7ce;\n --color-petrol-100: #bedce0;\n --color-petrol-50: #e4f0f2;\n --color-orange-950: #371408;\n --color-orange-900: #45190a;\n --color-orange-800: #6e280f;\n --color-orange-700: #963715;\n --color-orange-600: #bf451a;\n --color-orange-500: #e75420;\n --color-orange-400: #eb7247;\n --color-orange-300: #ef906e;\n --color-orange-200: #f4ae95;\n --color-orange-100: #f8ccbc;\n --color-orange-50: #fceae3;\n --color-status-yellow-900: #302300;\n --color-status-yellow-800: #4d3701;\n --color-status-yellow-700: #805c00;\n --color-status-yellow-600: #b58200;\n --color-status-yellow-500: #e0a917;\n --color-status-yellow-400: #fac50d;\n --color-status-yellow-300: #f7d14c;\n --color-status-yellow-200: #ffe286;\n --color-status-yellow-100: #fae49d;\n --color-status-yellow-50: #fff7df;\n --color-status-red-900: #380101;\n --color-status-red-800: #530101;\n --color-status-red-700: #911515;\n --color-status-red-600: #bb1919;\n --color-status-red-500: #da2424;\n --color-status-red-400: #ff3d3d;\n --color-status-red-300: #ff6161;\n --color-status-red-200: #ff8f8f;\n --color-status-red-100: #f5c4c4;\n --color-status-red-50: #ffeded;\n --color-status-green-900: #002302;\n --color-status-green-800: #003603;\n --color-status-green-700: #035707;\n --color-status-green-600: #008207;\n --color-status-green-500: #34ae3b;\n --color-status-green-400: #45d24d;\n --color-status-green-300: #6bde71;\n --color-status-green-200: #9ef4a3;\n --color-status-green-100: #c8facb;\n --color-status-green-50: #eafeeb;\n --color-status-blue-900: #001c37;\n --color-status-blue-800: #09285c;\n --color-status-blue-700: #113a80;\n --color-status-blue-600: #1c4d9e;\n --color-status-blue-500: #2660c2;\n --color-status-blue-400: #3883ff;\n --color-status-blue-300: #659fff;\n --color-status-blue-200: #a8c9ff;\n --color-status-blue-100: #c7dcff;\n --color-status-blue-50: #f0f6ff;\n --color-light-blue-500: #9ac3ce;\n --color-lime-900: #2a330e;\n --color-lime-800: #435017;\n --color-lime-700: #5c6e1f;\n --color-lime-600: #748b28;\n --color-lime-500: #8da930;\n --color-lime-400: #a1b854;\n --color-lime-300: #b5c778;\n --color-lime-200: #c9d69d;\n --color-lime-100: #dde5c1;\n --color-lime-50: #f1f4e5;\n --color-green-900: #062908;\n --color-green-800: #09400c;\n --color-green-700: #0c5810;\n --color-green-600: #106f15;\n --color-green-500: #138719;\n --color-green-400: #3c9c41;\n --color-green-300: #66b16a;\n --color-green-200: #8fc692;\n --color-green-100: #b8dbba;\n --color-green-50: #e2f0e2;\n --color-gray-spark-00: #ffffff;\n --color-gray-spark-900: #0e0e0e;\n --color-gray-spark-850: #161616;\n --color-gray-spark-800: #1d1d1d;\n --color-gray-spark-750: #252525;\n --color-gray-spark-700: #2b2b2b;\n --color-gray-spark-650: #313131;\n --color-gray-spark-600: #3a3a3a;\n --color-gray-spark-550: #414141;\n --color-gray-spark-500: #484848;\n --color-gray-spark-450: #4f4f4f;\n --color-gray-spark-400: #6d6d6d;\n --color-gray-spark-350: #808080;\n --color-gray-spark-300: #919191;\n --color-gray-spark-250: #a9a9a9;\n --color-gray-spark-200: #bfbfbf;\n --color-gray-spark-150: #cccccc;\n --color-gray-spark-100: #e3e3e3;\n --color-gray-spark-75: #ededed;\n --color-gray-spark-50: #f6f6f6;\n --color-gray-spark-25: #fbfbfb;\n --color-gray-ocean-00: #ffffff;\n --color-gray-ocean-900: #0b0f11;\n --color-gray-ocean-850: #11171a;\n --color-gray-ocean-800: #171f22;\n --color-gray-ocean-750: #1e272b;\n --color-gray-ocean-700: #222e33;\n --color-gray-ocean-650: #27353b;\n --color-gray-ocean-600: #2e3e44;\n --color-gray-ocean-550: #34464d;\n --color-gray-ocean-500: #394d55;\n --color-gray-ocean-450: #3f555e;\n --color-gray-ocean-400: #617177;\n --color-gray-ocean-350: #72858c;\n --color-gray-ocean-300: #889499;\n --color-gray-ocean-250: #9fadb2;\n --color-gray-ocean-200: #bac1c4;\n --color-gray-ocean-150: #c6ced1;\n --color-gray-ocean-100: #e1e4e6;\n --color-gray-ocean-75: #eaeef0;\n --color-gray-ocean-50: #f5f6f7;\n --color-gray-ocean-25: #fafbfb;\n --color-dark-gray-500: #394d55;\n --color-dark-blue-500: #447583;\n --color-crimson-900: #2e0010;\n --color-crimson-800: #490019;\n --color-crimson-700: #630022;\n --color-crimson-600: #7e002c;\n --color-crimson-500: #990035;\n --color-crimson-400: #ab2d58;\n --color-crimson-300: #bd597c;\n --color-crimson-200: #cf869f;\n --color-crimson-100: #e0b3c2;\n --color-crimson-50: #f7e9ee;\n --color-amber-900: #432306;\n --color-amber-800: #723d0c;\n --color-amber-700: #9c5311;\n --color-amber-600: #c66a15;\n --color-amber-500: #f0801a;\n --color-amber-400: #f39642;\n --color-amber-300: #f5ac6a;\n --color-amber-200: #f8c392;\n --color-amber-100: #fbd9ba;\n --color-amber-50: #fdefe2;\n --color-base-black: #000000;\n --color-base-white: #ffffff;\n}\n\n/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --global-typography-legend-font-style: uppercase;\n --global-typography-label-font-style: normal;\n --global-typography-small-font-style: normal;\n --global-typography-p-font-style: normal;\n --global-typography-h5-font-style: normal;\n --global-typography-h6-font-style: normal;\n --global-typography-h4-font-style: normal;\n --global-typography-h3-font-style: normal;\n --global-typography-h2-font-style: normal;\n --global-typography-h1-font-style: normal;\n --tooltip-font-weight: 500;\n --togglegroup-lg-iconbutton-padding-y: 9.0000px;\n --togglegroup-lg-button-radius: 5.0000px;\n --togglegroup-lg-button-padding-y: 7.0000px;\n --togglegroup-lg-padding: 3.0000px;\n --togglegroup-md-iconbutton-padding-y: 7.0000px;\n --togglegroup-md-button-radius: 3.0000px;\n --togglegroup-md-button-padding-y: 5.0000px;\n --togglegroup-md-padding: 3.0000px;\n --togglegroup-sm-iconbutton-padding-y: 5.0000px;\n --togglegroup-sm-button-radius: 2.0000px;\n --togglegroup-sm-button-padding-y: 3.0000px;\n --togglegroup-sm-padding: 3.0000px;\n --togglegroup-xs-iconbutton-padding-y: 3.0000px;\n --togglegroup-xs-button-radius: 1.0000px;\n --togglegroup-xs-button-padding-y: 1.0000px;\n --togglegroup-xs-padding: 3.0000px;\n --splitter-old-stroke: 1.0000px;\n --slider-tick-radius: 1.0000px;\n --sidebar-reduced-width: 68.0000px;\n --sidebar-notification-bullet-font-size: 9.0000px;\n --sidebar-width: 312.0000px;\n --popover-shadow-2-x: 0.0000px;\n --popover-shadow-1-blur: 1.0000px;\n --popover-shadow-1-x: 0.0000px;\n --popover-font-weight: 500;\n --navigation-primary-notification-bullet-font-size: 9.0000px;\n --navigation-reduced-max-width: 100.0000px;\n --navigation-width: 312.0000px;\n --menu-contextual-item-font-weight: 500;\n --menu-contextual-divider-padding-bottom: 3.0000px;\n --form-max-width: 480.0000px;\n --form-field-badge-gap: 0.0000px;\n --list-select-hr-padding-y: 3.0000px;\n --list-select-hr-padding-x: 9.0000px;\n --icon-stroke-xl: 1.9000px;\n --icon-stroke-lg: 1.8000px;\n --icon-stroke-md: 1.6000px;\n --icon-stroke-sm: 1.4000px;\n --icon-stroke-xs: 1.2000px;\n --calendar-cell-dot-size: 3.0000px;\n --drawer-size-full-width: 1372.0000px;\n --drawer-size-lg-max-width: 1024.0000px;\n --drawer-size-lg-width: 992.0000px;\n --drawer-size-lg-min-width: 960.0000px;\n --drawer-size-md-max-width: 960.0000px;\n --drawer-size-md-width: 800.0000px;\n --drawer-size-md-min-width: 640.0000px;\n --drawer-size-sm-max-width: 480.0000px;\n --drawer-size-sm-width: 400.0000px;\n --drawer-size-sm-min-width: 320.0000px;\n --drawer-radius-top-right: 0.0000px;\n --drawer-radius-bottom-right: 0.0000px;\n --button-lg-ring-radius: 9.0000px;\n --button-md-ring-radius: 7.0000px;\n --button-sm-ring-radius: 5.0000px;\n --button-xs-ring-radius: 3.0000px;\n --buttongroup-md-button-radius: 3.0000px;\n --buttongroup-md-button-padding-y: 5.0000px;\n --buttongroup-md-padding: 3.0000px;\n --buttongroup-lg-button-radius: 4.0000px;\n --buttongroup-lg-button-padding-y: 6.0000px;\n --buttongroup-lg-padding: 4.0000px;\n --buttongroup-sm-padding: 2.0000px;\n --buttongroup-sm-button-radius: 2.0000px;\n --buttongroup-sm-button-padding-y: 4.0000px;\n --buttongroup-xs-button-radius: 1.0000px;\n --buttongroup-xs-padding: 2.0000px;\n --avatar-xl-font-size: 28.0000px;\n --avatar-lg-font-size: 22.0000px;\n --avatar-md-font-size: 18.0000px;\n --avatar-sm-font-size: 13.0000px;\n --avatar-xs-font-size: 10.0000px;\n --tag-border-radius: var(--radius-rounded);\n --tag-height: var(--spacing-6);\n --tag-padding-x: var(--spacing-1-5);\n --tag-gap-x: var(--spacing-1);\n --splitter-handle-radius: var(--radius-rounded-md);\n --splitter-handle-wide-hover: var(--spacing-2);\n --splitter-handle-wide: var(--spacing-1);\n --splitter-handle-long: var(--spacing-6);\n --splitter-gutter: var(--spacing-6);\n --splitter-line-width: var(--spacing-1);\n --status-indicator-label-line-height: var(--line-height-xs);\n --status-indicator-label-size: var(--font-size-xs);\n --status-indicator-radius: var(--radius-rounded-full);\n --status-indicator-padding-y: var(--spacing-1);\n --status-indicator-padding-x: var(--spacing-1-5);\n --status-indicator-icon-size: var(--spacing-3);\n --status-indicator-width-icon-only: var(--spacing-6);\n --status-indicator-height: var(--spacing-6);\n --status-indicator-gap-x: var(--spacing-0-5);\n --pagination-table-padding-y: var(--spacing-2);\n --pagination-table-padding-x: var(--spacing-3);\n --pagination-table-padding-left: var(--spacing-3);\n --pagination-table-height: var(--spacing-9);\n --pagination-table-gap-x: var(--spacing-8);\n --pagination-table-font-size: var(--font-size-sm);\n --notification-title-line-height: var(--line-height-sm);\n --notification-title-font-weight: var(--font-weight-medium-emphasis);\n --notification-title-font-size: var(--font-size-sm);\n --notification-timestamp-line-height: var(--line-height-sm);\n --notification-timestamp-font-weight: var(--font-weight-low-emphasis);\n --notification-timestamp-font-size: var(--font-size-sm);\n --notification-description-line-height: var(--line-height-sm);\n --notification-description-font-weight: var(--font-weight-medium-emphasis);\n --notification-description-font-size: var(--font-size-sm);\n --notification-border-width-low-emphasis: var(--spacing-px);\n --notification-border-width-high-emphasis: var(--spacing-2);\n --notification-radius: var(--radius-rounded-lg);\n --notification-padding-left: var(--spacing-6);\n --notification-padding-right: var(--spacing-6);\n --notification-padding: var(--spacing-4);\n --notification-gap-y: var(--spacing-1);\n --notification-gap-x-title: var(--spacing-2);\n --notification-gap-x: var(--spacing-3);\n --notification-icon-size: var(--spacing-5);\n --loader-size-xl: var(--spacing-8);\n --loader-size-lg: var(--spacing-7);\n --loader-size-md: var(--spacing-6);\n --loader-size-sm: var(--spacing-5);\n --loader-size-xs: var(--spacing-4);\n --focus-outline-stroke: var(--spacing-0-5);\n --focus-outline-offset: var(--spacing-0-5);\n --focus-field-stroke: var(--spacing-px);\n --dialog-footer-padding-x: var(--spacing-6);\n --dialog-footer-padding-bottom: var(--spacing-6);\n --dialog-footer-padding-top: var(--spacing-2);\n --dialog-footer-gap-y: var(--spacing-3);\n --dialog-body-padding-y: var(--spacing-2);\n --dialog-body-padding-x: var(--spacing-6);\n --dialog-header-padding-x: var(--spacing-6);\n --dialog-header-padding-bottom: var(--spacing-2);\n --dialog-header-padding-top: var(--spacing-6);\n --dialog-header-gap-y: var(--spacing-0);\n --dialog-dismissible-position-right: var(--spacing-3);\n --dialog-dismissible-position-top: var(--spacing-5);\n --datagrid-expanded-padding-left: var(--spacing-14);\n --datagrid-expanded-padding-y: var(--spacing-4);\n --datagrid-expanded-padding-right: var(--spacing-4);\n --datagrid-cell-header-chevron-padding-x: var(--spacing-0);\n --datagrid-cell-header-padding-y: var(--spacing-3);\n --datagrid-cell-header-padding-right: var(--spacing-2);\n --datagrid-cell-header-padding-x: var(--spacing-4);\n --datagrid-cell-body-chevron-padding-x: var(--spacing-0);\n --datagrid-cell-body-actions-padding-y: var(--spacing-1);\n --datagrid-cell-body-padding-y: var(--spacing-2);\n --datagrid-cell-body-actions-gap-x: var(--spacing-2);\n --datagrid-cell-body-avatar-gap-x: var(--spacing-3);\n --datagrid-cell-body-padding-x: var(--spacing-4);\n --breadcrumb-padding-y: var(--spacing-1);\n --badge-radius: var(--radius-rounded-full);\n --badge-padding-y: var(--spacing-1);\n --badge-padding-icon-only-x: var(--spacing-1-5);\n --badge-padding-x: var(--spacing-2);\n --badge-height: var(--spacing-6);\n --badge-gap-icon-only-x: var(--spacing-0-5);\n --badge-gap-x: var(--spacing-1);\n --alert-message-line-height: var(--line-height-sm);\n --alert-message-font-weight: var(--font-weight-low-emphasis);\n --alert-message-font-size: var(--font-size-sm);\n --alert-heading-line-height: var(--line-height-sm);\n --alert-heading-font-weight: var(--font-weight-medium-emphasis);\n --alert-heading-font-size: var(--font-size-sm);\n --alert-radius: var(--radius-rounded-lg);\n --alert-padding-right: var(--spacing-8);\n --alert-padding: var(--spacing-4);\n --alert-gap-y: var(--spacing-1);\n --alert-icon-position-y: var(--spacing-4);\n --alert-icon-position-x: var(--spacing-4);\n --alert-gap-x: var(--spacing-3);\n --alert-icon-size: var(--spacing-5);\n --global-typography-legend-font-weight: var(--font-weight-medium-emphasis);\n --global-typography-legend-line-height: var(--line-height-xs);\n --global-typography-legend-font-size: var(--font-size-xs);\n --global-typography-label-font-weight: var(--font-weight-medium-emphasis);\n --global-typography-label-line-height: var(--line-height-sm);\n --global-typography-label-font-size: var(--font-size-sm);\n --global-typography-small-line-height: var(--line-height-xs);\n --global-typography-small-font-size: var(--font-size-xs);\n --global-typography-p-font-weight: var(--font-weight-low-emphasis);\n --global-typography-p-line-height: var(--line-height-base);\n --global-typography-p-font-size: var(--font-size-md);\n --global-typography-h5-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h5-line-height: var(--line-height-lg);\n --global-typography-h5-font-size: var(--font-size-lg);\n --global-typography-h6-font-weight: var(--font-weight-medium-emphasis);\n --global-typography-h6-line-height: var(--line-height-lg);\n --global-typography-h6-font-size: var(--font-size-lg);\n --global-typography-h4-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h4-line-height: var(--line-height-xl);\n --global-typography-h4-font-size: var(--font-size-xl);\n --global-typography-h3-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h3-line-height: var(--line-height-2xl);\n --global-typography-h3-font-size: var(--font-size-2xl);\n --global-typography-h2-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h2-line-height: var(--line-height-3xl);\n --global-typography-h2-font-size: var(--font-size-3xl);\n --global-typography-h1-font-weight: var(--font-weight-high-emphasis);\n --global-typography-h1-line-height: var(--line-height-4xl);\n --global-typography-h1-font-size: var(--font-size-5xl);\n --tooltip-radius: var(--radius-rounded-md);\n --tooltip-gap-y: var(--spacing-1);\n --tooltip-complex-padding-y: var(--spacing-3);\n --tooltip-padding-y: var(--spacing-3);\n --tooltip-padding-x: var(--spacing-3);\n --tooltip-font-size: var(--font-size-sm);\n --togglegroup-inner-space: var(--spacing-1-5);\n --togglegroup-stroke: var(--spacing-px);\n --togglegroup-lg-height: var(--spacing-12);\n --togglegroup-lg-gap: var(--spacing-0-5);\n --togglegroup-lg-radius: var(--radius-rounded-lg);\n --togglegroup-md-height: var(--spacing-10);\n --togglegroup-md-gap: var(--spacing-0-5);\n --togglegroup-md-radius: var(--radius-rounded-md);\n --togglegroup-sm-height: var(--spacing-8);\n --togglegroup-sm-gap: var(--spacing-0-5);\n --togglegroup-sm-radius: var(--radius-rounded);\n --togglegroup-xs-height: var(--spacing-6);\n --togglegroup-xs-gap: var(--spacing-0-5);\n --togglegroup-xs-radius: var(--radius-rounded-sm);\n --splitter-old-handler-radius: var(--radius-rounded-md);\n --splitter-old-handler-wide: var(--spacing-3);\n --splitter-old-handler-long: var(--spacing-6);\n --slider-track-radius: var(--radius-rounded-sm);\n --slider-track-padding-x: var(--spacing-3);\n --slider-track-height: var(--spacing-1);\n --slider-handler-size-inner: var(--spacing-4);\n --slider-handler-size-max: var(--spacing-6);\n --slider-handler-size-min: var(--spacing-5);\n --slider-handler-stroke: var(--spacing-0-5);\n --slider-tick-width: var(--spacing-0-5);\n --slider-tick-height: var(--spacing-1);\n --sidebar-divider-size: var(--spacing-px);\n --sidebar-sub-item-padding-left: var(--spacing-7);\n --sidebar-item-radius: var(--radius-rounded-md);\n --sidebar-item-padding-y-collapsed: var(--spacing-2-5);\n --sidebar-item-padding-y: var(--spacing-2);\n --sidebar-item-padding-x-collapsed: var(--spacing-2-5);\n --sidebar-item-padding-x: var(--spacing-3);\n --sidebar-item-icon-size: var(--spacing-5);\n --sidebar-item-gap-x: var(--spacing-2);\n --sidebar-item-font-size: var(--font-size-md);\n --sidebar-title-padding-y: var(--spacing-1);\n --sidebar-title-padding-x: var(--spacing-3);\n --sidebar-title-font-size: var(--font-size-sm);\n --sidebar-collapsible-button-position-right: var(--spacing-4);\n --sidebar-collapsible-button-position-top: var(--spacing-8);\n --sidebar-collapsible-button-padding: var(--spacing-2);\n --sidebar-collapsible-button-icon-size: var(--spacing-4);\n --sidebar-section-gap-y-collapsed: var(--spacing-1);\n --sidebar-section-gap-y: var(--spacing-0-5);\n --sidebar-group-gap-y: var(--spacing-1);\n --sidebar-footer-gap-y: var(--spacing-5);\n --sidebar-width-collapsed: var(--spacing-20);\n --sidebar-padding-y: var(--spacing-6);\n --sidebar-padding-x-collapsed: var(--spacing-5);\n --sidebar-padding-x: var(--spacing-6);\n --sidebar-gap-y: var(--spacing-3);\n --sidebar-notification-bullet-size-reduced: var(--spacing-1-5);\n --sidebar-notification-bullet-size: var(--spacing-4);\n --sidebar-notification-bullet-font-weight: var(--font-weight-medium-emphasis);\n --popover-radius: var(--radius-rounded-md);\n --popover-padding-y: var(--spacing-2);\n --popover-padding-x: var(--spacing-2);\n --popover-gap-y: var(--spacing-1);\n --popover-font-size: var(--font-size-sm);\n --popover-shadow-2-opacity: var(--shadow-color-opacity-2);\n --popover-shadow-2-spread: var(--shadow-spread-lg-2);\n --popover-shadow-2-blur: var(--shadow-blur-lg-2);\n --popover-shadow-2-y: var(--shadow-y-axis-lg-2);\n --popover-shadow-1-opacity: var(--shadow-color-opacity-3);\n --popover-shadow-1-spread: var(--shadow-spread-lg-1);\n --popover-shadow-1-y: var(--shadow-y-axis-none);\n --navigation-gap-y: var(--spacing-3);\n --navigation-primary-separator-size: var(--spacing-px);\n --navigation-primary-sub-item-padding-left-x: var(--spacing-7);\n --navigation-primary-item-radius: var(--radius-rounded-md);\n --navigation-primary-item-icon-size: var(--spacing-5);\n --navigation-primary-item-font-size: var(--font-size-md);\n --navigation-primary-item-padding-y: var(--spacing-2);\n --navigation-primary-item-padding-x: var(--spacing-3);\n --navigation-primary-item-gap-x: var(--spacing-2);\n --navigation-primary-title-font-size: var(--font-size-sm);\n --navigation-primary-title-padding-y: var(--spacing-1);\n --navigation-primary-title-padding-x: var(--spacing-3);\n --navigation-primary-notification-bullet-font-weight: var(--font-weight-medium-emphasis);\n --navigation-primary-notification-bullet-size-reduced: var(--spacing-1-5);\n --navigation-primary-notification-bullet-size: var(--spacing-4);\n --menu-contextual-radius: var(--radius-rounded-md);\n --menu-contextual-padding-y: var(--spacing-1);\n --menu-contextual-padding-x: var(--spacing-1);\n --menu-contextual-gap-y: var(--spacing-0-5);\n --menu-contextual-item-radius: var(--radius-rounded);\n --menu-contextual-item-gap-x: var(--spacing-3);\n --menu-contextual-item-padding-y: var(--spacing-2);\n --menu-contextual-item-padding-x: var(--spacing-2-5);\n --menu-contextual-item-font-size: var(--font-size-sm);\n --menu-contextual-divider-padding-x: var(--spacing-2-5);\n --menu-contextual-divider-padding-top: var(--spacing-1);\n --form-toggle-width: var(--spacing-9);\n --form-toggle-switch-dot-selected: var(--spacing-3-5);\n --form-toggle-switch-dot-default: var(--spacing-3);\n --form-toggle-padding-selected: var(--spacing-0-5);\n --form-toggle-padding-default: var(--spacing-1);\n --form-toggle-radius: var(--radius-rounded-full);\n --form-toggle-padding-top: var(--spacing-0);\n --form-toggle-height: var(--spacing-5);\n --form-toggle-border-width: var(--spacing-0-5);\n --form-radio-ring-radius: var(--radius-rounded-full);\n --form-radio-size: var(--spacing-5);\n --form-radio-padding-top: var(--spacing-0);\n --form-radio-inner-circle-size: var(--spacing-2);\n --form-radio-inner-circle-padding: var(--spacing-1-5);\n --form-radio-border-width: var(--spacing-0-5);\n --form-checkbox-icon-stroke: var(--spacing-0-5);\n --form-checkbox-ring-radius: var(--radius-rounded-lg);\n --form-checkbox-size: var(--spacing-5);\n --form-checkbox-radius: var(--radius-rounded-md);\n --form-checkbox-padding-top: var(--spacing-0);\n --form-checkbox-icon-size: var(--spacing-3-5);\n --form-checkbox-border-width: var(--spacing-0-5);\n --form-label-font-weight: var(--font-weight-medium-emphasis);\n --form-label-line-height: var(--line-height-sm);\n --form-label-gap: var(--spacing-1);\n --form-label-font-size: var(--font-size-sm);\n --form-description-font-weight: var(--font-weight-low-emphasis);\n --form-description-line-height: var(--line-height-sm);\n --form-description-font-size: var(--font-size-sm);\n --form-gap-y: var(--spacing-1);\n --form-gap-x: var(--spacing-3);\n --form-field-inner-button-padding-y: var(--spacing-2-5);\n --form-field-inner-button-padding-x-int: var(--spacing-1-5);\n --form-field-inner-button-padding-x-ext: var(--spacing-2-5);\n --form-field-leading-trailing-line-height: var(--line-height-base);\n --form-field-leading-trailing-icon-size: var(--spacing-5);\n --form-field-leading-trailing-font-size: var(--font-size-sm);\n --form-field-radius: var(--radius-rounded-md);\n --form-field-padding-y: var(--spacing-2);\n --form-field-padding-x-icon-button: var(--spacing-10);\n --form-field-padding-x: var(--spacing-2);\n --form-field-line-height: var(--line-height-base);\n --form-field-gap-inner: var(--spacing-2);\n --form-field-gap: var(--spacing-2);\n --form-field-icon-size: var(--spacing-5);\n --form-field-font-weight: var(--font-weight-medium-emphasis);\n --form-field-font-size: var(--font-size-md);\n --form-field-badge-padding-y: var(--spacing-0-5);\n --form-field-badge-padding-x: var(--spacing-1);\n --list-multiselect-padding: var(--spacing-3);\n --list-dropdown-sub-item-padding-left: var(--spacing-4);\n --list-dropdown-separator-padding-y: var(--spacing-0-5);\n --list-dropdown-separator-padding-x: var(--spacing-0);\n --list-dropdown-padding: var(--spacing-2);\n --list-dropdown-radius: var(--radius-rounded-md);\n --list-dropdown-gap-y: var(--spacing-0-5);\n --list-dropdown-item-radius: var(--radius-rounded-md);\n --list-dropdown-item-gap-x: var(--spacing-3);\n --list-dropdown-item-padding-y: var(--spacing-2);\n --list-dropdown-item-padding-x: var(--spacing-2);\n --list-dropdown-item-padding-right: var(--spacing-2);\n --list-dropdown-item-padding-left: var(--spacing-8);\n --list-dropdown-line-height: var(--line-height-base);\n --list-dropdown-font-size: var(--font-size-md);\n --list-dropdown-icon-size: var(--spacing-5);\n --list-select-optgroup-padding-y: var(--spacing-2);\n --list-select-optgroup-gap: var(--spacing-0-5);\n --list-select-optgroup-option-margin-top: var(--spacing-1);\n --list-select-optgroup-option-padding-left: var(--spacing-5);\n --list-select-padding: var(--spacing-2);\n --list-select-radius: var(--radius-rounded-md);\n --list-select-gap-y: var(--spacing-0-5);\n --list-select-option-radius: var(--radius-rounded-md);\n --list-select-option-padding: var(--spacing-2);\n --list-select-option-padding-right: var(--spacing-2);\n --list-select-option-padding-left: var(--spacing-5);\n --list-select-line-height: var(--line-height-base);\n --list-select-font-size: var(--font-size-md);\n --list-select-icon-size: var(--spacing-5);\n --icon-size-xl: var(--spacing-7);\n --icon-size-lg: var(--spacing-6);\n --icon-size-md: var(--spacing-5);\n --icon-size-sm: var(--spacing-4);\n --icon-size-xs: var(--spacing-3);\n --calendar-navigation-buttons-gap: var(--spacing-1);\n --calendar-controls-padding-top: var(--spacing-2);\n --calendar-controls-margin-top: var(--spacing-1);\n --calendar-weeks-size: var(--spacing-10);\n --calendar-weeks-radius: var(--radius-rounded);\n --calendar-header-button-size: var(--spacing-8);\n --calendar-header-margin-bottom: var(--spacing-1);\n --calendar-header-line-height: var(--line-height-sm);\n --calendar-header-font-weight: var(--font-weight-medium-emphasis);\n --calendar-header-font-size: var(--font-size-sm);\n --calendar-grid-gap-y: var(--spacing-0-5);\n --calendar-grid-gap-x: var(--spacing-0);\n --calendar-radius: var(--radius-rounded-md);\n --calendar-weeks-calendar-gap-x: var(--spacing-2);\n --calendar-gap-y: var(--spacing-1);\n --calendar-gap-x: var(--spacing-1);\n --calendar-double-gap-x: var(--spacing-3);\n --calendar-padding: var(--spacing-1);\n --calendar-cell-radius: var(--radius-rounded-2xl);\n --calendar-cell-size: var(--spacing-8);\n --calendar-cell-line-height: var(--line-height-sm);\n --calendar-cell-font-weight: var(--font-weight-low-emphasis);\n --calendar-cell-font-size: var(--font-size-sm);\n --drawer-padding-y: var(--spacing-6);\n --drawer-padding-x: var(--spacing-6);\n --drawer-header-padding-right: var(--spacing-8);\n --drawer-gap-y: var(--spacing-6);\n --drawer-dismissible-position-right: var(--spacing-6);\n --drawer-dismissible-position-top: var(--spacing-6);\n --drawer-radius-top-left: var(--radius-rounded-2xl);\n --drawer-radius-bottom-left: var(--radius-rounded-2xl);\n --button-lg-padding-y: var(--spacing-2-5);\n --button-lg-padding-x: var(--spacing-4);\n --button-lg-line-height: var(--line-height-lg);\n --button-lg-icon-size: var(--spacing-6);\n --button-lg-icon-button-padding: var(--spacing-3);\n --button-lg-height: var(--spacing-12);\n --button-lg-gap: var(--spacing-2);\n --button-lg-font-size: var(--font-size-lg);\n --button-lg-border-radius: var(--radius-rounded-lg);\n --button-md-padding-y: var(--spacing-2);\n --button-md-padding-x: var(--spacing-3-5);\n --button-md-line-height: var(--line-height-base);\n --button-md-icon-size: var(--spacing-5);\n --button-md-icon-button-padding: var(--spacing-2-5);\n --button-md-height: var(--spacing-10);\n --button-md-gap: var(--spacing-2);\n --button-md-font-size: var(--font-size-md);\n --button-md-border-radius: var(--radius-rounded-md);\n --button-sm-padding-y: var(--spacing-1-5);\n --button-sm-padding-x: var(--spacing-3);\n --button-sm-line-height: var(--line-height-sm);\n --button-sm-icon-size: var(--spacing-4);\n --button-sm-icon-button-padding: var(--spacing-2);\n --button-sm-height: var(--spacing-8);\n --button-sm-gap: var(--spacing-1-5);\n --button-sm-font-size: var(--font-size-sm);\n --button-sm-border-radius: var(--radius-rounded);\n --button-xs-padding-y: var(--spacing-1);\n --button-xs-padding-x: var(--spacing-2-5);\n --button-xs-line-height: var(--line-height-xs);\n --button-xs-icon-size: var(--spacing-3);\n --button-xs-icon-button-padding: var(--spacing-1-5);\n --button-xs-height: var(--spacing-6);\n --button-xs-gap: var(--spacing-1);\n --button-xs-font-size: var(--font-size-xs);\n --button-xs-border-radius: var(--radius-rounded-sm);\n --buttongroup-md-height: var(--spacing-10);\n --buttongroup-md-gap: var(--spacing-px);\n --buttongroup-md-radius: var(--radius-rounded-md);\n --buttongroup-lg-height: var(--spacing-12);\n --buttongroup-lg-gap: var(--spacing-px);\n --buttongroup-lg-radius: var(--radius-rounded-lg);\n --buttongroup-sm-height: var(--spacing-8);\n --buttongroup-sm-gap: var(--spacing-px);\n --buttongroup-sm-radius: var(--radius-rounded);\n --buttongroup-xs-height: var(--spacing-6);\n --buttongroup-xs-gap: var(--spacing-px);\n --buttongroup-xs-radius: var(--radius-rounded-sm);\n --buttongroup-xs-button-padding-y: var(--spacing-0-5);\n --avatar-xl-size: var(--spacing-16);\n --avatar-xl-icon-size: var(--spacing-11);\n --avatar-lg-size: var(--spacing-12);\n --avatar-lg-icon-size: var(--spacing-8);\n --avatar-md-size: var(--spacing-10);\n --avatar-md-icon-size: var(--spacing-7);\n --avatar-sm-size: var(--spacing-8);\n --avatar-sm-icon-size: var(--spacing-5);\n --avatar-xs-size: var(--spacing-6);\n --avatar-xs-icon-size: var(--spacing-4);\n}\n\n\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --color-cyan-300: oklch(86.5% 0.127 207.078);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-pink-300: oklch(82.3% 0.12 346.018);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-2xl: 42rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl--line-height: calc(2 / 1.5);\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --leading-tight: 1.25;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: TT Norms Pro, Montserrat, sans-serif;\n font-feature-settings: normal;\n font-variation-settings: normal;\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: TT Norms Pro Mono, monospace;\n font-feature-settings: normal;\n font-variation-settings: normal;\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n .collapse {\n visibility: collapse;\n }\n .visible {\n visibility: visible;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .sticky {\n position: sticky;\n }\n .start {\n inset-inline-start: var(--spacing);\n }\n .-end {\n inset-inline-end: calc(var(--spacing) * -1);\n }\n .end {\n inset-inline-end: var(--spacing);\n }\n .top-0 {\n top: var(--spacing-0);\n }\n .left-6 {\n left: var(--spacing-6);\n }\n .col-span-1 {\n grid-column: span 1 / span 1;\n }\n .col-span-2 {\n grid-column: span 2 / span 2;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .nv-pagination-nav__list {\n display: flex;\n align-items: center;\n gap: var(--spacing-2);\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .m-0 {\n margin: var(--spacing-0);\n }\n .m-4 {\n margin: var(--spacing-4);\n }\n .m-6 {\n margin: var(--spacing-6);\n }\n .-mx-6 {\n margin-inline: calc(var(--spacing-6) * -1);\n }\n .mx-2 {\n margin-inline: var(--spacing-2);\n }\n .mx-4 {\n margin-inline: var(--spacing-4);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .my-1 {\n margin-block: var(--spacing-1);\n }\n .my-4 {\n margin-block: var(--spacing-4);\n }\n .my-6 {\n margin-block: var(--spacing-6);\n }\n .my-10 {\n margin-block: var(--spacing-10);\n }\n .my-16 {\n margin-block: var(--spacing-16);\n }\n .mt-1 {\n margin-top: var(--spacing-1);\n }\n .mt-2 {\n margin-top: var(--spacing-2);\n }\n .mt-3 {\n margin-top: var(--spacing-3);\n }\n .mt-4 {\n margin-top: var(--spacing-4);\n }\n .mt-5 {\n margin-top: var(--spacing-5);\n }\n .mt-6 {\n margin-top: var(--spacing-6);\n }\n .mt-8 {\n margin-top: var(--spacing-8);\n }\n .nv-fieldtext {\n --nv-field-border-default: var(--components-form-field-border-default);\n --nv-field-border-hover: var(--components-form-field-border-hover);\n --nv-field-border-focus: var(--components-form-field-border-focus);\n --nv-field-border-disabled: var(--components-form-field-border-default);\n --nv-field-border-readonly: var(--components-form-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-brand);\n --nv-field-background: var(--components-form-field-background-default);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--form-gap-y);\n box-sizing: border-box;\n max-width: 480px;\n &.fluid {\n max-width: unset;\n }\n &.readonly {\n --nv-field-border-default: var(--components-form-field-border-readonly);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--components-form-field-border-focus);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-background: var(--components-form-field-background-readonly);\n }\n &.error {\n --nv-field-border-default: var(--components-form-field-border-error);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n }\n &.success {\n --nv-field-border-default: var(--components-form-field-border-success);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-success);\n }\n &.required label::after {\n content: '*';\n color: var(--components-form-text-required);\n font-weight: var(--font-weight-high-emphasis);\n }\n & > label {\n display: flex;\n align-items: center;\n gap: var(--form-label-gap);\n align-self: stretch;\n color: var(--components-form-text-label-default);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-label-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-label-line-height);\n }\n & > .input-wrapper {\n display: flex;\n flex-wrap: wrap;\n gap: var(--form-gap-x);\n align-items: stretch;\n align-self: stretch;\n }\n & > .input-wrapper .input-container {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--form-field-radius);\n border-width: 1px;\n border-style: solid;\n border-color: var(--nv-field-border-default);\n opacity: var(--components-form-opacity-default, 1);\n background: var(--nv-field-background);\n transition: all 150ms ease-out;\n }\n & > .input-wrapper .input-container:hover {\n border-color: var(--nv-field-border-hover);\n }\n & > .input-wrapper .input-container:focus-within {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:focus-within:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:focus {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:focus:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n & > .input-wrapper .input-container:has(input:read-only) {\n background-color: var(--components-form-field-background-readonly);\n border-color: var(--nv-field-border-readonly);\n }\n & > .input-wrapper .input-container:has(input:disabled) {\n opacity: 0.5;\n background-color: var(--components-form-field-background-disabled);\n border-color: var(--nv-field-border-disabled);\n }\n & > .input-wrapper .input-container > .leading-input {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n & > .input-wrapper .input-container input {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n overflow: hidden;\n background-color: transparent;\n color: var(--components-form-field-content-text);\n padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-field-line-height);\n width: 100%;\n }\n & > .input-wrapper .input-container input:focus {\n outline: none;\n }\n & > .input-wrapper .input-container input::placeholder {\n overflow: hidden;\n color: var(--components-form-field-content-placeholder);\n text-overflow: ellipsis;\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--form-field-line-height);\n }\n & > .input-wrapper .input-container input[type=password]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n & > .input-wrapper .input-container input[type=password]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n & > .input-wrapper .input-container nv-icon.validation {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n & > .input-wrapper .input-container > .trailing-input {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n & > .description {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n & > .error-description {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n color: var(--components-form-text-description-error);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n & > .error-description[hidden] {\n display: none;\n }\n }\n .input-wrapper {\n .nv-fieldtext > & {\n display: flex;\n flex-wrap: wrap;\n gap: var(--form-gap-x);\n align-items: stretch;\n align-self: stretch;\n }\n .nv-fieldtext > & .input-container {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--form-field-radius);\n border-width: 1px;\n border-style: solid;\n border-color: var(--nv-field-border-default);\n opacity: var(--components-form-opacity-default, 1);\n background: var(--nv-field-background);\n transition: all 150ms ease-out;\n }\n .nv-fieldtext > & .input-container:hover {\n border-color: var(--nv-field-border-hover);\n }\n .nv-fieldtext > & .input-container:focus-within {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:focus-within:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:focus {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:focus:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > & .input-container:has(input:read-only) {\n background-color: var(--components-form-field-background-readonly);\n border-color: var(--nv-field-border-readonly);\n }\n .nv-fieldtext > & .input-container:has(input:disabled) {\n opacity: 0.5;\n background-color: var(--components-form-field-background-disabled);\n border-color: var(--nv-field-border-disabled);\n }\n .nv-fieldtext > & .input-container > .leading-input {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n .nv-fieldtext > & .input-container input {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n overflow: hidden;\n background-color: transparent;\n color: var(--components-form-field-content-text);\n padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-field-line-height);\n width: 100%;\n }\n .nv-fieldtext > & .input-container input:focus {\n outline: none;\n }\n .nv-fieldtext > & .input-container input::placeholder {\n overflow: hidden;\n color: var(--components-form-field-content-placeholder);\n text-overflow: ellipsis;\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--form-field-line-height);\n }\n .nv-fieldtext > & .input-container input[type=password]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > & .input-container input[type=password]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > & .input-container nv-icon.validation {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n .nv-fieldtext > & .input-container > .trailing-input {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n }\n .input-container {\n .nv-fieldtext > .input-wrapper & {\n display: flex;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n align-self: stretch;\n border-radius: var(--form-field-radius);\n border-width: 1px;\n border-style: solid;\n border-color: var(--nv-field-border-default);\n opacity: var(--components-form-opacity-default, 1);\n background: var(--nv-field-background);\n transition: all 150ms ease-out;\n }\n .nv-fieldtext > .input-wrapper &:hover {\n border-color: var(--nv-field-border-hover);\n }\n .nv-fieldtext > .input-wrapper &:focus-within {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:focus-within:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:focus {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:focus:hover {\n border-color: var(--nv-field-border-focus);\n box-shadow: 0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n }\n .nv-fieldtext > .input-wrapper &:has(input:read-only) {\n background-color: var(--components-form-field-background-readonly);\n border-color: var(--nv-field-border-readonly);\n }\n .nv-fieldtext > .input-wrapper &:has(input:disabled) {\n opacity: 0.5;\n background-color: var(--components-form-field-background-disabled);\n border-color: var(--nv-field-border-disabled);\n }\n .nv-fieldtext > .input-wrapper & > .leading-input {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n .nv-fieldtext > .input-wrapper & input {\n display: flex;\n align-items: center;\n flex: 1 0 0;\n overflow: hidden;\n background-color: transparent;\n color: var(--components-form-field-content-text);\n padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--form-field-line-height);\n width: 100%;\n }\n .nv-fieldtext > .input-wrapper & input:focus {\n outline: none;\n }\n .nv-fieldtext > .input-wrapper & input::placeholder {\n overflow: hidden;\n color: var(--components-form-field-content-placeholder);\n text-overflow: ellipsis;\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-field-font-size);\n font-style: normal;\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--form-field-line-height);\n }\n .nv-fieldtext > .input-wrapper & input[type=password]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > .input-wrapper & input[type=password]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n .nv-fieldtext > .input-wrapper & nv-icon.validation {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n .nv-fieldtext > .input-wrapper & > .trailing-input {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n }\n .trailing-input {\n .nv-fieldtext > .input-wrapper .input-container > & {\n display: block;\n margin-right: var(--form-field-padding-x);\n }\n }\n .validation {\n .nv-fieldtext > .input-wrapper .input-container nv-icon& {\n color: var(--nv-field-border-default);\n margin-right: var(--form-gap-x);\n }\n }\n .mr-1 {\n margin-right: var(--spacing-1);\n }\n .mr-2 {\n margin-right: var(--spacing-2);\n }\n .mr-4 {\n margin-right: var(--spacing-4);\n }\n .mr-auto {\n margin-right: auto;\n }\n .mb-1 {\n margin-bottom: var(--spacing-1);\n }\n .mb-2 {\n margin-bottom: var(--spacing-2);\n }\n .mb-3 {\n margin-bottom: var(--spacing-3);\n }\n .mb-4 {\n margin-bottom: var(--spacing-4);\n }\n .mb-5 {\n margin-bottom: var(--spacing-5);\n }\n .mb-6 {\n margin-bottom: var(--spacing-6);\n }\n .mb-8 {\n margin-bottom: var(--spacing-8);\n }\n .mb-20 {\n margin-bottom: var(--spacing-20);\n }\n .leading-input {\n .nv-fieldtext > .input-wrapper .input-container > & {\n display: block;\n margin-left: var(--form-field-padding-x);\n }\n }\n .ml-1 {\n margin-left: var(--spacing-1);\n }\n .ml-2 {\n margin-left: var(--spacing-2);\n }\n .ml-4 {\n margin-left: var(--spacing-4);\n }\n .ml-auto {\n margin-left: auto;\n }\n .nv-button {\n text-decoration: none;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-style: normal;\n font-weight: var(--font-weight-medium-emphasis);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n transition: background-color 150ms ease-out;\n user-select: none;\n cursor: pointer;\n height: fit-content;\n height: var(--button-md-height);\n width: fit-content;\n padding: var(--button-md-padding-y) var(--button-md-padding-x);\n gap: var(--button-md-gap);\n border-radius: var(--button-md-border-radius);\n line-height: var(--button-md-line-height);\n font-size: var(--button-md-font-size);\n background: var(--components-button-medium-background);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text);\n & nv-icon > svg {\n width: var(--spacing-5);\n height: var(--spacing-5);\n stroke-width: 1.6px;\n }\n &:hover {\n background: var(--components-button-medium-background-hover);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text-hover);\n }\n &:active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &:focus {\n outline: none;\n }\n &:focus-within {\n outline: none;\n }\n &:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &.danger {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n &.danger:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n &.danger:focus {\n outline: none;\n }\n &.danger:focus-within {\n outline: none;\n }\n &.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.size-xs {\n padding: var(--button-xs-padding-y) var(--button-xs-padding-x);\n gap: var(--button-xs-gap);\n border-radius: var(--button-xs-border-radius);\n line-height: var(--button-xs-line-height);\n height: var(--button-xs-height);\n font-size: var(--button-xs-font-size);\n }\n &.size-xs nv-icon > svg {\n width: var(--spacing-3);\n height: var(--spacing-3);\n stroke-width: 1.2px;\n }\n &.size-sm {\n padding: var(--button-sm-padding-y) var(--button-sm-padding-x);\n gap: var(--button-sm-gap);\n border-radius: var(--button-sm-border-radius);\n line-height: var(--button-sm-line-height);\n height: var(--button-sm-height);\n font-size: var(--button-sm-font-size);\n }\n &.size-sm nv-icon > svg {\n width: var(--spacing-4);\n height: var(--spacing-4);\n stroke-width: 1.5px;\n }\n &.size-md {\n padding: var(--button-md-padding-y) var(--button-md-padding-x);\n gap: var(--button-md-gap);\n border-radius: var(--button-md-border-radius);\n line-height: var(--button-md-line-height);\n height: var(--button-md-height);\n font-size: var(--button-md-font-size);\n }\n &.size-md nv-icon > svg {\n width: var(--spacing-5);\n height: var(--spacing-5);\n stroke-width: 1.6px;\n }\n &.size-lg {\n padding: var(--button-lg-padding-y) var(--button-lg-padding-x);\n gap: var(--button-lg-gap);\n border-radius: var(--button-lg-border-radius);\n line-height: var(--button-lg-line-height);\n height: var(--button-lg-height);\n font-size: var(--button-lg-font-size);\n }\n &.size-lg nv-icon > svg {\n width: var(--spacing-6);\n height: var(--spacing-6);\n stroke-width: 1.8px;\n }\n &.emphasis-high {\n background: var(--components-button-high-background);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text);\n }\n &.emphasis-high:hover {\n background: var(--components-button-high-background-hover);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text-hover);\n }\n &.emphasis-high:active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n &.emphasis-high:focus {\n outline: none;\n }\n &.emphasis-high:focus-within {\n outline: none;\n }\n &.emphasis-high:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-high:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-high:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-high.active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n &.emphasis-high.danger {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n &.emphasis-high.danger:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n &.emphasis-high.danger:focus {\n outline: none;\n }\n &.emphasis-high.danger:focus-within {\n outline: none;\n }\n &.emphasis-high.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-high.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium {\n background: var(--components-button-medium-background);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text);\n }\n &.emphasis-medium:hover {\n background: var(--components-button-medium-background-hover);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text-hover);\n }\n &.emphasis-medium:active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &.emphasis-medium:focus {\n outline: none;\n }\n &.emphasis-medium:focus-within {\n outline: none;\n }\n &.emphasis-medium:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-medium.active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n &.emphasis-medium.danger {\n background: var(--components-button-destructive-medium-background);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text);\n }\n &.emphasis-medium.danger:hover {\n background: var(--components-button-destructive-medium-background-hover);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text-hover);\n }\n &.emphasis-medium.danger:focus {\n outline: none;\n }\n &.emphasis-medium.danger:focus-within {\n outline: none;\n }\n &.emphasis-medium.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-medium.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low {\n background: var(--components-button-low-background);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text);\n }\n &.emphasis-low:hover {\n background: var(--components-button-low-background-hover);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text-hover);\n }\n &.emphasis-low:active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n &.emphasis-low:focus {\n outline: none;\n }\n &.emphasis-low:focus-within {\n outline: none;\n }\n &.emphasis-low:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-low.active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n &.emphasis-low.danger {\n background: var(--components-button-destructive-low-background);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text);\n }\n &.emphasis-low.danger:hover {\n background: var(--components-button-destructive-low-background-hover);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text-hover);\n }\n &.emphasis-low.danger:focus {\n outline: none;\n }\n &.emphasis-low.danger:focus-within {\n outline: none;\n }\n &.emphasis-low.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-low.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower {\n background: var(--components-button-lower-background);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text);\n }\n &.emphasis-lower:hover {\n background: var(--components-button-lower-background-hover);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text-hover);\n }\n &.emphasis-lower:active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n &.emphasis-lower:focus {\n outline: none;\n }\n &.emphasis-lower:focus-within {\n outline: none;\n }\n &.emphasis-lower:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n &.emphasis-lower.active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n &.emphasis-lower.danger {\n background: var(--components-button-destructive-lower-background);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text);\n }\n &.emphasis-lower.danger:hover {\n background: var(--components-button-destructive-lower-background-hover);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text-hover);\n }\n &.emphasis-lower.danger:focus {\n outline: none;\n }\n &.emphasis-lower.danger:focus-within {\n outline: none;\n }\n &.emphasis-lower.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.emphasis-lower.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n &.fluid {\n width: 100%;\n }\n }\n .nv-link {\n color: var(--color-interaction-link-high-text);\n font-weight: var(--font-weight-medium-emphasis);\n text-decoration: none;\n &:hover {\n color: var(--color-interaction-link-high-text-hover);\n }\n .nv-sidenav & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-navbar & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-tabs & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-buttongroup & {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n .nv-tabs & {\n border-style: solid;\n border-color: transparent;\n border-width: 0 0 2px 0;\n }\n .nv-tabs &:hover {\n color: var(--color-interaction-container-branded-low-text-hover);\n border-color: transparent;\n background-color: transparent;\n }\n .nv-tabs &.active {\n color: var(--color-interaction-container-branded-low-text-active);\n border-color: var(--color-interaction-container-branded-low-border-active);\n background-color: transparent;\n }\n .nv-navbar & {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n .nv-sidenav & {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n .nv-buttongroup & {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n .nv-navbar &:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n .nv-sidenav &:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n .nv-buttongroup &:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n .nv-navbar &.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-navbar &.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav &.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav &.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup &.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup &.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav .collapsible & {\n justify-content: space-between;\n }\n .nv-sidenav .collapsible & .nv-iconbutton {\n width: 20px !important;\n height: 20px !important;\n }\n .nv-buttongroup & {\n border-color: var(--color-content-medium-border);\n border-width: 0 1px 0 0;\n border-style: solid;\n border-radius: 0;\n }\n .nv-buttongroup &:hover {\n border-color: var(--color-content-medium-border);\n }\n .nv-buttongroup &.active {\n border-color: var(--color-content-medium-border);\n }\n .nv-buttongroup &.router-link-active {\n border-color: var(--color-content-medium-border);\n }\n .nv-buttongroup li:last-child & {\n border-right-width: 0;\n }\n & .nv-badge {\n border-radius: var(--radius-rounded-full);\n width: var(--spacing-5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-xs);\n color: var(--color-feedback-neutral-high-icon);\n background-color: var(--color-feedback-neutral-high-background);\n }\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n &.disabled:hover {\n color: var(--color-interaction-container-neutral-text);\n background-color: transparent;\n }\n }\n .nv-sidenav {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n & .nv-link {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n & .nv-link.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .nv-link.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .collapsible .nv-link {\n justify-content: space-between;\n }\n & .collapsible .nv-link .nv-iconbutton {\n width: 20px !important;\n height: 20px !important;\n }\n }\n .nv-pagination-nav__item--ellipsis {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--spacing-8);\n height: var(--spacing-8);\n color: var(--color-content-lower-text);\n font-size: var(--font-size-sm);\n user-select: none;\n }\n .nv-badge {\n .nv-link & {\n border-radius: var(--radius-rounded-full);\n width: var(--spacing-5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--font-size-xs);\n color: var(--color-feedback-neutral-high-icon);\n background-color: var(--color-feedback-neutral-high-background);\n }\n }\n .nv-pagination-nav__item {\n display: flex;\n align-items: center;\n & nv-button {\n min-width: var(--spacing-8);\n justify-content: center;\n }\n & nv-iconbutton {\n min-width: var(--spacing-8);\n justify-content: center;\n }\n }\n .nv-tabs {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n display: flex;\n flex: 1 1 0%;\n align-items: center;\n border-bottom: 1px solid var(--color-content-low-border);\n column-gap: var(--spacing-0-5);\n & .nv-link {\n border-style: solid;\n border-color: transparent;\n border-width: 0 0 2px 0;\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-branded-low-text-hover);\n border-color: transparent;\n background-color: transparent;\n }\n & .nv-link.active {\n color: var(--color-interaction-container-branded-low-text-active);\n border-color: var(--color-interaction-container-branded-low-border-active);\n background-color: transparent;\n }\n }\n .nv-pagination-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-2);\n flex-wrap: wrap;\n }\n .error-description {\n .nv-fieldtext > & {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n color: var(--components-form-text-description-error);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n .nv-fieldtext > &[hidden] {\n display: none;\n }\n }\n .description {\n .nv-fieldtext > & {\n display: flex;\n align-items: center;\n align-self: stretch;\n gap: var(--spacing-1);\n color: var(--components-form-text-description-default);\n font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n font-size: var(--form-description-font-size);\n font-style: normal;\n line-height: var(--form-description-line-height);\n }\n }\n .nv-buttongroup {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n & .nv-link {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n & .nv-link.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .nv-link.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n display: inline-flex;\n border-radius: var(--radius-rounded-md);\n border: 1px solid var(--color-content-medium-border);\n overflow: hidden;\n & .nv-link {\n border-color: var(--color-content-medium-border);\n border-width: 0 1px 0 0;\n border-style: solid;\n border-radius: 0;\n }\n & .nv-link:hover {\n border-color: var(--color-content-medium-border);\n }\n & .nv-link.active {\n border-color: var(--color-content-medium-border);\n }\n & .nv-link.router-link-active {\n border-color: var(--color-content-medium-border);\n }\n & li:last-child .nv-link {\n border-right-width: 0;\n }\n }\n .nv-navbar {\n & .nv-link {\n display: flex;\n align-items: center;\n color: var(--color-interaction-container-neutral-text);\n background-color: var(--color-interaction-container-neutral-background);\n text-decoration: none;\n font-weight: var(--font-weight-medium-emphasis);\n padding: var(--spacing-2) var(--spacing-3);\n column-gap: var(--spacing-2);\n }\n & .nv-link {\n border: solid 0 transparent;\n border-radius: var(--radius-rounded-md);\n }\n & .nv-link:hover {\n color: var(--color-interaction-container-neutral-text-hover);\n border-color: var(--color-interaction-container-neutral-border-hover);\n background-color: var(--color-interaction-container-neutral-background-hover);\n }\n & .nv-link.active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n & .nv-link.router-link-active {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n }\n .\\!hidden {\n display: none !important;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .table {\n display: table;\n }\n .aspect-square {\n aspect-ratio: 1 / 1;\n }\n .collapsible {\n .nv-sidenav & .nv-link {\n justify-content: space-between;\n }\n .nv-sidenav & .nv-link .nv-iconbutton {\n width: 20px !important;\n height: 20px !important;\n }\n }\n .size-lg {\n .nv-button& {\n padding: var(--button-lg-padding-y) var(--button-lg-padding-x);\n gap: var(--button-lg-gap);\n border-radius: var(--button-lg-border-radius);\n line-height: var(--button-lg-line-height);\n height: var(--button-lg-height);\n font-size: var(--button-lg-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-6);\n height: var(--spacing-6);\n stroke-width: 1.8px;\n }\n }\n .size-md {\n .nv-button& {\n padding: var(--button-md-padding-y) var(--button-md-padding-x);\n gap: var(--button-md-gap);\n border-radius: var(--button-md-border-radius);\n line-height: var(--button-md-line-height);\n height: var(--button-md-height);\n font-size: var(--button-md-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-5);\n height: var(--spacing-5);\n stroke-width: 1.6px;\n }\n }\n .size-sm {\n .nv-button& {\n padding: var(--button-sm-padding-y) var(--button-sm-padding-x);\n gap: var(--button-sm-gap);\n border-radius: var(--button-sm-border-radius);\n line-height: var(--button-sm-line-height);\n height: var(--button-sm-height);\n font-size: var(--button-sm-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-4);\n height: var(--spacing-4);\n stroke-width: 1.5px;\n }\n }\n .size-xs {\n .nv-button& {\n padding: var(--button-xs-padding-y) var(--button-xs-padding-x);\n gap: var(--button-xs-gap);\n border-radius: var(--button-xs-border-radius);\n line-height: var(--button-xs-line-height);\n height: var(--button-xs-height);\n font-size: var(--button-xs-font-size);\n }\n .nv-button& nv-icon > svg {\n width: var(--spacing-3);\n height: var(--spacing-3);\n stroke-width: 1.2px;\n }\n }\n .size-full {\n width: 100%;\n height: 100%;\n }\n .nv-iconbutton {\n .nv-sidenav .collapsible .nv-link & {\n width: 20px !important;\n height: 20px !important;\n }\n }\n .h-20 {\n height: var(--spacing-20);\n }\n .h-32 {\n height: var(--spacing-32);\n }\n .h-40 {\n height: var(--spacing-40);\n }\n .h-96 {\n height: var(--spacing-96);\n }\n .h-\\[60px\\] {\n height: 60px;\n }\n .h-\\[600px\\] {\n height: 600px;\n }\n .h-\\[700px\\] {\n height: 700px;\n }\n .h-full {\n height: 100%;\n }\n .h-screen {\n height: 100vh;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .fluid {\n .nv-fieldtext& {\n max-width: unset;\n }\n .nv-button& {\n width: 100%;\n }\n }\n .w-1\\/12 {\n width: calc(1 / 12 * 100%);\n }\n .w-2\\/12 {\n width: calc(2 / 12 * 100%);\n }\n .w-3\\/12 {\n width: calc(3 / 12 * 100%);\n }\n .w-4\\/12 {\n width: calc(4 / 12 * 100%);\n }\n .w-5 {\n width: var(--spacing-5);\n }\n .w-5\\/12 {\n width: calc(5 / 12 * 100%);\n }\n .w-6\\/12 {\n width: calc(6 / 12 * 100%);\n }\n .w-7\\/12 {\n width: calc(7 / 12 * 100%);\n }\n .w-8\\/12 {\n width: calc(8 / 12 * 100%);\n }\n .w-9\\/12 {\n width: calc(9 / 12 * 100%);\n }\n .w-10 {\n width: var(--spacing-10);\n }\n .w-10\\/12 {\n width: calc(10 / 12 * 100%);\n }\n .w-11\\/12 {\n width: calc(11 / 12 * 100%);\n }\n .w-12\\/12 {\n width: calc(12 / 12 * 100%);\n }\n .w-16 {\n width: var(--spacing-16);\n }\n .w-20 {\n width: var(--spacing-20);\n }\n .w-48 {\n width: var(--spacing-48);\n }\n .w-full {\n width: 100%;\n }\n .w-px {\n width: 1px;\n }\n .w-px {\n width: var(--spacing-px);\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-lg {\n max-width: var(--container-lg);\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-screen {\n max-width: 100vw;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-xs {\n max-width: var(--container-xs);\n }\n .min-w-0 {\n min-width: var(--spacing-0);\n }\n .min-w-28 {\n min-width: var(--spacing-28);\n }\n .nv-pagination-nav-link {\n min-width: var(--spacing-8);\n }\n .flex-1 {\n flex: 1;\n }\n .shrink {\n flex-shrink: 1;\n }\n .grow {\n flex-grow: 1;\n }\n .border-collapse {\n border-collapse: collapse;\n }\n .rotate-2 {\n rotate: 2deg;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .disabled {\n .nv-link-low& {\n color: var(--color-interaction-link-high-text-disabled);\n text-decoration: none;\n }\n .nv-link-high& {\n color: var(--color-interaction-link-high-text-disabled);\n text-decoration: none;\n }\n .nv-link& {\n opacity: 0.5;\n cursor: not-allowed;\n }\n .nv-link&:hover {\n color: var(--color-interaction-container-neutral-text);\n background-color: transparent;\n }\n }\n .emphasis-high {\n .nv-button& {\n background: var(--components-button-high-background);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text);\n }\n .nv-button&:hover {\n background: var(--components-button-high-background-hover);\n border: 1px solid var(--components-button-high-border);\n color: var(--components-button-high-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .emphasis-low {\n .nv-button& {\n background: var(--components-button-low-background);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text);\n }\n .nv-button&:hover {\n background: var(--components-button-low-background-hover);\n border: 1px solid var(--components-button-low-border);\n color: var(--components-button-low-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-low-background);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-low-background-hover);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .emphasis-lower {\n .nv-button& {\n background: var(--components-button-lower-background);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text);\n }\n .nv-button&:hover {\n background: var(--components-button-lower-background-hover);\n border: 1px solid var(--components-button-lower-border);\n color: var(--components-button-lower-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-lower-background);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-lower-background-hover);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .emphasis-medium {\n .nv-button& {\n background: var(--components-button-medium-background);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text);\n }\n .nv-button&:hover {\n background: var(--components-button-medium-background-hover);\n border: 1px solid var(--components-button-medium-border);\n color: var(--components-button-medium-text-hover);\n }\n .nv-button&:active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:disabled:not([disabled=false]) {\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: none;\n }\n .nv-button&.active {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button&.danger {\n background: var(--components-button-destructive-medium-background);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text);\n }\n .nv-button&.danger:hover {\n background: var(--components-button-destructive-medium-background-hover);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text-hover);\n }\n .nv-button&.danger:focus {\n outline: none;\n }\n .nv-button&.danger:focus-within {\n outline: none;\n }\n .nv-button&.danger:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&.danger:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .resize {\n resize: both;\n }\n .resize-none {\n resize: none;\n }\n .resize-x {\n resize: horizontal;\n }\n .resize-y {\n resize: vertical;\n }\n .list-inside {\n list-style-position: inside;\n }\n .list-disc {\n list-style-type: disc;\n }\n .columns-1 {\n columns: 1;\n }\n .columns-2 {\n columns: 2;\n }\n .columns-3 {\n columns: 3;\n }\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n .grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n .grid-cols-\\[120px_1fr\\] {\n grid-template-columns: 120px 1fr;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-around {\n justify-content: space-around;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .gap-1 {\n gap: var(--spacing-1);\n }\n .gap-2 {\n gap: var(--spacing-2);\n }\n .gap-3 {\n gap: var(--spacing-3);\n }\n .gap-4 {\n gap: var(--spacing-4);\n }\n .gap-6 {\n gap: var(--spacing-6);\n }\n .gap-8 {\n gap: var(--spacing-8);\n }\n .gap-16 {\n gap: var(--spacing-16);\n }\n .space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-2) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-6) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-8 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-8) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-12 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-12) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-16 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(var(--spacing-16) * var(--tw-space-y-reverse));\n margin-block-end: calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .gap-x-0\\.5 {\n column-gap: var(--spacing-0-5);\n }\n .gap-x-2 {\n column-gap: var(--spacing-2);\n }\n .gap-x-4 {\n column-gap: var(--spacing-4);\n }\n .space-x-2 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));\n margin-inline-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .gap-y-0\\.5 {\n row-gap: var(--spacing-0-5);\n }\n .gap-y-4 {\n row-gap: var(--spacing-4);\n }\n .self-start {\n align-self: flex-start;\n }\n .self-stretch {\n align-self: stretch;\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-x-auto {\n overflow-x: auto;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: var(--radius-rounded);\n }\n .rounded-2xl {\n border-radius: var(--radius-rounded-2xl);\n }\n .rounded-full {\n border-radius: var(--radius-rounded-full);\n }\n .rounded-lg {\n border-radius: var(--radius-rounded-lg);\n }\n .rounded-md {\n border-radius: var(--radius-rounded-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .active {\n .nv-button& {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button.emphasis-high& {\n background: var(--components-button-high-background-active);\n border: 1px solid var(--components-button-high-border-active);\n color: var(--components-button-high-text-active);\n }\n .nv-button.emphasis-medium& {\n background: var(--components-button-medium-background-active);\n border: 1px solid var(--components-button-medium-border-active);\n color: var(--components-button-medium-text-active);\n }\n .nv-button.emphasis-low& {\n background: var(--components-button-low-background-active);\n border: 1px solid var(--components-button-low-border-active);\n color: var(--components-button-low-text-active);\n }\n .nv-button.emphasis-lower& {\n background: var(--components-button-lower-background-active);\n border: 1px solid var(--components-button-lower-border-active);\n color: var(--components-button-lower-text-active);\n }\n .nv-tabs .nv-link& {\n color: var(--color-interaction-container-branded-low-text-active);\n border-color: var(--color-interaction-container-branded-low-border-active);\n background-color: transparent;\n }\n .nv-navbar .nv-link& {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-sidenav .nv-link& {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup .nv-link& {\n color: var(--color-interaction-container-neutral-text-active);\n border-color: var(--color-interaction-container-neutral-text-active);\n background-color: var(--color-interaction-container-neutral-background-active);\n }\n .nv-buttongroup .nv-link& {\n border-color: var(--color-content-medium-border);\n }\n }\n .thumb {\n nv-fieldslider .slider-container .track-container:has(&:hover) .track-range {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(&:hover) .thumb {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(.thumb:hover) & {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(&:focus) .track-range {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider .slider-container .track-container:has(&:focus) .thumb {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider .slider-container .track-container:has(.thumb:focus) & {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] .slider-container .track-container .track & {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container .track &:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] .slider-container .track-container .track &:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(&:hover) .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(&:hover) .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) & {\n border-color: var(--components-slider-track-filled-error);\n }\n }\n .slider-container {\n nv-fieldslider & .track-container:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider & .track-container:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider & .track-container:has(.thumb:focus) .track-range {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider & .track-container:has(.thumb:focus) .thumb {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] & .track-container .track .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container .track .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container .track .thumb:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] & .track-container .track .thumb:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] & .track-container:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n }\n .track-container {\n nv-fieldslider .slider-container &:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container &:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container &:has(.thumb:focus) .track-range {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider .slider-container &:has(.thumb:focus) .thumb {\n border-color: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] .slider-container & .track .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container & .track .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container & .track .thumb:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] .slider-container & .track .thumb:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container &:has(.thumb:hover) .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container &:has(.thumb:hover) .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n }\n .track {\n nv-fieldslider[error] .slider-container .track-container & .track-range {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container & .thumb {\n border-color: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container & .thumb:hover {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-handler-background-error);\n }\n nv-fieldslider[error] .slider-container .track-container & .thumb:focus {\n border-color: var(--components-slider-track-filled-error);\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n background-color: var(--components-slider-track-filled-error);\n }\n }\n .border-\\[\\#E3E3E3\\] {\n border-color: #E3E3E3;\n }\n .border-black {\n border-color: var(--color-base-black);\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-low {\n border-color: var(--color-content-low-border);\n }\n .border-white {\n border-color: var(--color-base-white);\n }\n .bg-background {\n background-color: var(--color-level-00-background);\n }\n .bg-blue-50 {\n background-color: var(--color-blue-50);\n }\n .bg-crimson-700 {\n background-color: var(--color-crimson-700);\n }\n .bg-cyan-300 {\n background-color: var(--color-cyan-300);\n }\n .bg-feedback-warning-high {\n background-color: var(--color-feedback-warning-high-background);\n }\n .bg-gray-50 {\n background-color: var(--color-gray-50);\n }\n .bg-gray-100 {\n background-color: var(--color-gray-100);\n }\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n .bg-green-50 {\n background-color: var(--color-green-50);\n }\n .bg-level-00 {\n background-color: var(--color-level-00-background);\n }\n .bg-level-10 {\n background-color: var(--color-level-10-background);\n }\n .bg-level-15 {\n background-color: var(--color-level-15-background);\n }\n .bg-lime-300 {\n background-color: var(--color-lime-300);\n }\n .bg-orange-50 {\n background-color: var(--color-orange-50);\n }\n .bg-orange-100 {\n background-color: var(--color-orange-100);\n }\n .bg-orange-300 {\n background-color: var(--color-orange-300);\n }\n .bg-orange-500 {\n background-color: var(--color-orange-500);\n }\n .bg-pink-300 {\n background-color: var(--color-pink-300);\n }\n .bg-purple-300 {\n background-color: var(--color-purple-300);\n }\n .bg-red-50 {\n background-color: var(--color-red-50);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-turquoise-50 {\n background-color: var(--color-turquoise-50);\n }\n .bg-turquoise-500 {\n background-color: var(--color-turquoise-500);\n }\n .bg-white {\n background-color: var(--color-base-white);\n }\n .bg-yellow-50 {\n background-color: var(--color-yellow-50);\n }\n .bg-gradient-to-r {\n --tw-gradient-position: to right in oklab;\n background-image: linear-gradient(var(--tw-gradient-stops));\n }\n .from-amber-500 {\n --tw-gradient-from: var(--color-amber-500);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .to-orange-500 {\n --tw-gradient-to: var(--color-orange-500);\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n }\n .p-0 {\n padding: var(--spacing-0);\n }\n .p-1 {\n padding: var(--spacing-1);\n }\n .p-2 {\n padding: var(--spacing-2);\n }\n .p-3 {\n padding: var(--spacing-3);\n }\n .p-4 {\n padding: var(--spacing-4);\n }\n .p-5 {\n padding: var(--spacing-5);\n }\n .p-6 {\n padding: var(--spacing-6);\n }\n .p-8 {\n padding: var(--spacing-8);\n }\n .p-16 {\n padding: var(--spacing-16);\n }\n .p-20 {\n padding: var(--spacing-20);\n }\n .px-1 {\n padding-inline: var(--spacing-1);\n }\n .px-2 {\n padding-inline: var(--spacing-2);\n }\n .px-3 {\n padding-inline: var(--spacing-3);\n }\n .px-4 {\n padding-inline: var(--spacing-4);\n }\n .px-6 {\n padding-inline: var(--spacing-6);\n }\n .py-1 {\n padding-block: var(--spacing-1);\n }\n .py-2 {\n padding-block: var(--spacing-2);\n }\n .py-4 {\n padding-block: var(--spacing-4);\n }\n .py-6 {\n padding-block: var(--spacing-6);\n }\n .py-10 {\n padding-block: var(--spacing-10);\n }\n .py-32 {\n padding-block: var(--spacing-32);\n }\n .pt-4 {\n padding-top: var(--spacing-4);\n }\n .pt-6 {\n padding-top: var(--spacing-6);\n }\n .pt-8 {\n padding-top: var(--spacing-8);\n }\n .pr-4 {\n padding-right: var(--spacing-4);\n }\n .pb-1 {\n padding-bottom: var(--spacing-1);\n }\n .pb-4 {\n padding-bottom: var(--spacing-4);\n }\n .pb-20 {\n padding-bottom: var(--spacing-20);\n }\n .pl-4 {\n padding-left: var(--spacing-4);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .align-middle {\n vertical-align: middle;\n }\n .typo-mono-md-bold {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-base);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-md-medium {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-base);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-md-regular {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-base);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-sm-bold {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-sm);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-sm-medium {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-sm);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-sm-regular {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-sm);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-xs-bold {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-xs);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-xs-medium {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-xs);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-mono-xs-regular {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-xs);\n font-family: var(--font-family-mono), monospace;\n }\n .typo-heading-lg-bold {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n .typo-heading-lg-medium {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n .typo-heading-lg-regular {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n .typo-heading-md-bold {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-7);\n letter-spacing: var(--letter-spacing-heading-md);\n }\n .typo-heading-md-medium {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-7);\n letter-spacing: var(--letter-spacing-heading-md);\n }\n .typo-heading-md-regular {\n font-size: var(--font-size-2xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-7);\n letter-spacing: var(--letter-spacing-heading-md);\n }\n .typo-heading-sm-bold {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-sm);\n }\n .typo-heading-sm-medium {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-sm);\n }\n .typo-heading-sm-regular {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-sm);\n }\n .typo-heading-xl-bold {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n .typo-heading-xl-medium {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n .typo-heading-xl-regular {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n .typo-heading-xs-bold {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n .typo-heading-xs-medium {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n .typo-heading-xs-regular {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--leading-px-6);\n letter-spacing: var(--letter-spacing-heading-xs);\n }\n .typo-text-lg-bold {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-lg);\n }\n .typo-text-lg-medium {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-lg);\n }\n .typo-text-lg-regular {\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-lg);\n }\n .typo-text-md-bold {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-base);\n }\n .typo-text-md-medium {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-base);\n }\n .typo-text-md-regular {\n font-size: var(--font-size-md);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-base);\n }\n .typo-text-sm-bold {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-sm);\n }\n .typo-text-sm-medium {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-sm);\n }\n .typo-text-sm-regular {\n font-size: var(--font-size-sm);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-sm);\n }\n .typo-text-xl-bold {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-xl);\n }\n .typo-text-xl-medium {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-xl);\n }\n .typo-text-xl-regular {\n font-size: var(--font-size-xl);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-xl);\n }\n .typo-text-xs-bold {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--line-height-xs);\n }\n .typo-text-xs-medium {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-medium-emphasis);\n line-height: var(--line-height-xs);\n }\n .typo-text-xs-regular {\n font-size: var(--font-size-xs);\n font-weight: var(--font-weight-low-emphasis);\n line-height: var(--line-height-xs);\n }\n .text-2xl {\n font-size: var(--font-size-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-lg {\n font-size: var(--font-size-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--font-size-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--font-size-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--font-size-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-md {\n font-size: var(--font-size-md);\n }\n .leading-tight {\n --tw-leading: var(--leading-tight);\n line-height: var(--leading-tight);\n }\n .required {\n .nv-fieldtext& label::after {\n content: '*';\n color: var(--components-form-text-required);\n font-weight: var(--font-weight-high-emphasis);\n }\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .danger {\n .nv-button& {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n .nv-button&:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n .nv-button&:focus {\n outline: none;\n }\n .nv-button&:focus-within {\n outline: none;\n }\n .nv-button&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-high& {\n background: var(--components-button-destructive-high-background);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text);\n }\n .nv-button.emphasis-high&:hover {\n background: var(--components-button-destructive-high-background-hover);\n border: 1px solid transparent;\n color: var(--components-button-destructive-high-text-hover);\n }\n .nv-button.emphasis-high&:focus {\n outline: none;\n }\n .nv-button.emphasis-high&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-high&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-high&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-medium& {\n background: var(--components-button-destructive-medium-background);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text);\n }\n .nv-button.emphasis-medium&:hover {\n background: var(--components-button-destructive-medium-background-hover);\n border: 1px solid var(--components-button-destructive-medium-border);\n color: var(--components-button-destructive-medium-text-hover);\n }\n .nv-button.emphasis-medium&:focus {\n outline: none;\n }\n .nv-button.emphasis-medium&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-medium&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-medium&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-low& {\n background: var(--components-button-destructive-low-background);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text);\n }\n .nv-button.emphasis-low&:hover {\n background: var(--components-button-destructive-low-background-hover);\n border: 1px solid var(--components-button-destructive-low-border);\n color: var(--components-button-destructive-low-text-hover);\n }\n .nv-button.emphasis-low&:focus {\n outline: none;\n }\n .nv-button.emphasis-low&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-low&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-low&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-lower& {\n background: var(--components-button-destructive-lower-background);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text);\n }\n .nv-button.emphasis-lower&:hover {\n background: var(--components-button-destructive-lower-background-hover);\n border: 1px solid var(--components-button-destructive-lower-border);\n color: var(--components-button-destructive-lower-text-hover);\n }\n .nv-button.emphasis-lower&:focus {\n outline: none;\n }\n .nv-button.emphasis-lower&:focus-within {\n outline: none;\n }\n .nv-button.emphasis-lower&:focus-visible {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n .nv-button.emphasis-lower&:has(:focus-visible) {\n outline: calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);\n outline-offset: calc(var(--focus-outline-offset) * 1);\n }\n }\n .text-feedback-warning-high {\n color: var(--color-feedback-warning-high-text);\n }\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n .text-gray-900 {\n color: var(--color-gray-900);\n }\n .text-green-500 {\n color: var(--color-green-500);\n }\n .text-green-600 {\n color: var(--color-green-600);\n }\n .text-high {\n color: var(--color-content-high-text);\n }\n .text-inherit {\n color: inherit;\n }\n .text-low {\n color: var(--color-content-low-text);\n }\n .text-orange-800 {\n color: var(--color-orange-800);\n }\n .text-red-600 {\n color: var(--color-red-600);\n }\n .text-slate-400 {\n color: var(--color-slate-400);\n }\n .lowercase {\n text-transform: lowercase;\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .no-underline {\n text-decoration-line: none;\n }\n .underline {\n text-decoration-line: underline;\n }\n .opacity-70 {\n opacity: 70%;\n }\n .opacity-80 {\n opacity: 80%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .error {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-error);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field);\n }\n }\n .error\\! {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-error) !important;\n --nv-field-border-hover: var(--nv-field-border-default) !important;\n --nv-field-border-focus: var(--nv-field-border-default) !important;\n --nv-field-border-disabled: var(--nv-field-border-default) !important;\n --nv-field-border-readonly: var(--nv-field-border-default) !important;\n --nv-field-focus-box-shadow: var(--color-focus-destructive-in-field) !important;\n }\n }\n .readonly {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-readonly);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--components-form-field-border-focus);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-background: var(--components-form-field-background-readonly);\n }\n }\n .success {\n .nv-fieldtext& {\n --nv-field-border-default: var(--components-form-field-border-success);\n --nv-field-border-hover: var(--nv-field-border-default);\n --nv-field-border-focus: var(--nv-field-border-default);\n --nv-field-border-disabled: var(--nv-field-border-default);\n --nv-field-border-readonly: var(--nv-field-border-default);\n --nv-field-focus-box-shadow: var(--color-focus-success);\n }\n }\n .track-range {\n nv-fieldslider .slider-container .track-container:has(.thumb:hover) & {\n background: var(--components-slider-track-filled-hover);\n }\n nv-fieldslider .slider-container .track-container:has(.thumb:focus) & {\n background: var(--components-slider-track-filled-focus);\n }\n nv-fieldslider[error] .slider-container .track-container .track & {\n background: var(--components-slider-track-filled-error);\n }\n nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) & {\n background: var(--components-slider-track-filled-error);\n }\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .hover\\:bg-level-10 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-level-10-background);\n }\n }\n }\n .focus\\:border-blue-400 {\n &:focus {\n border-color: var(--color-blue-400);\n }\n }\n .focus\\:ring-2 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-blue-100 {\n &:focus {\n --tw-ring-color: var(--color-blue-100);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n .md\\:grid-cols-3 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .md\\:grid-cols-4 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n .md\\:grid-cols-5 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n }\n .md\\:typo-heading-lg-bold {\n @media (width >= 48rem) {\n font-size: var(--font-size-3xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-8);\n letter-spacing: var(--letter-spacing-heading-lg);\n }\n }\n .lg\\:grid-cols-3 {\n @media (width >= 64rem) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n .lg\\:typo-heading-xl-bold {\n @media (width >= 64rem) {\n font-size: var(--font-size-4xl);\n font-weight: var(--font-weight-high-emphasis);\n line-height: var(--leading-px-10);\n letter-spacing: var(--letter-spacing-heading-xl);\n }\n }\n .xl\\:grid-cols-4 {\n @media (width >= 80rem) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n}\n@layer base {\n body, html {\n background-color: var(--color-level-00-background);\n color: var(--color-content-medium-text);\n }\n *:disabled {\n cursor: not-allowed;\n }\n *:focus, *:focus-within {\n outline: none;\n }\n button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {\n outline: var(--focus-outline-stroke) solid var(--color-focus-brand);\n outline-offset: var(--focus-outline-offset);\n border-radius: var(--radius-rounded);\n }\n a {\n color: var(--color-interaction-link-high-text);\n text-decoration: underline;\n font-weight: var(--font-weight-high-emphasis);\n }\n a:hover {\n color: var(--color-interaction-link-high-text-hover);\n }\n no-underline {\n text-decoration: none;\n }\n h1 {\n font-size: var(--global-typography-h1-font-size);\n line-height: var(--global-typography-h1-line-height);\n font-weight: var(--global-typography-h1-font-weight);\n color: var(--color-content-high-text);\n }\n h2 {\n font-size: var(--global-typography-h2-font-size);\n line-height: var(--global-typography-h2-line-height);\n font-weight: var(--global-typography-h2-font-weight);\n color: var(--color-content-high-text);\n }\n h3 {\n font-size: var(--global-typography-h3-font-size);\n line-height: var(--global-typography-h3-line-height);\n font-weight: var(--global-typography-h3-font-weight);\n color: var(--color-content-high-text);\n }\n h4 {\n font-size: var(--global-typography-h4-font-size);\n line-height: var(--global-typography-h4-line-height);\n font-weight: var(--global-typography-h4-font-weight);\n color: var(--color-content-high-text);\n }\n h5 {\n font-size: var(--global-typography-h4-font-size);\n line-height: var(--global-typography-h4-line-height);\n font-weight: var(--font-weight-medium-emphasis);\n color: var(--color-content-medium-text);\n }\n h6 {\n font-size: var(--global-typography-h4-font-size);\n line-height: var(--global-typography-h4-line-height);\n font-weight: var(--font-weight-low-emphasis);\n color: var(--color-content-low-text);\n }\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-x-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: \"<color>\";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: \"<length-percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false;\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-space-x-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n }\n }\n}\n";
|
|
137
137
|
|
|
138
138
|
/*
|
|
139
139
|
Stencil Hydrate Platform v4.41.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -6632,7 +6632,7 @@ class NvAccordion {
|
|
|
6632
6632
|
/****************************************************************************/
|
|
6633
6633
|
//#region RENDER
|
|
6634
6634
|
render() {
|
|
6635
|
-
return (hAsync(Host, { key: '
|
|
6635
|
+
return (hAsync(Host, { key: '60fa93fd799665c25cae9e7d52f80a8dcd4123cf', role: "list", class: "nv-accordion" }, this.data?.length ? (this.data.map((item, i) => (hAsync("nv-accordion-item", { key: item.id ?? i, itemTitle: item.title, disabled: item.disabled, open: (this.openIndexes || []).includes(i), mode: this.mode }, item.subtitle ? (hAsync("div", { slot: "header" }, hAsync("div", { class: "nv-accordion-item__header-content" }, hAsync("span", { class: "nv-accordion-item__title" }, item.title), hAsync("span", { class: "nv-accordion-item__subtitle" }, item.subtitle)))) : null, hAsync("div", { slot: "content" }, item.content), item.footer && hAsync("div", { slot: "footer" }, item.footer))))) : (hAsync("slot", null))));
|
|
6636
6636
|
}
|
|
6637
6637
|
get el() { return getElement(this); }
|
|
6638
6638
|
static get watchers() { return {
|
|
@@ -9107,12 +9107,12 @@ class NvAccordionItem {
|
|
|
9107
9107
|
/****************************************************************************/
|
|
9108
9108
|
//#region RENDER
|
|
9109
9109
|
render() {
|
|
9110
|
-
return (hAsync(Host, { key: '
|
|
9110
|
+
return (hAsync(Host, { key: 'd4c17c017d33831281ff47b857dbf89cc4c81fff', class: {
|
|
9111
9111
|
'nv-accordion-item': true,
|
|
9112
9112
|
'is-open': this.currentOpenState,
|
|
9113
9113
|
'is-disabled': this.disabled,
|
|
9114
9114
|
'is-animating': this.isAnimating,
|
|
9115
|
-
}, role: "listitem", "aria-expanded": this.currentOpenState ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, hAsync("div", { key: '
|
|
9115
|
+
}, role: "listitem", "aria-expanded": this.currentOpenState ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false' }, hAsync("div", { key: '32f3f117cf65d4ac9550dff00928f0099b72405a', class: "nv-accordion-item__header", onClick: this.handleHeaderClick, "aria-controls": "content" }, hAsync("slot", { key: '8533b9dfde96c2da7867175dc73749ed0fd17f5f', name: "header" }, hAsync("div", { key: '9f6ccf7d5044e5e236fcba238f898d4d6f296d3e', class: "nv-accordion-item__header-content" }, this.itemTitle && (hAsync("span", { key: '4458aad736c819b129f066838f22a750e316c8be', class: "nv-accordion-item__title" }, this.itemTitle)), this.subtitle && (hAsync("span", { key: '5bbb2e546c6ada4402401e4a5fcac30a7058b191', class: "nv-accordion-item__subtitle" }, this.subtitle)))), hAsync("nv-iconbutton", { key: '97d5cf23c30fafd8dbac383f9e1e19d7a92e2294', emphasis: "low", size: "sm", shape: "square", name: this.chevronIconName, tabindex: this.disabled ? -1 : 0, onClick: this.handleIconClick, onKeyDown: this.handleHeaderKeyDown, "aria-controls": "content", "aria-label": this.currentOpenState ? 'Close the section' : 'Open the section' })), hAsync("div", { key: '71e54e7f92aff4568b2ea22d4774b7c95a0335ce', id: "content", class: "nv-accordion-item__content", ref: el => (this.contentRef = el) }, hAsync("div", { key: 'fd6ec95ca0efc4d65a723d3b2f40171fa7ee0e01', class: "nv-accordion-item__content-inner" }, hAsync("slot", { key: '46a72758177f8d6a4d62bb880f8744aa85db571f', name: "content" })))));
|
|
9116
9116
|
}
|
|
9117
9117
|
get el() { return getElement(this); }
|
|
9118
9118
|
static get watchers() { return {
|
|
@@ -9207,6 +9207,11 @@ var ToggleButtonEmphasis;
|
|
|
9207
9207
|
ToggleButtonEmphasis["High"] = "high";
|
|
9208
9208
|
ToggleButtonEmphasis["Low"] = "low";
|
|
9209
9209
|
})(ToggleButtonEmphasis || (ToggleButtonEmphasis = {}));
|
|
9210
|
+
var StatusIndicatorEmphasis;
|
|
9211
|
+
(function (StatusIndicatorEmphasis) {
|
|
9212
|
+
StatusIndicatorEmphasis["High"] = "high";
|
|
9213
|
+
StatusIndicatorEmphasis["Low"] = "low";
|
|
9214
|
+
})(StatusIndicatorEmphasis || (StatusIndicatorEmphasis = {}));
|
|
9210
9215
|
var ToggleButtonSize;
|
|
9211
9216
|
(function (ToggleButtonSize) {
|
|
9212
9217
|
ToggleButtonSize["ExtraSmall"] = "xs";
|
|
@@ -9581,7 +9586,7 @@ class NvAlert {
|
|
|
9581
9586
|
/****************************************************************************/
|
|
9582
9587
|
//#region RENDER
|
|
9583
9588
|
render() {
|
|
9584
|
-
return (hAsync(Host, { key: '
|
|
9589
|
+
return (hAsync(Host, { key: '4dc8704f790d4753a364be3727f14dfe033e8f75', role: "alert", class: clsx('root', `feedback-${this.feedback}`) }, hAsync("nv-icon", { key: 'b7e4a1b213c29001d2aa16d4276777fa3fa77039', name: this.icon ?? this.getDefaultIcon(), class: `icon-${this.feedback}`, size: "md" }), hAsync("div", { key: '4ae0406ed796ee2c8cf8e5ed1e40c96dd1bfa7b5', class: "content" }, this.heading && hAsync("p", { key: '02bff20045603c5e5bd3790140ce52cc66857225', class: "heading" }, this.heading), this.message && hAsync("p", { key: 'e1436fe5bcffc5226747abd612266c2925d0680d', class: "message" }, this.message), hAsync("slot", { key: 'deda05a3494ffd1c86ea4670c7ef793773d8c893' })), this.dismissible && (hAsync("button", { key: '0c92c297f4df2ee1dd3eb781df782c983b5b61d5', class: "close", type: "button", onClick: this.handleDismiss }, hAsync("nv-icon", { key: '2bf2c72e4dedc932549af6e15cf221678640ea26', name: "x", size: "sm" })))));
|
|
9585
9590
|
}
|
|
9586
9591
|
get el() { return getElement(this); }
|
|
9587
9592
|
static get watchers() { return {
|
|
@@ -9666,7 +9671,7 @@ class NvAvatar {
|
|
|
9666
9671
|
/****************************************************************************/
|
|
9667
9672
|
//#region RENDER
|
|
9668
9673
|
render() {
|
|
9669
|
-
return (hAsync(Host, { key: '
|
|
9674
|
+
return (hAsync(Host, { key: '04faba5849d8626fd926d353d85e866d812a8398', class: clsx(`avatar-${this.size}`, `avatar-color-${this.color}`), "aria-label": this.alt }, this.src ? (hAsync("img", { src: this.src, alt: this.alt })) : this.initials ? (this.trimInitials(this.initials)) : (hAsync("slot", { name: "icon" }, hAsync("nv-icon", { name: "user" })))));
|
|
9670
9675
|
}
|
|
9671
9676
|
static get style() { return nvAvatarCss(); }
|
|
9672
9677
|
static get cmpMeta() { return {
|
|
@@ -9728,6 +9733,7 @@ class NvBadge {
|
|
|
9728
9733
|
this.label = null;
|
|
9729
9734
|
/**
|
|
9730
9735
|
* The lead icon of the badge.
|
|
9736
|
+
* @icon
|
|
9731
9737
|
*/
|
|
9732
9738
|
this.leadIcon = null;
|
|
9733
9739
|
/**
|
|
@@ -9806,7 +9812,7 @@ class NvBadge {
|
|
|
9806
9812
|
if (this.dismissal) {
|
|
9807
9813
|
this.dismissible = this.dismissal;
|
|
9808
9814
|
}
|
|
9809
|
-
if (this.icon != null && this.icon
|
|
9815
|
+
if (this.icon != null && this.icon) {
|
|
9810
9816
|
this.leadIcon = this.icon;
|
|
9811
9817
|
}
|
|
9812
9818
|
if (this.hidden) {
|
|
@@ -9821,14 +9827,14 @@ class NvBadge {
|
|
|
9821
9827
|
/****************************************************************************/
|
|
9822
9828
|
//#region RENDER
|
|
9823
9829
|
render() {
|
|
9824
|
-
return (hAsync(Host, { key: '
|
|
9830
|
+
return (hAsync(Host, { key: 'c623e524b0ea26ad5d1d246ed804c1ca52d643d4', class: clsx(`badge-${this.color}`, {
|
|
9825
9831
|
'has-close': this.dismissible,
|
|
9826
9832
|
'with-gap': this.dismissible || this.label,
|
|
9827
9833
|
'visually-hidden': this._isHidden,
|
|
9828
9834
|
'is-icon-only': this.isIconOnly,
|
|
9829
|
-
}) }, hAsync("span", { key: '
|
|
9835
|
+
}) }, hAsync("span", { key: 'b3a7c14129b885a4af63f9ba50813a64c1cb8c44', class: "nv-badge-leading" }, this.leadIcon && hAsync("nv-icon", { key: 'eb0d8f9a76670ff7c97990ebc40a318a28d5d09c', name: this.leadIcon, size: "sm" }), hAsync("slot", { key: '10e5514902a6c81c070d8c76559e6ff546441386', name: "leading-icon" })), hAsync("span", { key: '7821387d8864ef38bc5e2dd0720243c5f5cc20ae', class: clsx('nv-badge-label', {
|
|
9830
9836
|
'visually-hidden': this.isIconOnly,
|
|
9831
|
-
}) }, this.label, hAsync("slot", { key: '
|
|
9837
|
+
}) }, this.label, hAsync("slot", { key: '672a3655ce4ab44d1369f53593e36ba0aad3e1cf' })), this.dismissible && (hAsync("button", { key: 'ad50e6882515b9f0aaec411fbdb703aa1eb85da0', onClick: this.handleClose, class: "close", type: "button" }, hAsync("nv-icon", { key: '8f06fa69021d23cd6391f610787e4d62ded02384', name: "x", size: "sm" })))));
|
|
9832
9838
|
}
|
|
9833
9839
|
get el() { return getElement(this); }
|
|
9834
9840
|
static get watchers() { return {
|
|
@@ -9902,7 +9908,7 @@ class NvBreadcrumb {
|
|
|
9902
9908
|
/****************************************************************************/
|
|
9903
9909
|
//#region RENDER
|
|
9904
9910
|
render() {
|
|
9905
|
-
return (hAsync(Host, { key: '
|
|
9911
|
+
return (hAsync(Host, { key: 'cefd123208aa50ad05ac912780393aaf8b76a7eb', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (hAsync("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (hAsync("slot", { ref: el => (this.defaultSlot = el) })), this.tooltip && (hAsync("nv-tooltip", { key: '13665470c79f6c7637c524b74b767b9a5747a77f', ref: el => (this.toolTipRef = el), message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (hAsync("nv-popover", { key: 'c71b3bbf12531d9cb7b3abb920f8bc932ed0beb1', ref: el => (this.popoverRef = el), triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, hAsync("ul", { key: '5c11484aaf9026f7a3e0f5562488f28ce7a97fcd', slot: "content" }, hAsync("slot", { key: '2058072469703e46e3697a83e40e2b4ce9ead834' })))), hAsync("span", { key: '209284d8788b24b0513f38d1aa3a03a23f6f12db', "data-scope": "separator" }, "/")));
|
|
9906
9912
|
}
|
|
9907
9913
|
get el() { return getElement(this); }
|
|
9908
9914
|
static get style() { return nvBreadcrumbCss(); }
|
|
@@ -9931,7 +9937,7 @@ class NvBreadcrumbs {
|
|
|
9931
9937
|
}
|
|
9932
9938
|
//#region RENDER
|
|
9933
9939
|
render() {
|
|
9934
|
-
return (hAsync(Host, { key: '
|
|
9940
|
+
return (hAsync(Host, { key: '3a44180de4ed7bc35fa84edf033fb379116552df', role: "navigation", "aria-label": "breadcrumbs" }, hAsync("slot", { key: '33c211e755042f0eb494cbe55e6d126922ba6f8f' })));
|
|
9935
9941
|
}
|
|
9936
9942
|
static get style() { return nvBreadcrumbsCss(); }
|
|
9937
9943
|
static get cmpMeta() { return {
|
|
@@ -10091,7 +10097,7 @@ class NvButton {
|
|
|
10091
10097
|
/****************************************************************************/
|
|
10092
10098
|
//#region RENDER
|
|
10093
10099
|
render() {
|
|
10094
|
-
return (hAsync(Host, { key: '
|
|
10100
|
+
return (hAsync(Host, { key: '2597730775f043b11be36a52a9dc5d21e7ad4ef0', role: "button", tabindex: this.disableTabindex ? -1 : 0, onClick: this.handleButtonClick }, this.loading && (hAsync("nv-loader", { key: 'e39ab02bc5b8843866f2baa734d56956c5d7be18', size: this.size === ButtonSize.Large ? 'sm' : 'xs' })), hAsync("slot", { key: 'e6cc54748edc793da1654e9a9fe17a5db20c679f', name: "leading-icon" }), hAsync("slot", { key: 'c3bd505559a3646fdce310726b1d14068ce3a020' }), hAsync("slot", { key: '4459bc71ee05c8812e78539757aa427a2da4620a', name: "trailing-icon" })));
|
|
10095
10101
|
}
|
|
10096
10102
|
static get formAssociated() { return true; }
|
|
10097
10103
|
get el() { return getElement(this); }
|
|
@@ -10305,7 +10311,7 @@ class NvButtongroup {
|
|
|
10305
10311
|
/****************************************************************************/
|
|
10306
10312
|
//#region RENDER
|
|
10307
10313
|
render() {
|
|
10308
|
-
return (hAsync(Host, { key: '
|
|
10314
|
+
return (hAsync(Host, { key: 'ffaeee344623291c46930379b1efdbbccff98605' }, hAsync("slot", { key: 'e7a4ccb11d90620bcb1209b55c250f605dbc598c' })));
|
|
10309
10315
|
}
|
|
10310
10316
|
get el() { return getElement(this); }
|
|
10311
10317
|
static get watchers() { return {
|
|
@@ -11743,8 +11749,8 @@ class NvCalendar {
|
|
|
11743
11749
|
* @slot default - Child content of the component.
|
|
11744
11750
|
*/
|
|
11745
11751
|
render() {
|
|
11746
|
-
return (hAsync(Host, { key: '
|
|
11747
|
-
this.hasActions) && (hAsync("div", { key: '
|
|
11752
|
+
return (hAsync(Host, { key: '1af51da7bdecfbd87e3e9237758404442215fe0c' }, hAsync("div", { key: '8fc10fedf54c009a312ff1cf849aa920374e450b', class: "datepicker-root" }, hAsync("div", { key: 'a182580b8c53bd419995d63d3b10101a21dabe73', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, hAsync("div", { key: 'cbbbb9ca80dedd7da1c3907b950d0037254452ca', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), ((this.hasShortcuts && this.shortcutsPlacement === 'bottom') ||
|
|
11753
|
+
this.hasActions) && (hAsync("div", { key: '4f35471614e4e60bdc1ae1783383bfd674bb6714', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), hAsync("slot", { key: 'fb5a9416b0c9054f89bcecbd5a6689c1aa890e1b' })));
|
|
11748
11754
|
}
|
|
11749
11755
|
get el() { return getElement(this); }
|
|
11750
11756
|
static get watchers() { return {
|
|
@@ -11804,6 +11810,7 @@ const nvColCss = () => `nv-col{display:block;flex:1 1 0%;padding-left:calc(var(-
|
|
|
11804
11810
|
|
|
11805
11811
|
/**
|
|
11806
11812
|
* @slot default - The column content.
|
|
11813
|
+
* @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
|
|
11807
11814
|
*/
|
|
11808
11815
|
class NvCol {
|
|
11809
11816
|
constructor(hostRef) {
|
|
@@ -11827,7 +11834,7 @@ class NvCol {
|
|
|
11827
11834
|
/****************************************************************************/
|
|
11828
11835
|
//#region RENDER
|
|
11829
11836
|
render() {
|
|
11830
|
-
return (hAsync(Host, { key: '
|
|
11837
|
+
return (hAsync(Host, { key: '0ba847762f1eda2cd6448ca81056ef461d7c4c46', class: clsx(this.getColSize()) }, hAsync("slot", { key: '486335bceecc68083597e4b4bc29a14f34bc2c4a' })));
|
|
11831
11838
|
}
|
|
11832
11839
|
static get style() { return nvColCss(); }
|
|
11833
11840
|
static get cmpMeta() { return {
|
|
@@ -16335,7 +16342,7 @@ class NvDatagrid {
|
|
|
16335
16342
|
const rows = !this.table || this.table === undefined || this.parsedData.length === 0
|
|
16336
16343
|
? []
|
|
16337
16344
|
: this.table?.getRowModel()?.rows;
|
|
16338
|
-
return (hAsync(Host, { key: '
|
|
16345
|
+
return (hAsync(Host, { key: '9b03b317c777c1b562704c2a41174402ed912edc' }, hAsync("div", { key: '2870e17288993bbe4ef97c5466f748358524ddd6', class: "hidden" }, hAsync("slot", { key: 'dae9e3d0101a9172be5f6c861ac3aac9c47dbcd7' })), hAsync("slot", { key: '92595656e2a98ad396026dd190a395a2229c9b54', name: "before" }), this.enableGlobalFilter && this.table && (hAsync("div", { key: '2be1c238f90c9622667fdeb945489cc158920ed3', class: `search-container justify-${this.globalFilterPosition}` }, hAsync("nv-fieldtext", { key: 'ce5470985bc635f30ad079c92959fa3c66112fa2', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (hAsync("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (hAsync("div", null, hAsync("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (hAsync("thead", null, this.parsedColumns.length > 0 && headerGroups
|
|
16339
16346
|
? headerGroups?.map(headerGroup => (hAsync("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
|
|
16340
16347
|
return this.getHeaderCell(header);
|
|
16341
16348
|
}))))
|
|
@@ -16347,7 +16354,7 @@ class NvDatagrid {
|
|
|
16347
16354
|
})));
|
|
16348
16355
|
}))), this.table && this.enableRowSelection ? (hAsync("tfoot", null, hAsync("tr", null, hAsync("td", { colSpan: 20 }, this.enableRowSelection && this.table ? (hAsync("div", null, this.rowSelectionState &&
|
|
16349
16356
|
Object.keys(this.rowSelectionState).length > 0 ? (hAsync("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', this.table.getPreFilteredRowModel()?.rows
|
|
16350
|
-
?.length || 0, ' ', "Total Rows Selected")) : (hAsync("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), hAsync("slot", { key: '
|
|
16357
|
+
?.length || 0, ' ', "Total Rows Selected")) : (hAsync("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), hAsync("slot", { key: 'f16988b9f3aab0c2d6498eff3e631e15e6a7748e', name: "after" })));
|
|
16351
16358
|
}
|
|
16352
16359
|
get el() { return getElement(this); }
|
|
16353
16360
|
static get watchers() { return {
|
|
@@ -16438,7 +16445,7 @@ class NvDatagridcolumn {
|
|
|
16438
16445
|
/****************************************************************************/
|
|
16439
16446
|
//#region RENDER
|
|
16440
16447
|
render() {
|
|
16441
|
-
return (hAsync(Host, { key: '
|
|
16448
|
+
return (hAsync(Host, { key: 'ca9506c7e77ca7d1b0a5ceed4c0978e9f33546bf' }, hAsync("slot", { key: '6975e38f5a491a894c9c526e1d064c0451a25605', name: "header" }), hAsync("slot", { key: 'fc67eb8ce80b10167ecf6947f33268e6588aa178', name: "cell" })));
|
|
16442
16449
|
}
|
|
16443
16450
|
static get cmpMeta() { return {
|
|
16444
16451
|
"$flags$": 260,
|
|
@@ -27041,7 +27048,7 @@ class NvDatetest {
|
|
|
27041
27048
|
/****************************************************************************/
|
|
27042
27049
|
//#region RENDER
|
|
27043
27050
|
render() {
|
|
27044
|
-
return (hAsync(Host, { key: '
|
|
27051
|
+
return (hAsync(Host, { key: '025baa8afbaa2e9235e6bc78c9adc018ff745b6a' }, hAsync("label", { key: 'b8a18b978363589534b3f3fe08ef313171039a26' }, "Start:", hAsync("input", { key: '30ecb8438b981e85c15e81baadf24450c4d33afb', type: "date", value: this.value?.start ?? '', onInput: this.handleStartChange })), hAsync("label", { key: '3bdf0afbf4214d636cea2a67be40834433307f20' }, "End:", hAsync("input", { key: 'f4faecf38b6e9d0f17c53d30c49fd3c87f50a9ec', type: "date", value: this.value?.end ?? '', onInput: this.handleEndChange })), hAsync("slot", { key: '4465321ab167d723a58037e8cc3ec43085cb0a37' })));
|
|
27045
27052
|
}
|
|
27046
27053
|
static get style() { return nvDatetestCss(); }
|
|
27047
27054
|
static get cmpMeta() { return {
|
|
@@ -28022,7 +28029,7 @@ class NvDialog {
|
|
|
28022
28029
|
//#region RENDER
|
|
28023
28030
|
render() {
|
|
28024
28031
|
const hasForm = this.form || this.el.querySelector('form');
|
|
28025
|
-
return (hAsync(Host, { key: '
|
|
28032
|
+
return (hAsync(Host, { key: '851b2bdefcf90631ab162942264f0b2108053cba' }, hAsync("slot", { key: 'f488e07c5599fe4cee186d9085dc13052a917185', name: "trigger" }), hAsync("dialog", { key: 'd5a1f9af64afd02ec5ad985cea2de55385164e98', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, onPointerDown: this.handleDialogPointerDown, onClick: this.handleDialogClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx({ full: this.full }) }, hAsync("div", { key: '3566481978cdd52ed194651ec0f071b7c3023746', class: "backdrop", ref: el => (this.backdropElement = el) }, hAsync("div", { key: 'df01c082574f1a5c3dc75523c11793670a6c6e5f', class: "content", ref: el => (this.contentElement = el) }, !this.undismissable && (hAsync("nv-button", { key: '8c3acd5d9eb235dec637c365f7a8756ff22f81dd', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDialogClose, "aria-label": "Close dialog" }, hAsync("nv-icon", { key: '6239295e8eb09d270e4b6f7404a3287072f40cfa', name: "x", size: "sm" }))), this.headerElement ? (hAsync("slot", { name: "header" })) : (hAsync("nv-dialogheader", { id: "dialog-header" })), hAsync("div", { key: 'b74e5123776b75fcb599f6606361f00621514d09', class: "content-body", id: "dialog-content" }, hAsync("slot", { key: 'aa037132057d2b78b736624d2e82978c40214aed' })), this.footerElement ? (hAsync("slot", { name: "footer" })) : (hAsync("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDialogCanceled: this.handleDialogClose, undismissable: this.undismissable })))))));
|
|
28026
28033
|
}
|
|
28027
28034
|
get el() { return getElement(this); }
|
|
28028
28035
|
static get watchers() { return {
|
|
@@ -28082,12 +28089,14 @@ class NvDialogfooter {
|
|
|
28082
28089
|
this.undismissable = false;
|
|
28083
28090
|
/**
|
|
28084
28091
|
* Sets the leading icon for the primary button.
|
|
28092
|
+
* @icon
|
|
28085
28093
|
*/
|
|
28086
|
-
this.leadingIcon =
|
|
28094
|
+
this.leadingIcon = null;
|
|
28087
28095
|
/**
|
|
28088
28096
|
* Sets the trailing icon for the primary button.
|
|
28097
|
+
* @icon
|
|
28089
28098
|
*/
|
|
28090
|
-
this.trailingIcon =
|
|
28099
|
+
this.trailingIcon = null;
|
|
28091
28100
|
/**
|
|
28092
28101
|
* Sets the danger state for the primary button.
|
|
28093
28102
|
*/
|
|
@@ -28135,7 +28144,7 @@ class NvDialogfooter {
|
|
|
28135
28144
|
/****************************************************************************/
|
|
28136
28145
|
//#region RENDER
|
|
28137
28146
|
render() {
|
|
28138
|
-
return (hAsync(Host, { key: '
|
|
28147
|
+
return (hAsync(Host, { key: '91320615714b06f288269640d99c0ad9b29378f0' }, hAsync("slot", { key: '25151b6b74591d31c234b5450d27ab31fb240017' }, hAsync(Fragment, { key: '6b5bee68bf0d9fbdcc9f3396e8ce122ff27480eb' }, !this.undismissable && (hAsync("nv-button", { key: '20660e41e817edf9da27565231809e85b1b17179', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), hAsync("nv-button", { key: 'baeb2e7267838396ad930653823b86d8265fddc4', ref: el => (this.primaryButtonRef = el), onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (hAsync("nv-icon", { key: 'dde4eb5fa927e504b0734de1c8ef3d7e0a75ef96', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (hAsync("nv-icon", { key: '195de12b4b25e3de011d7d4509672d686c21025e', slot: "trailing-icon", name: this.trailingIcon, size: "sm" })))))));
|
|
28139
28148
|
}
|
|
28140
28149
|
static get formAssociated() { return true; }
|
|
28141
28150
|
get el() { return getElement(this); }
|
|
@@ -28179,7 +28188,7 @@ class NvDialogheader {
|
|
|
28179
28188
|
/****************************************************************************/
|
|
28180
28189
|
//#region RENDER
|
|
28181
28190
|
render() {
|
|
28182
|
-
return (hAsync(Host, { key: '
|
|
28191
|
+
return (hAsync(Host, { key: '89253c9dc392f224ab392420529ec66aaae037fb' }, hAsync("slot", { key: '2d8509cf0b19a184016e3095583a2b7046dbc86f' }, hAsync(Fragment, { key: 'cb3edda2f9e3041a5656c4634d663144fe9e3093' }, hAsync("div", { key: 'cad9bbe95828596467c5f48f3765bee4bf9a7ccb', class: "heading" }, this.heading), hAsync("div", { key: '5e3e1d45e1d1d17a80f50d883b5d89605a250db3', class: "subheading" }, this.subheading)))));
|
|
28183
28192
|
}
|
|
28184
28193
|
get el() { return getElement(this); }
|
|
28185
28194
|
static get style() { return nvDialogheaderCss(); }
|
|
@@ -28619,7 +28628,7 @@ class NvDrawer {
|
|
|
28619
28628
|
render() {
|
|
28620
28629
|
const hasForm = this.form || this.el.querySelector('form');
|
|
28621
28630
|
const state = this.open ? 'open' : 'closed';
|
|
28622
|
-
return (hAsync(Host, { key: '
|
|
28631
|
+
return (hAsync(Host, { key: 'aada34b34ad78467aed1a5aa494bd573b8c3023c' }, hAsync("slot", { key: 'fe01a0da104aa434f193a16e102880566b283531', name: "trigger" }), hAsync("dialog", { key: '7db46371372809e4434d93675926cecfb2f90b74', ref: el => (this.dialogElement = el), onClose: this.handleDrawerClose, onClick: this.handleDrawerClick, role: "dialog", "aria-modal": "true", "aria-labelledby": "drawer-header", "aria-describedby": "drawer-content", class: clsx({ [`side-${this.side}`]: true }), "data-state": state }, hAsync("div", { key: '1bd258e560667dc30474c3f30e376e9c6058e104', class: "backdrop", ref: el => (this.backdropElement = el) }, hAsync("div", { key: 'bd3d78bc975a15d9bd03ffd764e4c9831a982c3a', class: clsx('content', `size-${this.size}`), ref: el => (this.contentElement = el), "data-state": state, "data-side": this.side, style: this.width ? { width: this.width } : {} }, !this.undismissable && (hAsync("nv-button", { key: '44dc185a2180b6371a822bdae3c2498e9228356d', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleDrawerClose, "aria-label": "Close drawer" }, hAsync("nv-icon", { key: '9892aded6c0540f08785ff93cda21966420564bd', name: "x", size: "sm" }))), this.headerElement ? (hAsync("slot", { name: "header" })) : (hAsync("nv-drawerheader", { id: "drawer-header" })), hAsync("div", { key: 'f99756243748abee798cf6dca389dfb350980b98', class: "content-body", id: "drawer-content" }, hAsync("slot", { key: 'fdd5e1c648dd1bc88429e9b3f1d01d94577042f5' })), this.footerElement ? (hAsync("slot", { name: "footer" })) : (hAsync("nv-drawerfooter", { form: this.form, primaryButtonType: hasForm ? ButtonType.Submit : ButtonType.Button, onDrawerCanceled: this.handleDrawerClose, undismissable: this.undismissable })))))));
|
|
28623
28632
|
}
|
|
28624
28633
|
get el() { return getElement(this); }
|
|
28625
28634
|
static get watchers() { return {
|
|
@@ -28680,10 +28689,12 @@ class NvDrawerfooter {
|
|
|
28680
28689
|
this.undismissable = false;
|
|
28681
28690
|
/**
|
|
28682
28691
|
* Sets the leading icon for the primary button.
|
|
28692
|
+
* @icon
|
|
28683
28693
|
*/
|
|
28684
28694
|
this.leadingIcon = null;
|
|
28685
28695
|
/**
|
|
28686
28696
|
* Sets the trailing icon for the primary button.
|
|
28697
|
+
* @icon
|
|
28687
28698
|
*/
|
|
28688
28699
|
this.trailingIcon = null;
|
|
28689
28700
|
/**
|
|
@@ -28738,7 +28749,7 @@ class NvDrawerfooter {
|
|
|
28738
28749
|
/****************************************************************************/
|
|
28739
28750
|
//#region RENDER
|
|
28740
28751
|
render() {
|
|
28741
|
-
return (hAsync(Host, { key: '
|
|
28752
|
+
return (hAsync(Host, { key: '2ade4dcb3320ee8c514733ec13ba426b3ac4aaf5' }, hAsync("slot", { key: '8fb3bcd6539645049053168f079f44e213b54877' }, hAsync(Fragment, { key: 'f6a2466e843703f36d347e5863e714a147f8bc9b' }, !this.undismissable && (hAsync("nv-button", { key: '7d4bbfc76ffd9164f02fde26a10d7261ff239d23', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), hAsync("nv-button", { key: 'a05c968d24da7c3fe320dfb74d0a88d4d6fa9f3b', ref: el => (this.primaryButtonRef = el), onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (hAsync("nv-icon", { key: 'a352b063ac4ca57fef730182462dea3c73d8203d', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (hAsync("nv-icon", { key: 'bf249ca468d0e382723a28a3bbc730ed9c6defea', slot: "trailing-icon", name: this.trailingIcon, size: "sm" })))))));
|
|
28742
28753
|
}
|
|
28743
28754
|
static get formAssociated() { return true; }
|
|
28744
28755
|
get el() { return getElement(this); }
|
|
@@ -28786,7 +28797,7 @@ class NvDrawerheader {
|
|
|
28786
28797
|
/****************************************************************************/
|
|
28787
28798
|
//#region RENDER
|
|
28788
28799
|
render() {
|
|
28789
|
-
return (hAsync(Host, { key: '
|
|
28800
|
+
return (hAsync(Host, { key: 'a16aa0062df9ec7e2ddf452c5576575f14cdbb0b' }, hAsync("slot", { key: '10d3c3d716e5c9f1c12c9e93d16bbfd30c8091dd' }, hAsync(Fragment, { key: '2c4c2355b6974083fff08adf6291c33f1bf2a918' }, hAsync("div", { key: '380dd38b59960f9f252e05c98496bf51b7a70f94', class: "heading" }, this.heading), hAsync("div", { key: 'fb0565032b9988752837b25a9344be9c3f0957fe', class: "subheading" }, this.subheading)))));
|
|
28790
28801
|
}
|
|
28791
28802
|
get el() { return getElement(this); }
|
|
28792
28803
|
static get style() { return nvDrawerheaderCss(); }
|
|
@@ -28961,15 +28972,15 @@ class NvFieldcheckbox {
|
|
|
28961
28972
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
28962
28973
|
: undefined;
|
|
28963
28974
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
28964
|
-
return (hAsync(Host, { key: '
|
|
28975
|
+
return (hAsync(Host, { key: 'cf30010511c7bdc27cb609f2a8ce939587c2464a', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, hAsync("div", { key: '0cc70966eac1bb25c3d74f8cacdc0bb7f1f4a67f', class: "input-container" }, hAsync("input", { key: '7ecb777e9a6ee8b4ec0dba7ba544d645e2d7151e', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !useNativeRequired, required: useNativeRequired ? this.required : undefined, tabindex: this.el.tabIndex, ...(ariaRequiredValue !== undefined && {
|
|
28965
28976
|
'aria-required': String(ariaRequiredValue),
|
|
28966
28977
|
}), indeterminate: this.indeterminate, ref: el => {
|
|
28967
28978
|
if (el) {
|
|
28968
28979
|
el.indeterminate = this.indeterminate;
|
|
28969
28980
|
}
|
|
28970
|
-
} }), hAsync("span", { key: '
|
|
28971
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
28972
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
28981
|
+
} }), hAsync("span", { key: 'b59ba654a3955d6620d70148522dce20be9599c5', class: "icon" }, this.checked && !this.indeterminate && (hAsync("slot", { key: '275628f6c03bf7ee640d5732556e22912ce4fe0d', name: "checked-icon" }, hAsync("svg", { key: 'd2c8d55cdef913b32e34955bd82cd78d4af15afd', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, hAsync("path", { key: '0c43dea52342adf873b83d6e9d801b477cb383be', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (hAsync("slot", { key: 'a31a5276a5b950cfc7f4e66f560c6568118ef7d9', name: "indeterminate-icon" }, hAsync("svg", { key: 'af5cec22670fb50c45c03cd2ac127fc2584293af', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, hAsync("path", { key: '8d78986ffb6be73c3cc81adb77fe5ff7948fe263', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), hAsync("slot", { key: '1e240e12effef23f8f3d78eabaa7828a7cbb80a2' }), hAsync("div", { key: 'd33b034460a714a67a7f403c26f3e87ff2c68138', class: "text-container" }, hAsync("slot", { key: '05902b1b4af52b5f9c5139e5313fb4a93be7271b', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '41914073c3c0341dfb71ef0ceaaf6640930b0fb7', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, hAsync("slot", { key: 'bc59332c91966fdc3943fe426dca3cadc33d28d4', name: "label" }, this.label))), (this.description ||
|
|
28982
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '24f02b9d567ca21ddbbb4081835397c0a902b9f6', class: "description" }, hAsync("slot", { key: '8b720bd362a70edde6ff1a8e886084364fff8559', name: "description" }, this.description)))), (this.errorDescription ||
|
|
28983
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '7b969200e549177205d23aa8841b9c301d617ed1', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '103cb6bafca0867bf36b87dce97e9bf6cb29a1b8', name: "error-description" }, this.errorDescription))))));
|
|
28973
28984
|
}
|
|
28974
28985
|
static get formAssociated() { return true; }
|
|
28975
28986
|
get el() { return getElement(this); }
|
|
@@ -32762,7 +32773,7 @@ function requireInputmask () {
|
|
|
32762
32773
|
var inputmaskExports = requireInputmask();
|
|
32763
32774
|
var Inputmask = /*@__PURE__*/getDefaultExportFromCjs(inputmaskExports);
|
|
32764
32775
|
|
|
32765
|
-
const nvFielddateCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddate{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddate[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddate[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddate[required]:not([required=false]) label::after,nv-fielddate[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddate .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container input{}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container input{font-feature-settings:"tnum";font-family:"TTNorms Pro Mono", monospace}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}`;
|
|
32776
|
+
const nvFielddateCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddate{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddate[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddate[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddate[required]:not([required=false]) label::after,nv-fielddate[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddate .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container input{}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container input{font-feature-settings:"tnum";font-family:"TTNorms Pro Mono", monospace}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddate .error-description[hidden]{display:none}`;
|
|
32766
32777
|
|
|
32767
32778
|
/**
|
|
32768
32779
|
* A field date component that combines an input with a calendar popover.
|
|
@@ -33169,15 +33180,15 @@ class NvFielddate {
|
|
|
33169
33180
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
33170
33181
|
: undefined;
|
|
33171
33182
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
33172
|
-
return (hAsync(Host, { key: '
|
|
33173
|
-
this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '
|
|
33183
|
+
return (hAsync(Host, { key: '8a52688bd6a8739256310a59a7e78f6ac80598f2' }, ((this.label && this.label.length > 0) ||
|
|
33184
|
+
this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '467bba7d225fe472f832226e39c03f2ccb32ce09', htmlFor: this.inputId }, hAsync("slot", { key: 'c372e4c061d7708c10c66beb663dcc1acd6749c4', name: "label" }, this.label))), hAsync("nv-popover", { key: '6019c2d41926414f7cb22d9c468c9102d376a192', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, hAsync("div", { key: '468aca7a419ee74bc06a33b6db1828d9f4d879d7', slot: "trigger", class: "input-wrapper" }, hAsync("slot", { key: '7719e96c033ce988c2eb2a140933d41f6e0274f1', name: "before-input" }), hAsync("div", { key: 'c9280aa0e17cbc7b11cfdf15523c2c02d7e21d7b', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: '52a01c9fc92bf40435faf13b0492aab64d585adf', name: "leading-input" }), hAsync("input", { key: '98701b6adb0eb857ed2411a96402874b41485055', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
|
|
33174
33185
|
this.convertToInputmaskFormat(this.dateFormat), name: this.name, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
33175
33186
|
'aria-required': String(ariaRequiredValue),
|
|
33176
|
-
}), autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (hAsync("nv-icon", { key: '
|
|
33187
|
+
}), autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (hAsync("nv-icon", { key: 'ce78e8ecefe12547f34304229201e4a2f7b313d6', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: '512a15dca24742c33005e9beab9a4bafcd5c473e', name: "circle-check", class: "validation", size: "md" })), hAsync("nv-iconbutton", { key: '4ed638a61d62ce44b94effb942f3eab98d37c871', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
|
|
33177
33188
|
,
|
|
33178
|
-
size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), hAsync("slot", { key: '
|
|
33179
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
33180
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
33189
|
+
size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), hAsync("slot", { key: '0cb23a55e9d8ac474f1c479d41ea95563cbe7a74', name: "after-input" })), hAsync("div", { key: '62dfe1673077745f6cc90eb74d56ce00d11efa42', slot: "content" }, hAsync("nv-calendar", { key: '033ad7d2c066741fb2178538da8b286c303b3f0f', onSingleDateChange: this.handleSingleDateChange.bind(this), dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
|
|
33190
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'de333761b2cf725bbad48263c9b2f3b43d35e25d', class: "description" }, hAsync("slot", { key: '9d10b90345e035fbf7b5cd1e8698f14560e704d5', name: "description" }, this.description))), (this.errorDescription ||
|
|
33191
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '41ffe913883404441173d962461c5af824e4e27b', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (hAsync("slot", { name: "error-description" })) : (this.errorDescription))), hAsync("slot", { key: '0fb13823bd0fe37d1a1040cc1d6ef0b54982fa4c' })));
|
|
33181
33192
|
}
|
|
33182
33193
|
get el() { return getElement(this); }
|
|
33183
33194
|
static get watchers() { return {
|
|
@@ -33229,7 +33240,7 @@ class NvFielddate {
|
|
|
33229
33240
|
}; }
|
|
33230
33241
|
}
|
|
33231
33242
|
|
|
33232
|
-
const nvFielddaterangeCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddaterange{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddaterange[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddaterange[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddaterange[required]:not([required=false]) label::after,nv-fielddaterange[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddaterange label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto;z-index:2}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddaterange .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{box-shadow:none;border-color:var(--nv-field-border-default)}nv-fielddaterange .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddaterange .input-wrapper .input-container input{}nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddaterange .input-wrapper .input-container input{width:100%}nv-fielddaterange .input-wrapper .input-container input:focus-within,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover,nv-fielddaterange .input-wrapper .input-container input:focus,nv-fielddaterange .input-wrapper .input-container input:focus:hover{outline:var(--focus-outline-stroke) solid var(--nv-field-border-focus);outline-offset:0px}nv-fielddaterange .input-wrapper .input-container input:focus-within~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus:hover~.range-separator{background-color:transparent}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddaterange .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:0;width:100%}nv-fielddaterange .range-inputs:focus-within{z-index:1}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}nv-fielddaterange .range-inputs .range-separator{width:1px;height:1.5rem;background-color:var(--color-content-medium-border)}`;
|
|
33243
|
+
const nvFielddaterangeCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddaterange{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddaterange[fluid]:not([fluid=false]){max-width:unset}nv-fielddaterange[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddaterange[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddaterange[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddaterange[required]:not([required=false]) label::after,nv-fielddaterange[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddaterange label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto;z-index:2}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddaterange .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddaterange .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .input-wrapper .input-container:focus:hover{box-shadow:none;border-color:var(--nv-field-border-default)}nv-fielddaterange .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddaterange .input-wrapper .input-container input{}nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddaterange .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddaterange .input-wrapper .input-container input{width:100%}nv-fielddaterange .input-wrapper .input-container input:focus-within,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover,nv-fielddaterange .input-wrapper .input-container input:focus,nv-fielddaterange .input-wrapper .input-container input:focus:hover{outline:var(--focus-outline-stroke) solid var(--nv-field-border-focus);outline-offset:0px}nv-fielddaterange .input-wrapper .input-container input:focus-within~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus-within:hover~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus~.range-separator,nv-fielddaterange .input-wrapper .input-container input:focus:hover~.range-separator{background-color:transparent}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddaterange .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddaterange .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddaterange .error-description[hidden]{display:none}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:0;width:100%}nv-fielddaterange .range-inputs:focus-within{z-index:1}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}nv-fielddaterange .range-inputs .range-separator{width:1px;height:1.5rem;background-color:var(--color-content-medium-border)}`;
|
|
33233
33244
|
|
|
33234
33245
|
/**
|
|
33235
33246
|
* @slot default - Child content of the component.
|
|
@@ -33791,16 +33802,16 @@ class NvFielddaterange {
|
|
|
33791
33802
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
33792
33803
|
: undefined;
|
|
33793
33804
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
33794
|
-
return (hAsync(Host, { key: '
|
|
33795
|
-
this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '
|
|
33805
|
+
return (hAsync(Host, { key: '72eedbcf2b8150af17a0e13a86c64052b549df4f' }, ((this.label && this.label.length > 0) ||
|
|
33806
|
+
this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '2d507287369342d26069438f814d2247f69a6eeb', htmlFor: this.startInputId }, hAsync("slot", { key: 'f71c2562185885caaf171cdcc0d1a45a5a7c96bc', name: "label" }, this.label))), hAsync("nv-popover", { key: '347378adcbad2af070de86932df99ea76a4f90d8', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, hAsync("div", { key: '999dd22805ca2b00fa6199361eccd72017aa99a9', slot: "trigger", class: "input-wrapper" }, hAsync("slot", { key: 'ef74ae9271a4f27361fe4f86c721e53f5e4db338', name: "before-input" }), hAsync("div", { key: '902ee11f0a85ce865de1b79f1e16e24f23acc696', class: "input-container" }, hAsync("slot", { key: '353d326f48cf52c804216c5a4d693ad15c756eda', name: "leading-input" }), hAsync("div", { key: 'f573a6474e1ffb54eac8dcff4b4ce809a72106b2', class: "range-inputs" }, hAsync("input", { key: '0f68addf68a4bd26d9376b4cad6473330c463b1d', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
|
|
33796
33807
|
this.convertToInputmaskFormat(this.dateFormat), name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
33797
33808
|
'aria-required': String(ariaRequiredValue),
|
|
33798
|
-
}), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), hAsync("div", { key: '
|
|
33809
|
+
}), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), hAsync("div", { key: '7c4dea3b2844f542d09c5343890a057a198b8959', class: "range-separator" }), hAsync("input", { key: 'e865a043d22ae844705c398bc989d76f03ba134b', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
|
|
33799
33810
|
this.convertToInputmaskFormat(this.dateFormat), name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
33800
33811
|
'aria-required': String(ariaRequiredValue),
|
|
33801
|
-
}), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (hAsync("nv-icon", { key: '
|
|
33802
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
33803
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
33812
|
+
}), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (hAsync("nv-icon", { key: '2487913e0ca5887989d59ecf36b54597d825f519', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: '16fd2d6a50045042e92327c73af572e0569f5538', name: "circle-check", class: "validation", size: "md" })), hAsync("nv-iconbutton", { key: 'e1e8024fd38d402e774d33ea46e81217680e81f1', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), hAsync("slot", { key: 'fb7bb98c40a92294cb8dae80b2148ac21c032389', name: "after-input" })), hAsync("div", { key: '93537a1973acddbec91a051fd75d59da68851e0f', slot: "content" }, hAsync("nv-calendar", { key: 'abbf6ec3e5934fe4e8d0e5bab097633b5dca1f13', ref: el => (this.calendarElement = el), onRangeDateChange: this.handleRangeDateChange.bind(this), onValueChanged: this.handleCalendarValueChanged.bind(this), onSingleDateChange: this.handleCancelDateChange.bind(this), dateFormat: this.dateFormat, value: this.value, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
|
|
33813
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '4783e7960e12b88d183f72b63e8f96d4d71b1a49', class: "description" }, hAsync("slot", { key: '2f33e315d94e9fadb05d2d83b6291a93815f3b04', name: "description" }, this.description))), (this.errorDescription ||
|
|
33814
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '4acabd61332b519bd969feea19736a5dd9664f9d', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (hAsync("slot", { name: "error-description" })) : (this.errorDescription))), hAsync("slot", { key: '6fe455b36e2ae0288a1d202057414da2450fc8ca' })));
|
|
33804
33815
|
}
|
|
33805
33816
|
get el() { return getElement(this); }
|
|
33806
33817
|
static get watchers() { return {
|
|
@@ -36337,7 +36348,7 @@ function formatTruncatedResults(template, shown, total) {
|
|
|
36337
36348
|
.replace(/{total}/g, String(total));
|
|
36338
36349
|
}
|
|
36339
36350
|
|
|
36340
|
-
const nvFielddropdownCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddropdown{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddropdown[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddropdown[required]:not([required=false]) label::after,nv-fielddropdown[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container{position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container p.non-filterable-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .input-container p.non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}`;
|
|
36351
|
+
const nvFielddropdownCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddropdown{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddropdown[fluid]:not([fluid=false]){max-width:unset}nv-fielddropdown[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddropdown[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddropdown[required]:not([required=false]) label::after,nv-fielddropdown[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddropdown[hidden]:not([hidden=false]) label{display:none}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fielddropdown nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fielddropdown nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within,nv-fielddropdown .input-container:focus-within:hover,nv-fielddropdown .input-container:focus,nv-fielddropdown .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container{position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container input[type=search]::-webkit-search-decoration,nv-fielddropdown .input-container input[type=search]::-webkit-search-cancel-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-button,nv-fielddropdown .input-container input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{}nv-fielddropdown .input-container input[type=password]::-ms-clear,nv-fielddropdown .input-container input[type=password]::-ms-reveal,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-clear,nv-fielddropdown .input-container p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddropdown .input-container p.non-filterable-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .input-container p.non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddropdown .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddropdown .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddropdown .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddropdown .error-description[hidden]{display:none}`;
|
|
36341
36352
|
|
|
36342
36353
|
/**
|
|
36343
36354
|
* @slot content - Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside.
|
|
@@ -36994,11 +37005,11 @@ class NvFielddropdown {
|
|
|
36994
37005
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
36995
37006
|
: undefined;
|
|
36996
37007
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
36997
|
-
return (hAsync(Host, { key: '
|
|
37008
|
+
return (hAsync(Host, { key: 'a0a129aeee7140680b618e20e0ba2557835d3aee', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'e84b1cb668cc910b8fe4f81a4939eb6109829983', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, hAsync("slot", { key: 'b1e59b97c865e87559f7bad61019a05184d27623', name: "label" }, this.label))), hAsync("nv-popover", { key: '31e5b57856dfb48b5c6f212f0f29a95b05eefe06', triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: e => this.openChanged.emit(e.detail) }, hAsync("div", { key: 'b828839bf1b2c957afee3aaa1a9c9faf34c15bce', class: "input-wrapper", slot: "trigger" }, hAsync("slot", { key: 'a0d2cc5c6806ed2694310b2e20fa5d4d218194e1', name: "before-input" }), hAsync("div", { key: '812cbc43ba84748db9cbc49eb0f0c22995ac0285', class: "input-container" }, hAsync("slot", { key: '0e79dfcd550c09a9cf45ed9cdae36e15a72be285', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (hAsync("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
36998
37009
|
'aria-required': String(ariaRequiredValue),
|
|
36999
|
-
}), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (hAsync("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (hAsync("nv-iconbutton", { key: '
|
|
37000
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
37001
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
37010
|
+
}), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (hAsync("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (hAsync("nv-iconbutton", { key: 'd84df53cffb3eb54d8263f8b83ea325e1806d036', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (hAsync("nv-icon", { key: 'aa47af71684d1143d49acea9f652a75af721ea42', name: "alert-circle", class: "validation", size: "md" })), hAsync("nv-iconbutton", { key: 'b3b4f616bfa69a0ec169d38bc4a5997a25bb752a', "data-scope": "toggle-dropdown", ref: el => (this.toggleElement = el), name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', onClick: this.syncToggleDropdown.bind(this), tabIndex: this.disabled ? -1 : 0 })), hAsync("slot", { key: '1186748c136a4738a40bedbd9d4e55ce34d43600', name: "after-input" })), hAsync("div", { key: 'af5fd84039c5a319b0301e41d42eca46ec599a6d', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, this.options?.length > 0 && (hAsync("ul", { key: 'b28fae6234d2b5a6d5a350fc91070f2a59c19939' }, this.options.map(option => (hAsync("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), hAsync("slot", { key: '1036fac674f016670b916c09f7892d1600c3998a', name: "content" }))), (this.description ||
|
|
37011
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'a047c7a480de216be1c83f84e7f52220cc174cc6', class: "description" }, hAsync("slot", { key: '01a54b2fd7f5086c7c7247d5b11628e3012d63dd', name: "description" }, this.description))), (this.errorDescription ||
|
|
37012
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '4cff548c666ea082738bd7f66878c564126dc60c', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '553170d5254e4841d91eee119756a5466663c5c0', name: "error-description" }, this.errorDescription)))));
|
|
37002
37013
|
}
|
|
37003
37014
|
static get formAssociated() { return true; }
|
|
37004
37015
|
get el() { return getElement(this); }
|
|
@@ -37120,7 +37131,7 @@ class NvFielddropdownitem {
|
|
|
37120
37131
|
/****************************************************************************/
|
|
37121
37132
|
//#region RENDER
|
|
37122
37133
|
render() {
|
|
37123
|
-
return (hAsync(Host, { key: '
|
|
37134
|
+
return (hAsync(Host, { key: '9931decf5664d77d8c164859bc4046ca313e13a9', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, hAsync("slot", { key: '21c6457187f8d5d561e2783b212d5230e85a8f8c' }, hAsync("div", { key: '751615833fcb1d200abd526d9c80822d7bda30b4', class: "text-wrapper" }, hAsync("span", { key: '67a7bcb31cdf32eee18e419e85f28b53b74a4f82', "data-scope": "text" }, this.label))), this.selected && (hAsync("nv-icon", { key: '09b1b6f5366f89ca8d03fe51738c627b899bb454', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
|
|
37124
37135
|
}
|
|
37125
37136
|
get el() { return getElement(this); }
|
|
37126
37137
|
static get style() { return nvFielddropdownitemCss(); }
|
|
@@ -37140,7 +37151,7 @@ class NvFielddropdownitem {
|
|
|
37140
37151
|
}; }
|
|
37141
37152
|
}
|
|
37142
37153
|
|
|
37143
|
-
const nvFielddropdownitemcheckCss = () => `nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}`;
|
|
37154
|
+
const nvFielddropdownitemcheckCss = () => `nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck:hover,nv-fielddropdownitemcheck[data-state=highlighted]{background-color:var(--components-list-dropdown-item-background-hover)}`;
|
|
37144
37155
|
|
|
37145
37156
|
/**
|
|
37146
37157
|
* @slot default - Next to the label and description.
|
|
@@ -37197,7 +37208,7 @@ class NvFielddropdownitemcheck {
|
|
|
37197
37208
|
/****************************************************************************/
|
|
37198
37209
|
//#region RENDER
|
|
37199
37210
|
render() {
|
|
37200
|
-
return (hAsync(Host, { key: '
|
|
37211
|
+
return (hAsync(Host, { key: '1b9fc39245d08ca942588b04db9b4f079c459386', onClick: this.handleClick }, hAsync("nv-fieldcheckbox", { key: 'cea008ab80777d31bef8a1877c27c62cec13d84d', checked: this.checked, name: this.label || this.value, label: this.label || this.value, labelPlacement: "after", description: this.description, disabled: this.disabled, tabindex: "-1", onCheckedChanged: this.onFieldcheckboxChanged }, hAsync("slot", { key: 'b34dc2b2882ec6f9488e815d99981fe3b34fb52e' }), hAsync("slot", { key: '27490556f5bd70a84b452da828cab5cf6fd9e3e1', name: "main" }), hAsync("slot", { key: '9677f8b7ad71c247771e139fc5ad3c5536cba4d7', name: "label" }), hAsync("slot", { key: '500f11369105c426b3f566b2ea40f2e858fde1cf', name: "description" }))));
|
|
37201
37212
|
}
|
|
37202
37213
|
get el() { return getElement(this); }
|
|
37203
37214
|
static get style() { return nvFielddropdownitemcheckCss(); }
|
|
@@ -37218,7 +37229,7 @@ class NvFielddropdownitemcheck {
|
|
|
37218
37229
|
}; }
|
|
37219
37230
|
}
|
|
37220
37231
|
|
|
37221
|
-
const nvFieldmultiselectCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldmultiselect[required]:not([required=false]) label::after,nv-fieldmultiselect[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldmultiselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect{position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}.no-results-message{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}`;
|
|
37232
|
+
const nvFieldmultiselectCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldmultiselect[required]:not([required=false])>label::after,nv-fieldmultiselect[aria-required=true]>label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldmultiselect>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fieldmultiselect nv-popover div[slot=content] ul[role=listbox]{display:flex;flex-direction:column}nv-fieldmultiselect nv-popover div[slot=content] ul[role=listbox]>*:not(nv-fielddropdownitemcheck):not(hr.multiselect-divider){order:40}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect{position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldmultiselect .error-description[hidden]{display:none}.no-results-message{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0;flex-shrink:0}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}`;
|
|
37222
37233
|
|
|
37223
37234
|
/**
|
|
37224
37235
|
* @slot content - The content of the list.
|
|
@@ -37462,23 +37473,6 @@ class NvFieldmultiselect {
|
|
|
37462
37473
|
this.resetFilter();
|
|
37463
37474
|
this.hasFilterResults = true;
|
|
37464
37475
|
};
|
|
37465
|
-
/**
|
|
37466
|
-
* Handle input blur for options mode.
|
|
37467
|
-
*/
|
|
37468
|
-
this.handleInputBlurOptions = () => {
|
|
37469
|
-
setTimeout(() => {
|
|
37470
|
-
if (this.preventBlurClose) {
|
|
37471
|
-
this.preventBlurClose = false;
|
|
37472
|
-
return; // Don't close the popover
|
|
37473
|
-
}
|
|
37474
|
-
if (!this.el.contains(document.activeElement)) {
|
|
37475
|
-
this.open = false; // Close the popover on blur
|
|
37476
|
-
if (this.filterable) {
|
|
37477
|
-
this.clearFilterText(); // Clear filter text on blur
|
|
37478
|
-
}
|
|
37479
|
-
}
|
|
37480
|
-
}, 150);
|
|
37481
|
-
};
|
|
37482
37476
|
/**
|
|
37483
37477
|
* Handle click on the input container for options mode.
|
|
37484
37478
|
* @param {MouseEvent} event - The click event.
|
|
@@ -37582,23 +37576,6 @@ class NvFieldmultiselect {
|
|
|
37582
37576
|
}
|
|
37583
37577
|
this.open = true;
|
|
37584
37578
|
};
|
|
37585
|
-
/**
|
|
37586
|
-
* Handle input blur for slots mode.
|
|
37587
|
-
*/
|
|
37588
|
-
this.handleInputBlurSlots = () => {
|
|
37589
|
-
setTimeout(() => {
|
|
37590
|
-
if (this.preventBlurClose) {
|
|
37591
|
-
this.preventBlurClose = false;
|
|
37592
|
-
return; // Don't close the popover
|
|
37593
|
-
}
|
|
37594
|
-
if (!this.el.contains(document.activeElement)) {
|
|
37595
|
-
this.open = false; // Close the popover on blur
|
|
37596
|
-
if (this.filterable) {
|
|
37597
|
-
this.clearFilterText(); // Clear filter text on blur
|
|
37598
|
-
}
|
|
37599
|
-
}
|
|
37600
|
-
}, 150);
|
|
37601
|
-
};
|
|
37602
37579
|
/**
|
|
37603
37580
|
* Toggle the multiselect popover for options mode.
|
|
37604
37581
|
*/
|
|
@@ -37723,6 +37700,17 @@ class NvFieldmultiselect {
|
|
|
37723
37700
|
};
|
|
37724
37701
|
this.handleMouseDownPreventBlur = () => {
|
|
37725
37702
|
this.preventBlurClose = true;
|
|
37703
|
+
// Scope the flag to the immediate click cycle only. Synchronous focus
|
|
37704
|
+
// events fired during this click (mousedown → focusout → mouseup → click)
|
|
37705
|
+
// run before the next macrotask, so any focusout that *should* be
|
|
37706
|
+
// suppressed will already have consumed the flag by the time this clears.
|
|
37707
|
+
// Without this cleanup, a click on a non-focus-taking target (e.g. the
|
|
37708
|
+
// chevron when nothing inside the host had focus, or the tabindex="-1"
|
|
37709
|
+
// clear-filter button) leaves the flag set and the user's next Tab-out
|
|
37710
|
+
// gets silently swallowed instead of closing the popover.
|
|
37711
|
+
setTimeout(() => {
|
|
37712
|
+
this.preventBlurClose = false;
|
|
37713
|
+
}, 0);
|
|
37726
37714
|
};
|
|
37727
37715
|
//#endregion METHODS
|
|
37728
37716
|
/****************************************************************************/
|
|
@@ -37737,7 +37725,7 @@ class NvFieldmultiselect {
|
|
|
37737
37725
|
: undefined, ...(this.getRequiredAttributes().ariaRequiredValue !==
|
|
37738
37726
|
undefined && {
|
|
37739
37727
|
'aria-required': String(this.getRequiredAttributes().ariaRequiredValue),
|
|
37740
|
-
}), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions,
|
|
37728
|
+
}), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputOptions, onFocus: this.handleInputFocusOptions, onKeyDown: this.handleKeyDown, "data-scope": "focusable", "aria-label": this.label, "aria-controls": `${this.inputId}-listbox` })) : (hAsync(Fragment, null, hAsync("input", { id: this.inputId, type: "text", style: {
|
|
37741
37729
|
position: 'absolute',
|
|
37742
37730
|
opacity: '0',
|
|
37743
37731
|
width: '0',
|
|
@@ -37758,7 +37746,7 @@ class NvFieldmultiselect {
|
|
|
37758
37746
|
: undefined, ...(this.getRequiredAttributes().ariaRequiredValue !==
|
|
37759
37747
|
undefined && {
|
|
37760
37748
|
'aria-required': String(this.getRequiredAttributes().ariaRequiredValue),
|
|
37761
|
-
}), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputSlots, onFocus: this.handleInputFocusSlots,
|
|
37749
|
+
}), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInputSlots, onFocus: this.handleInputFocusSlots, onKeyDown: this.handleKeyDown, "data-scope": "focusable", "aria-label": this.label, "aria-controls": `${this.inputId}-listbox` })) : (hAsync(Fragment, null, hAsync("input", { id: this.inputId, type: "text", style: {
|
|
37762
37750
|
position: 'absolute',
|
|
37763
37751
|
opacity: '0',
|
|
37764
37752
|
width: '0',
|
|
@@ -37873,6 +37861,31 @@ class NvFieldmultiselect {
|
|
|
37873
37861
|
});
|
|
37874
37862
|
}
|
|
37875
37863
|
}
|
|
37864
|
+
/**
|
|
37865
|
+
* Close the dropdown when keyboard focus leaves the component.
|
|
37866
|
+
* Uses focusout (which bubbles) so it covers every internal focusable
|
|
37867
|
+
* (filter input, hidden input, trigger `<p>`, chevron iconbutton,
|
|
37868
|
+
* clear-filter iconbutton, dropdown items, badge close button) without
|
|
37869
|
+
* needing per-element onBlur wiring.
|
|
37870
|
+
* @param {FocusEvent} event - The focus event.
|
|
37871
|
+
*/
|
|
37872
|
+
handleFocusOut(event) {
|
|
37873
|
+
if (this.preventBlurClose) {
|
|
37874
|
+
this.preventBlurClose = false;
|
|
37875
|
+
return;
|
|
37876
|
+
}
|
|
37877
|
+
// Focus moved to another element inside the component → keep open.
|
|
37878
|
+
if (event.relatedTarget instanceof Node &&
|
|
37879
|
+
this.el.contains(event.relatedTarget)) {
|
|
37880
|
+
return;
|
|
37881
|
+
}
|
|
37882
|
+
// Focus moved outside the component (external element, body, or
|
|
37883
|
+
// programmatic blur where relatedTarget is null) → close the popover.
|
|
37884
|
+
this.open = false;
|
|
37885
|
+
if (this.filterable) {
|
|
37886
|
+
this.clearFilterText();
|
|
37887
|
+
}
|
|
37888
|
+
}
|
|
37876
37889
|
/**
|
|
37877
37890
|
* Handle keyboard events & arrow key navigation.
|
|
37878
37891
|
* If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.
|
|
@@ -37880,6 +37893,8 @@ class NvFieldmultiselect {
|
|
|
37880
37893
|
* @param {KeyboardEvent} event - The keyboard event.
|
|
37881
37894
|
*/
|
|
37882
37895
|
async handleKeyDown(event) {
|
|
37896
|
+
if (this.disabled || this.readonly)
|
|
37897
|
+
return;
|
|
37883
37898
|
if (event.key === 'Escape') {
|
|
37884
37899
|
this.open = false;
|
|
37885
37900
|
return;
|
|
@@ -37898,12 +37913,22 @@ class NvFieldmultiselect {
|
|
|
37898
37913
|
}
|
|
37899
37914
|
return;
|
|
37900
37915
|
}
|
|
37901
|
-
|
|
37916
|
+
// Sort by computed flex `order` so arrow keys follow the visual order
|
|
37917
|
+
// (selected items first), with DOM order as tie-breaker.
|
|
37918
|
+
const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])')).sort((a, b) => {
|
|
37919
|
+
const orderA = parseInt(window.getComputedStyle(a).order || '0', 10);
|
|
37920
|
+
const orderB = parseInt(window.getComputedStyle(b).order || '0', 10);
|
|
37921
|
+
if (orderA !== orderB)
|
|
37922
|
+
return orderA - orderB;
|
|
37923
|
+
return a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING
|
|
37924
|
+
? -1
|
|
37925
|
+
: 1;
|
|
37926
|
+
});
|
|
37902
37927
|
if (items.length === 0) {
|
|
37903
37928
|
console.warn('No visible items found to navigate');
|
|
37904
37929
|
return;
|
|
37905
37930
|
}
|
|
37906
|
-
let currentIndex = items.findIndex(item => item.
|
|
37931
|
+
let currentIndex = items.findIndex(item => item.getAttribute('data-state') === 'highlighted');
|
|
37907
37932
|
if (event.key === 'ArrowDown') {
|
|
37908
37933
|
event.preventDefault();
|
|
37909
37934
|
currentIndex =
|
|
@@ -37918,7 +37943,15 @@ class NvFieldmultiselect {
|
|
|
37918
37943
|
: (currentIndex - 1 + items.length) % items.length;
|
|
37919
37944
|
this.updateHighlightedItem(items, currentIndex);
|
|
37920
37945
|
}
|
|
37921
|
-
else if (event.key === 'Enter'
|
|
37946
|
+
else if ((event.key === 'Enter' || event.key === ' ') &&
|
|
37947
|
+
currentIndex >= 0) {
|
|
37948
|
+
// If the key event came from the chevron toggle button, nv-iconbutton
|
|
37949
|
+
// has already handled open/close via its own keydown listener. Do not
|
|
37950
|
+
// also toggle the highlighted item — that is a double-action bug.
|
|
37951
|
+
const target = event.target;
|
|
37952
|
+
if (target?.closest?.('[data-scope="toggle-dropdown"]')) {
|
|
37953
|
+
return;
|
|
37954
|
+
}
|
|
37922
37955
|
event.preventDefault();
|
|
37923
37956
|
const selectedItem = items[currentIndex];
|
|
37924
37957
|
// Toggle the checked state
|
|
@@ -38122,7 +38155,9 @@ class NvFieldmultiselect {
|
|
|
38122
38155
|
}
|
|
38123
38156
|
}
|
|
38124
38157
|
/**
|
|
38125
|
-
* Reorder the content of the slot
|
|
38158
|
+
* Reorder the content of the slot using CSS flex `order` so the
|
|
38159
|
+
* underlying DOM order is preserved (clearing the selection restores
|
|
38160
|
+
* the original visual order automatically).
|
|
38126
38161
|
*/
|
|
38127
38162
|
reorderSlotContent() {
|
|
38128
38163
|
if (this.options)
|
|
@@ -38130,50 +38165,47 @@ class NvFieldmultiselect {
|
|
|
38130
38165
|
const ul = this.el.querySelector('ul');
|
|
38131
38166
|
if (!ul)
|
|
38132
38167
|
return;
|
|
38133
|
-
// Remove all existing <hr class="multiselect-divider">
|
|
38134
|
-
ul.querySelectorAll('hr.multiselect-divider').forEach(divider => divider.remove());
|
|
38135
38168
|
// Retrieve all items (not hidden)
|
|
38136
38169
|
const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck')).filter(item => item.style.display !== 'none');
|
|
38137
|
-
// If
|
|
38170
|
+
// If a "No results" message is currently shown, hide the divider
|
|
38171
|
+
// and skip the per-item ordering work.
|
|
38138
38172
|
const hasEmptyMessage = ul.querySelector('[data-empty]');
|
|
38139
38173
|
if (hasEmptyMessage) {
|
|
38140
|
-
|
|
38174
|
+
this.manageDivider(ul, [], []);
|
|
38141
38175
|
return;
|
|
38142
38176
|
}
|
|
38143
|
-
|
|
38144
|
-
const
|
|
38145
|
-
|
|
38146
|
-
|
|
38147
|
-
|
|
38148
|
-
|
|
38149
|
-
|
|
38150
|
-
|
|
38151
|
-
|
|
38152
|
-
// Add a divider if needed
|
|
38153
|
-
if (selectedItems.length > 0 && unselectedItems.length > 0) {
|
|
38154
|
-
const divider = document.createElement('hr');
|
|
38155
|
-
divider.className = 'multiselect-divider';
|
|
38156
|
-
ul.appendChild(divider);
|
|
38157
|
-
}
|
|
38158
|
-
// Reinsert UNCHECKED items at the end
|
|
38159
|
-
unselectedItems.forEach(item => {
|
|
38160
|
-
ul.appendChild(item);
|
|
38177
|
+
const selectedItems = [];
|
|
38178
|
+
const unselectedItems = [];
|
|
38179
|
+
items.forEach(item => {
|
|
38180
|
+
const isSelected = (this.value || []).includes(item.getAttribute('value') || '');
|
|
38181
|
+
item.style.order = isSelected ? '10' : '30';
|
|
38182
|
+
if (isSelected)
|
|
38183
|
+
selectedItems.push(item);
|
|
38184
|
+
else
|
|
38185
|
+
unselectedItems.push(item);
|
|
38161
38186
|
});
|
|
38187
|
+
this.manageDivider(ul, selectedItems, unselectedItems);
|
|
38162
38188
|
}
|
|
38163
38189
|
/**
|
|
38164
|
-
* Reorder the content for options mode
|
|
38190
|
+
* Reorder the content for options mode using CSS flex `order` so the
|
|
38191
|
+
* underlying DOM order is preserved (clearing the selection restores
|
|
38192
|
+
* the original visual order automatically).
|
|
38165
38193
|
*/
|
|
38166
38194
|
reorderOptionsContent() {
|
|
38167
38195
|
const ul = this.el.querySelector('ul');
|
|
38168
38196
|
if (!ul)
|
|
38169
38197
|
return;
|
|
38170
38198
|
const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck')).filter(item => item.style.display !== 'none');
|
|
38171
|
-
const selectedItems =
|
|
38172
|
-
const unselectedItems =
|
|
38173
|
-
|
|
38174
|
-
|
|
38175
|
-
|
|
38176
|
-
|
|
38199
|
+
const selectedItems = [];
|
|
38200
|
+
const unselectedItems = [];
|
|
38201
|
+
items.forEach(item => {
|
|
38202
|
+
const isSelected = (this.value || []).includes(item.getAttribute('value') || '');
|
|
38203
|
+
item.style.order = isSelected ? '10' : '30';
|
|
38204
|
+
if (isSelected)
|
|
38205
|
+
selectedItems.push(item);
|
|
38206
|
+
else
|
|
38207
|
+
unselectedItems.push(item);
|
|
38208
|
+
});
|
|
38177
38209
|
this.manageDivider(ul, selectedItems, unselectedItems);
|
|
38178
38210
|
}
|
|
38179
38211
|
/**
|
|
@@ -38255,6 +38287,8 @@ class NvFieldmultiselect {
|
|
|
38255
38287
|
emptyMessage.setAttribute('data-empty', 'true');
|
|
38256
38288
|
emptyMessage.textContent = this.emptyResult;
|
|
38257
38289
|
emptyMessage.classList.add('no-results-message');
|
|
38290
|
+
// Keep the message after any item rows under the flex `order` projection.
|
|
38291
|
+
emptyMessage.style.order = '40';
|
|
38258
38292
|
ul.appendChild(emptyMessage);
|
|
38259
38293
|
}
|
|
38260
38294
|
else if (result.truncated) {
|
|
@@ -38390,6 +38424,8 @@ class NvFieldmultiselect {
|
|
|
38390
38424
|
truncatedItem.setAttribute('data-truncated', 'true');
|
|
38391
38425
|
truncatedItem.className = 'truncated-message no-results-message';
|
|
38392
38426
|
truncatedItem.textContent = formatTruncatedResults(textTemplate, shown, total);
|
|
38427
|
+
// Keep the message after any item rows under the flex `order` projection.
|
|
38428
|
+
truncatedItem.style.order = '40';
|
|
38393
38429
|
ul.appendChild(truncatedItem);
|
|
38394
38430
|
}
|
|
38395
38431
|
handleClickOutside(event) {
|
|
@@ -38408,7 +38444,7 @@ class NvFieldmultiselect {
|
|
|
38408
38444
|
updateHighlightedItem(items, index) {
|
|
38409
38445
|
items.forEach((item, i) => {
|
|
38410
38446
|
if (i === index) {
|
|
38411
|
-
item.
|
|
38447
|
+
item.setAttribute('data-state', 'highlighted');
|
|
38412
38448
|
item.setAttribute('tabindex', '0');
|
|
38413
38449
|
item.scrollIntoView({ block: 'nearest' });
|
|
38414
38450
|
// Focus on the nv-fieldcheckbox inside
|
|
@@ -38418,19 +38454,30 @@ class NvFieldmultiselect {
|
|
|
38418
38454
|
}
|
|
38419
38455
|
}
|
|
38420
38456
|
else {
|
|
38421
|
-
item.
|
|
38457
|
+
item.removeAttribute('data-state');
|
|
38422
38458
|
item.setAttribute('tabindex', '-1');
|
|
38423
38459
|
}
|
|
38424
38460
|
});
|
|
38425
38461
|
}
|
|
38426
38462
|
/**
|
|
38427
|
-
* Focus on the first item in the dropdown list.
|
|
38463
|
+
* Focus on the first item in the dropdown list (visual order).
|
|
38428
38464
|
*/
|
|
38429
38465
|
focusFirstItem() {
|
|
38430
|
-
|
|
38466
|
+
// Sort by computed flex `order` so the "first" item is the first one
|
|
38467
|
+
// visually (selected items are projected to the top via `order: 10`).
|
|
38468
|
+
const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])')).sort((a, b) => {
|
|
38469
|
+
const orderA = parseInt(window.getComputedStyle(a).order || '0', 10);
|
|
38470
|
+
const orderB = parseInt(window.getComputedStyle(b).order || '0', 10);
|
|
38471
|
+
if (orderA !== orderB)
|
|
38472
|
+
return orderA - orderB;
|
|
38473
|
+
return a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING
|
|
38474
|
+
? -1
|
|
38475
|
+
: 1;
|
|
38476
|
+
});
|
|
38477
|
+
const firstItem = items[0];
|
|
38431
38478
|
if (firstItem) {
|
|
38432
38479
|
firstItem.setAttribute('tabindex', '0');
|
|
38433
|
-
firstItem.
|
|
38480
|
+
firstItem.setAttribute('data-state', 'highlighted');
|
|
38434
38481
|
firstItem.scrollIntoView({ block: 'nearest' });
|
|
38435
38482
|
// Focus on the nv-fieldcheckbox inside
|
|
38436
38483
|
const checkbox = firstItem.querySelector('nv-fieldcheckbox');
|
|
@@ -38449,16 +38496,9 @@ class NvFieldmultiselect {
|
|
|
38449
38496
|
divider.className = 'multiselect-divider';
|
|
38450
38497
|
ul.appendChild(divider);
|
|
38451
38498
|
}
|
|
38452
|
-
|
|
38453
|
-
|
|
38454
|
-
|
|
38455
|
-
const lastSelectedItem = selectedItems[selectedItems.length - 1];
|
|
38456
|
-
lastSelectedItem.after(divider);
|
|
38457
|
-
divider.style.display = '';
|
|
38458
|
-
}
|
|
38459
|
-
else {
|
|
38460
|
-
divider.style.display = 'none';
|
|
38461
|
-
}
|
|
38499
|
+
divider.style.order = '20';
|
|
38500
|
+
const shouldShow = selectedItems.length > 0 && unselectedItems.length > 0;
|
|
38501
|
+
divider.style.display = shouldShow ? '' : 'none';
|
|
38462
38502
|
}
|
|
38463
38503
|
/**
|
|
38464
38504
|
* Synchronizes the checked state of all child nv-fielddropdownitemcheck components
|
|
@@ -38746,13 +38786,13 @@ class NvFieldmultiselect {
|
|
|
38746
38786
|
"deselectAll": [64],
|
|
38747
38787
|
"toggleSelectAll": [64]
|
|
38748
38788
|
},
|
|
38749
|
-
"$listeners$": [[0, "itemChecked", "handleItemChecked"], [0, "slotchange", "handleSlotChange"], [0, "keydown", "handleKeyDown"]],
|
|
38789
|
+
"$listeners$": [[0, "itemChecked", "handleItemChecked"], [0, "slotchange", "handleSlotChange"], [3, "focusout", "handleFocusOut"], [0, "keydown", "handleKeyDown"]],
|
|
38750
38790
|
"$lazyBundleId$": "-",
|
|
38751
38791
|
"$attrsToReflect$": [["label", "label"], ["inputId", "input-id"], ["name", "name"], ["description", "description"], ["placeholder", "placeholder"], ["autocomplete", "autocomplete"], ["required", "required"], ["ariaRequiredAttr", "aria-required"], ["readonly", "readonly"], ["disabled", "disabled"], ["error", "error"], ["errorDescription", "error-description"], ["maxHeight", "max-height"], ["open", "open"], ["fluid", "fluid"], ["filterable", "filterable"], ["emptyResult", "empty-result"], ["debounceDelay", "debounce-delay"], ["autofocus", "autofocus"], ["badgeLabel", "badge-label"], ["filterText", "filter-text"], ["enableSelectAll", "enable-select-all"], ["selectAllLabel", "select-all-label"], ["deselectAllLabel", "deselect-all-label"], ["filterMode", "filter-mode"], ["maxResults", "max-results"], ["startFilterAt", "start-filter-at"], ["locale", "locale"], ["truncatedResultsText", "truncated-results-text"], ["workerThreshold", "worker-threshold"], ["fuzzyThreshold", "fuzzy-threshold"]]
|
|
38752
38792
|
}; }
|
|
38753
38793
|
}
|
|
38754
38794
|
|
|
38755
|
-
const nvFieldnumberCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldnumber{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldnumber[fluid]:not([fluid=false]){max-width:unset}nv-fieldnumber[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldnumber[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldnumber[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldnumber[required]:not([required=false]) label::after,nv-fieldnumber[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldnumber label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldnumber .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldnumber .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldnumber .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldnumber .input-wrapper .input-container:focus-within,nv-fieldnumber .input-wrapper .input-container:focus-within:hover,nv-fieldnumber .input-wrapper .input-container:focus,nv-fieldnumber .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldnumber .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldnumber .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldnumber .input-wrapper .input-container{container-type:inline-size;container-name:field-number-input-container;overflow:hidden;position:relative}nv-fieldnumber .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldnumber .input-wrapper .input-container input:focus{outline:none}nv-fieldnumber .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldnumber .input-wrapper .input-container input{}nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldnumber .input-wrapper .input-container input{width:100%;appearance:textfield}nv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button,nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button{appearance:none;margin:0}nv-fieldnumber .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-field-gap)}nv-fieldnumber .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldnumber .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldnumber .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldnumber .input-wrapper .input-container .stepper{display:flex;border-left:var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly)}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton{border:0px;border-radius:0px}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton{border-radius:0px}@container field-number-input-container (width < 150px){nv-fieldnumber .input-wrapper .input-container .stepper-spacer{display:none}nv-fieldnumber .input-wrapper .input-container .stepper{display:none}}nv-fieldnumber .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldnumber .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}`;
|
|
38795
|
+
const nvFieldnumberCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldnumber{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldnumber[fluid]:not([fluid=false]){max-width:unset}nv-fieldnumber[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldnumber[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldnumber[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldnumber[required]:not([required=false]) label::after,nv-fieldnumber[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldnumber label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldnumber .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldnumber .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldnumber .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldnumber .input-wrapper .input-container:focus-within,nv-fieldnumber .input-wrapper .input-container:focus-within:hover,nv-fieldnumber .input-wrapper .input-container:focus,nv-fieldnumber .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldnumber .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldnumber .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldnumber .input-wrapper .input-container{container-type:inline-size;container-name:field-number-input-container;overflow:hidden;position:relative}nv-fieldnumber .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldnumber .input-wrapper .input-container input:focus{outline:none}nv-fieldnumber .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldnumber .input-wrapper .input-container input{}nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldnumber .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldnumber .input-wrapper .input-container input{width:100%;appearance:textfield}nv-fieldnumber .input-wrapper .input-container input::-webkit-inner-spin-button,nv-fieldnumber .input-wrapper .input-container input::-webkit-outer-spin-button{appearance:none;margin:0}nv-fieldnumber .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-field-gap)}nv-fieldnumber .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldnumber .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldnumber .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldnumber .input-wrapper .input-container .stepper{display:flex;border-left:var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly)}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton{border:0px;border-radius:0px}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldnumber .input-wrapper .input-container .stepper>nv-iconbutton{border-radius:0px}@container field-number-input-container (width < 150px){nv-fieldnumber .input-wrapper .input-container .stepper-spacer{display:none}nv-fieldnumber .input-wrapper .input-container .stepper{display:none}}nv-fieldnumber .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldnumber .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldnumber .error-description[hidden]{display:none}`;
|
|
38756
38796
|
|
|
38757
38797
|
/**
|
|
38758
38798
|
* @slot leading-input - Content to be placed before the input text, within the input container.
|
|
@@ -38925,11 +38965,11 @@ class NvFieldnumber {
|
|
|
38925
38965
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
38926
38966
|
: undefined;
|
|
38927
38967
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
38928
|
-
return (hAsync(Host, { key: '
|
|
38968
|
+
return (hAsync(Host, { key: 'bd60dd6875bab03a11f68c8cdeb40503dd11387b' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '9b11d71766cb20870e42e3d86509c30ec0bbc1df', htmlFor: this.inputId }, hAsync("slot", { key: 'b1b84003346a9d9240a9a2072629701545eb8a4e', name: "label" }, this.label))), hAsync("div", { key: 'de3100bb6e5d0befca657857b5011929621c0856', class: "input-wrapper" }, hAsync("slot", { key: 'ae056ee9445d741e449ad926b998614e45268dd1', name: "before-input" }), hAsync("div", { key: 'ec029f917a8472d207776b279e2a9ae2ed3c87d2', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: '3156846b24658fb8b033345038ba8a19e5ed39cf', name: "leading-input" }), hAsync("input", { key: '9978de0b82a67650629ccedc7f400d7f3e17810f', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
38929
38969
|
'aria-required': String(ariaRequiredValue),
|
|
38930
|
-
}), max: this.max, min: this.min, step: this.step, value: typeof this.value === 'number' ? this.value : undefined, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), hAsync("slot", { key: '
|
|
38931
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
38932
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
38970
|
+
}), max: this.max, min: this.min, step: this.step, value: typeof this.value === 'number' ? this.value : undefined, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), hAsync("slot", { key: '6a65f9360ac4aae869f47a386f964d7121ee62b7', name: "trailing-input" }), this.error && (hAsync("nv-icon", { key: '3f6d5f2ac11907170c57fffa8e080adaa9f2445d', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: 'f47db690daa520fe1611a72ef52bd4e8824843e0', name: "circle-check", class: "validation", size: "md" })), hAsync("div", { key: '97d545f25f81e0089fadd33c53caf38aa8dbda85', class: "stepper" }, hAsync("nv-iconbutton", { key: 'fa6e78061e8f90564aaed2416ee27996cbddf794', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), hAsync("nv-iconbutton", { key: 'efca8a29e9c5af8136ab557744e9642b60717915', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), hAsync("slot", { key: 'b99033fd0ecfbca1c791e1f0ad867fab41fc2716', name: "after-input" })), (this.description ||
|
|
38971
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'fd843a1bb551f1d706de5045658356582667048d', class: "description" }, hAsync("slot", { key: 'e9e1699a36a6485063eb4d90f920b1b48a03c280', name: "description" }, this.description))), (this.errorDescription ||
|
|
38972
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '7216797fc4a37dee59086111e9160401f5567c09', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '93cee823eec935644372d062db6cd009a2f16357', name: "error-description" }, this.errorDescription)))));
|
|
38933
38973
|
}
|
|
38934
38974
|
static get formAssociated() { return true; }
|
|
38935
38975
|
get el() { return getElement(this); }
|
|
@@ -38970,7 +39010,7 @@ class NvFieldnumber {
|
|
|
38970
39010
|
}; }
|
|
38971
39011
|
}
|
|
38972
39012
|
|
|
38973
|
-
const nvFieldpasswordCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}`;
|
|
39013
|
+
const nvFieldpasswordCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldpassword .error-description[hidden]{display:none}`;
|
|
38974
39014
|
|
|
38975
39015
|
/**
|
|
38976
39016
|
* @slot leading-input - Content to be placed before the input text, within the input container.
|
|
@@ -39120,11 +39160,11 @@ class NvFieldpassword {
|
|
|
39120
39160
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
39121
39161
|
: undefined;
|
|
39122
39162
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
39123
|
-
return (hAsync(Host, { key: '
|
|
39163
|
+
return (hAsync(Host, { key: 'e24affee3586427a9d7b2dbf2205dc4ac62b7491' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '3ce9065dc2d72992d5c6e3e856df4c1447717ed2', htmlFor: this.inputId }, hAsync("slot", { key: 'ed16a44bfdcf67f371d0a1f083bc0d6e6009350b', name: "label" }, this.label))), hAsync("div", { key: 'b43e17d340383e0b70bcb4fb5fa061d479baf46a', class: "input-wrapper" }, hAsync("slot", { key: '2f101c6bf63c88fc4a6ad8aee5622097c133245b', name: "before-input" }), hAsync("div", { key: '37fe8f5efd8f4374b9a237f4f5d1ebe9af9f6e05', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: '4ca0f2ce27bded082e2fe49598ef6310db1ac0b3', name: "leading-input" }), hAsync("input", { key: '302e86558f7843f44486b47987d37df6ac7f50ac', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
39124
39164
|
'aria-required': String(ariaRequiredValue),
|
|
39125
|
-
}), maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (hAsync("nv-icon", { key: '
|
|
39126
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
39127
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
39165
|
+
}), maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (hAsync("nv-icon", { key: 'c8874ce153ceddb132f9be42178bd3ff150005d2', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (hAsync("nv-iconbutton", { key: '90b7e1f592e67ea60194b581931fa842af695ef4', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), hAsync("slot", { key: '71add973e9ce73cc172d074492a9dbb2c20caaf9', name: "after-input" })), (this.description ||
|
|
39166
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'c2d8551e86c028619f2c7c810597353df24cf83a', class: "description" }, hAsync("slot", { key: '8ebe471324eba4eb9734ccd5a3aa600cc44512d9', name: "description" }, this.description))), (this.errorDescription ||
|
|
39167
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '71d0c4737a51c030ba8ca859d1fd0b26d5a48772', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '70e23fc8738958e2f2518079e0289a5a839903cd', name: "error-description" }, this.errorDescription)))));
|
|
39128
39168
|
}
|
|
39129
39169
|
static get formAssociated() { return true; }
|
|
39130
39170
|
get el() { return getElement(this); }
|
|
@@ -39254,9 +39294,9 @@ class NvFieldradio {
|
|
|
39254
39294
|
/****************************************************************************/
|
|
39255
39295
|
//#region RENDER
|
|
39256
39296
|
render() {
|
|
39257
|
-
return (hAsync(Host, { key: '
|
|
39258
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
39259
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
39297
|
+
return (hAsync(Host, { key: '53e418bfab22c9019f8efae9e474e6e729532a73', class: clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, hAsync("input", { key: '85ab7c010dfa893e9e92bebd39b845a604ca0069', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), hAsync("div", { key: '851587d22af2d0739e5531f361cbefe3e282b914', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '475cad34dea78bd00bf822ccafbfb18ddba4264a', htmlFor: this.inputId }, hAsync("slot", { key: 'd6c84f56f1913d97e71ce79fd112362f4880acd0', name: "label" }, this.label))), (this.description ||
|
|
39298
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '8e1f4d0e9cbd00630cadde99923f2952d4dd492c', class: "description" }, hAsync("slot", { key: 'dea3d8661dc83a237a8d290e02b365ea47491b51', name: "description" }, this.description))), (this.errorDescription ||
|
|
39299
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'f67d73864db0c32013605343ac22f451b37047e9', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: 'ebd467b48c874db8b3649ec940d950f0d2218417', name: "error-description" }, this.errorDescription))))));
|
|
39260
39300
|
}
|
|
39261
39301
|
static get formAssociated() { return true; }
|
|
39262
39302
|
get el() { return getElement(this); }
|
|
@@ -39290,7 +39330,7 @@ class NvFieldradio {
|
|
|
39290
39330
|
}; }
|
|
39291
39331
|
}
|
|
39292
39332
|
|
|
39293
|
-
const nvFieldselectCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[display-value]:not([display-value=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldselect[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldselect[required]:not([required=false]) label::after,nv-fieldselect[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>.select-icons{top:var(--form-field-padding-y);right:var(--form-field-padding-x)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>select{height:100%;box-sizing:border-box;background-color:var(--color-level-05-background);border-radius:var(--form-field-radius)}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container>.select-icons{position:absolute;right:0;top:0;pointer-events:none}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton{border:0px;border-radius:0px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input{}nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-clear,nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldselect .select-wrapper .select-container input:read-only{background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);height:var(--form-field-line-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);padding-right:36px;box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select hr{border-color:var(--components-list-select-hr, var(--color-content-low-border))}nv-fieldselect .select-wrapper .select-container select{appearance:base-select}nv-fieldselect .select-wrapper .select-container select::picker(select){appearance:base-select;background-color:var(--components-popover-background);border-color:var(--components-popover-border);border-width:1px;border-style:solid;border-radius:var(--popover-radius);padding:var(--popover-padding-y) var(--popover-padding-x);margin-top:var(--spacing-2);box-shadow:var(--popover-shadow-1-x) var(--popover-shadow-1-y) var(--popover-shadow-1-blur) -2px var(--popover-shadow-1-opacity), var(--popover-shadow-2-x) var(--popover-shadow-2-y) var(--popover-shadow-2-blur) var(--shadow-spread-lg-2) var(--popover-shadow-2-opacity)}nv-fieldselect .select-wrapper .select-container select::picker-icon{display:none}nv-fieldselect .select-wrapper .select-container select option{display:flex;gap:var(--list-select-gap-y);flex-wrap:wrap;align-items:center;width:100%;background-color:var(--components-list-select-option-background-default);padding:var(--list-select-option-padding);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-select-font-size);line-height:var(--list-select-line-height);color:var(--components-list-select-option-content-default);border-radius:var(--list-select-option-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fieldselect .select-wrapper .select-container select option:not(:first-of-type){margin-top:var(--list-select-gap-y)}nv-fieldselect .select-wrapper .select-container select option:hover,nv-fieldselect .select-wrapper .select-container select option:focus,nv-fieldselect .select-wrapper .select-container select option:focus-within{background-color:var(--components-list-select-option-background-hover);color:var(--components-list-select-option-content-hover)}nv-fieldselect .select-wrapper .select-container select option:checked{background-color:var(--components-list-select-option-background-active);color:var(--components-list-select-option-content-active)}nv-fieldselect .select-wrapper .select-container select option:checked::after{order:1;margin-left:auto;content:"";display:inline-block;width:var(--spacing-5);height:var(--spacing-5);background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain}nv-fieldselect .select-wrapper .select-container select option::checkmark{display:none}nv-fieldselect .select-wrapper .select-container select option:disabled,nv-fieldselect .select-wrapper .select-container select option:checked:disabled{color:var(--components-list-select-option-content-disabled);background-color:var(--components-list-select-option-background-default)}nv-fieldselect .select-wrapper .select-container select optgroup{appearance:base-select;display:flex;flex-wrap:wrap;align-items:center;width:100%;color:var(--components-list-select-optgroup-content);gap:var(--list-select-optgroup-gap);padding-top:var(--list-select-optgroup-padding-y, 8px);padding-bottom:var(--list-select-optgroup-padding-y, 8px)}nv-fieldselect .select-wrapper .select-container select optgroup:hover{color:var(--components-list-select-optgroup-content)}nv-fieldselect .select-wrapper .select-container select optgroup option{padding-left:var(--list-select-optgroup-option-padding-left)}nv-fieldselect .select-wrapper .select-container select optgroup option:first-child{margin-top:var(--list-select-optgroup-option-margin-top, 4px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}`;
|
|
39333
|
+
const nvFieldselectCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[display-value]:not([display-value=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldselect[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldselect[required]:not([required=false]) label::after,nv-fieldselect[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>.select-icons{top:var(--form-field-padding-y);right:var(--form-field-padding-x)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>select{height:100%;box-sizing:border-box;background-color:var(--color-level-05-background);border-radius:var(--form-field-radius)}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container>.select-icons{position:absolute;right:0;top:0;pointer-events:none}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton{border:0px;border-radius:0px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input{}nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-clear,nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldselect .select-wrapper .select-container input:read-only{background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);height:var(--form-field-line-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);padding-right:36px;box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select hr{border-color:var(--components-list-select-hr, var(--color-content-low-border))}nv-fieldselect .select-wrapper .select-container select{appearance:base-select}nv-fieldselect .select-wrapper .select-container select::picker(select){appearance:base-select;background-color:var(--components-popover-background);border-color:var(--components-popover-border);border-width:1px;border-style:solid;border-radius:var(--popover-radius);padding:var(--popover-padding-y) var(--popover-padding-x);margin-top:var(--spacing-2);box-shadow:var(--popover-shadow-1-x) var(--popover-shadow-1-y) var(--popover-shadow-1-blur) -2px var(--popover-shadow-1-opacity), var(--popover-shadow-2-x) var(--popover-shadow-2-y) var(--popover-shadow-2-blur) var(--shadow-spread-lg-2) var(--popover-shadow-2-opacity)}nv-fieldselect .select-wrapper .select-container select::picker-icon{display:none}nv-fieldselect .select-wrapper .select-container select option{display:flex;gap:var(--list-select-gap-y);flex-wrap:wrap;align-items:center;width:100%;background-color:var(--components-list-select-option-background-default);padding:var(--list-select-option-padding);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-select-font-size);line-height:var(--list-select-line-height);color:var(--components-list-select-option-content-default);border-radius:var(--list-select-option-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fieldselect .select-wrapper .select-container select option:not(:first-of-type){margin-top:var(--list-select-gap-y)}nv-fieldselect .select-wrapper .select-container select option:hover,nv-fieldselect .select-wrapper .select-container select option:focus,nv-fieldselect .select-wrapper .select-container select option:focus-within{background-color:var(--components-list-select-option-background-hover);color:var(--components-list-select-option-content-hover)}nv-fieldselect .select-wrapper .select-container select option:checked{background-color:var(--components-list-select-option-background-active);color:var(--components-list-select-option-content-active)}nv-fieldselect .select-wrapper .select-container select option:checked::after{order:1;margin-left:auto;content:"";display:inline-block;width:var(--spacing-5);height:var(--spacing-5);background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain}nv-fieldselect .select-wrapper .select-container select option::checkmark{display:none}nv-fieldselect .select-wrapper .select-container select option:disabled,nv-fieldselect .select-wrapper .select-container select option:checked:disabled{color:var(--components-list-select-option-content-disabled);background-color:var(--components-list-select-option-background-default)}nv-fieldselect .select-wrapper .select-container select optgroup{appearance:base-select;display:flex;flex-wrap:wrap;align-items:center;width:100%;color:var(--components-list-select-optgroup-content);gap:var(--list-select-optgroup-gap);padding-top:var(--list-select-optgroup-padding-y, 8px);padding-bottom:var(--list-select-optgroup-padding-y, 8px)}nv-fieldselect .select-wrapper .select-container select optgroup:hover{color:var(--components-list-select-optgroup-content)}nv-fieldselect .select-wrapper .select-container select optgroup option{padding-left:var(--list-select-optgroup-option-padding-left)}nv-fieldselect .select-wrapper .select-container select optgroup option:first-child{margin-top:var(--list-select-optgroup-option-margin-top, 4px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldselect .error-description[hidden]{display:none}`;
|
|
39294
39334
|
|
|
39295
39335
|
/**
|
|
39296
39336
|
* @slot default - Content to be placed inside the select element.
|
|
@@ -39666,15 +39706,15 @@ class NvFieldselect {
|
|
|
39666
39706
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
39667
39707
|
: undefined;
|
|
39668
39708
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
39669
|
-
return (hAsync(Host, { key: '
|
|
39709
|
+
return (hAsync(Host, { key: 'ee72e67a671b7061d3af5f76796d09c0372b38fa' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '8bec44fa26d9360b585e0a5bccd4fdd7ed8cfc92', htmlFor: this.inputId }, hAsync("slot", { key: '35b2a393d88b37141a6dd7ea90f860fcee1d840e', name: "label" }, this.label))), hAsync("div", { key: '151b1e03cd50911b024ae692fa7eb25e5c7c8938', class: "select-wrapper" }, hAsync("slot", { key: 'b82c37856a7a616a9addb1bd5a4d79aeeb2587b4', name: "before-input" }), hAsync("div", { key: 'cf5713c682e4ea9e08bb0ee6db5ab369cdaaf713', class: "select-container", onClick: this.handleSelectContainerClick }, hAsync("slot", { key: '4fc79bed93ab1dfdf31a18805b5e72c5b35cd641', name: "leading-input" }), this.internalReadonly && (hAsync("input", { key: '316cc1f0bf08ead5f7f5d8d1306cbc02b91fde54', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
|
|
39670
39710
|
? `${this.inputId}-error`
|
|
39671
|
-
: `${this.inputId}-description` })), hAsync("select", { key: '
|
|
39711
|
+
: `${this.inputId}-description` })), hAsync("select", { key: '1e1676c50ee4915bd6750677b501f6683d34fa25', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
39672
39712
|
'aria-required': String(ariaRequiredValue),
|
|
39673
39713
|
}), multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
|
|
39674
39714
|
? `${this.inputId}-error`
|
|
39675
|
-
: `${this.inputId}-description` }, this.options && this.options.length > 0 ? (this.options.map(option => (hAsync("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (hAsync("slot", null))), hAsync("div", { key: '
|
|
39676
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
39677
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
39715
|
+
: `${this.inputId}-description` }, this.options && this.options.length > 0 ? (this.options.map(option => (hAsync("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (hAsync("slot", null))), hAsync("div", { key: 'df1132a8bb20d35d94daec1b7e32f5769c9e6ec8', class: "select-icons" }, this.error && (hAsync("nv-icon", { key: '39825cc8efd80f89b29644525d4e9fe9ae9e5edb', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: 'c9123ff11d354283e53470991a4d8755cc89b552', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (hAsync("nv-iconbutton", { key: '7f6dacc97b04100c4ddbbc503d16f31282365232', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), hAsync("slot", { key: '61b4d062cc94f90ebe02113950f02940a2765d36', name: "after-input" })), (this.description ||
|
|
39716
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '0685de6f40b839ea062c6088c60a10d72490fab0', class: "description", id: `${this.inputId}-description` }, hAsync("slot", { key: '1d15fa435a00efef9a75295149c44dfc407fcc63', name: "description" }, this.description))), (this.errorDescription ||
|
|
39717
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '623d7af55f6b523e834159769a2f783fb63052f7', class: "error-description", id: `${this.inputId}-error` }, hAsync("slot", { key: '2f2c9b6ea72ae9093ccd5735813bc5c3415a39cc', name: "error-description" }, this.errorDescription)))));
|
|
39678
39718
|
}
|
|
39679
39719
|
static get formAssociated() { return true; }
|
|
39680
39720
|
get el() { return getElement(this); }
|
|
@@ -40414,11 +40454,11 @@ class NvFieldslider {
|
|
|
40414
40454
|
/****************************************************************************/
|
|
40415
40455
|
//#region RENDER
|
|
40416
40456
|
render() {
|
|
40417
|
-
return (hAsync(Host, { key: '
|
|
40457
|
+
return (hAsync(Host, { key: '1251891d0796093b0b199218304444cb5e530367' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'dfb2f64d6b289ad18ac9b5a8ca6e445bf591add9', htmlFor: this.startInputId }, hAsync("slot", { key: '96cce5982bf52a76f92afcf027277955fe30ce2e', name: "label" }, this.label))), hAsync("div", { key: '84d9150d80d5a971180f04872fb2de07817e2e90', class: "slider-container" }, this.range ? (hAsync(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 0, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : null, hAsync("div", { key: 'acea0634b80251ef76b91e85a447dcafa636924d', class: "track-container" }, hAsync("div", { key: 'b323a5da0449af8ca8f9463bbfbceac3e9310796', class: "track", onPointerDown: this.onTrackInteraction }, this.range ? (hAsync(RangeThumb, { rangeValue: this.rangeValueInternal, rawRangePosition: this.rawRangePosition, activeDragThumb: this.activeDragThumb, isDragging: this.isDragging, snap: this.snap, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue })) : (hAsync(SingleThumb, { value: this.valueInternal, min: this.min, max: this.max, step: this.step, rawPosition: this.rawPosition, isDragging: this.isDragging, snap: this.snap, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue }))), hAsync(TickMarks, { key: 'b3fdbe669889f22309a6f6a717f850b117a91cc8', ticks: this.internalTicks, min: this.min, max: this.max })), this.range ? (hAsync(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 1, inputId: this.endInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : (hAsync(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name }))), (this.success ||
|
|
40418
40458
|
this.description ||
|
|
40419
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
40459
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '53b4e7236c469b87d96a666c4711b0fd9f060be9', class: "description" }, this.success && (hAsync("nv-icon", { key: '332161c24c7aa882de0d07e0e7c4264bf5dc02b0', name: "circle-check", class: "validation", size: "md" })), hAsync("slot", { key: 'd0ab58883e0d3d079511738835eba8a6c5caebd8', name: "description" }, this.description))), (this.error ||
|
|
40420
40460
|
this.errorDescription ||
|
|
40421
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
40461
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '8ead9d45a545ba2e1abad6a855e88c655bbc5254', class: "error-description", hidden: !this.error }, this.error && (hAsync("nv-icon", { key: '09d224201d747651dcd0f0ce22d9d81a784e75eb', name: "alert-circle", class: "validation", size: "md" })), hAsync("slot", { key: '8c8a0e621a54dcf67569ad4e6818b3a4bc0a3a19', name: "error-description" }, this.errorDescription)))));
|
|
40422
40462
|
}
|
|
40423
40463
|
static get formAssociated() { return true; }
|
|
40424
40464
|
get el() { return getElement(this); }
|
|
@@ -40495,7 +40535,7 @@ class NvFieldslider {
|
|
|
40495
40535
|
}; }
|
|
40496
40536
|
}
|
|
40497
40537
|
|
|
40498
|
-
const nvFieldtextCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtext{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtext[fluid]:not([fluid=false]){max-width:unset}nv-fieldtext[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtext[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after,nv-fieldtext[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtext>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext>.input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext>.input-wrapper .input-container:focus-within,nv-fieldtext>.input-wrapper .input-container:focus-within:hover,nv-fieldtext>.input-wrapper .input-container:focus,nv-fieldtext>.input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext>.input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext>.input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext>.input-wrapper .input-container>[slot=leading-input]{display:block;margin-left:var(--form-field-padding-x)}nv-fieldtext>.input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}nv-fieldtext>.input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container input{}nv-fieldtext>.input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldtext>.input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}nv-fieldtext>.input-wrapper .input-container>[slot=trailing-input]{display:block;margin-right:var(--form-field-padding-x)}nv-fieldtext>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtext>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}`;
|
|
40538
|
+
const nvFieldtextCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtext{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtext[fluid]:not([fluid=false]){max-width:unset}nv-fieldtext[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtext[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after,nv-fieldtext[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtext>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext>.input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext>.input-wrapper .input-container:focus-within,nv-fieldtext>.input-wrapper .input-container:focus-within:hover,nv-fieldtext>.input-wrapper .input-container:focus,nv-fieldtext>.input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext>.input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext>.input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext>.input-wrapper .input-container>[slot=leading-input]{display:block;margin-left:var(--form-field-padding-x)}nv-fieldtext>.input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}nv-fieldtext>.input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container input{}nv-fieldtext>.input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldtext>.input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}nv-fieldtext>.input-wrapper .input-container>[slot=trailing-input]{display:block;margin-right:var(--form-field-padding-x)}nv-fieldtext>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtext>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtext>.error-description[hidden]{display:none}`;
|
|
40499
40539
|
|
|
40500
40540
|
/**
|
|
40501
40541
|
* @slot leading-input - Content to be placed before the input text, within the input container.
|
|
@@ -40647,11 +40687,11 @@ class NvFieldtext {
|
|
|
40647
40687
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
40648
40688
|
: undefined;
|
|
40649
40689
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
40650
|
-
return (hAsync(Host, { key: '
|
|
40690
|
+
return (hAsync(Host, { key: '63089724e21e6c1e216a11a2638f30fee689c82e' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'c6cd68f868bd971708c5e95a5fef80de9dc6512d', htmlFor: this.inputId }, hAsync("slot", { key: '5cf94a89c4229b78a79778ff7aade534ff72e507', name: "label" }, this.label))), hAsync("div", { key: '28c17fd690a3a2bb0e55585d946677d8a3681a0e', class: "input-wrapper" }, hAsync("slot", { key: 'd870c9740c1d9ba4386d963892de1e66778e1bfa', name: "before-input" }), hAsync("div", { key: '09b3bff856699402e949ba15015c21229fafb029', class: "input-container", onClick: this.handleInputContainerClick }, hAsync("slot", { key: '86fdcb7cad564aa79deb5007fc443b2ed5c2bcdf', name: "leading-input" }), hAsync("input", { key: '6b11e70de402487f3bd16c3b4229313d242c905e', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
40651
40691
|
'aria-required': String(ariaRequiredValue),
|
|
40652
|
-
}), maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), hAsync("slot", { key: '
|
|
40653
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
40654
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
40692
|
+
}), maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), hAsync("slot", { key: 'a0dc3bc46517a3457c0d3d8681a4078d23b2c2ea', name: "trailing-input" }), this.error && (hAsync("nv-icon", { key: '240fc71f78572d94a5e4c5645f2531c58dd9762f', name: "alert-circle", class: "validation", size: "md" })), this.success && (hAsync("nv-icon", { key: '027784ee5c9d4bc37bfab78b991afd6c462bce37', name: "circle-check", class: "validation", size: "md" }))), hAsync("slot", { key: '4fc38f97f3b24b008589e5ba77a6d99c1dfb903d', name: "after-input" })), (this.description ||
|
|
40693
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '9a784d007b8b94cf426d1b9e6090e37890859dce', class: "description" }, hAsync("slot", { key: '1269822c641095aab99334f969d57a2850568a50', name: "description" }, this.description))), (this.errorDescription ||
|
|
40694
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: 'e5b3bb57e05350d65af0a333936cd8a0e91c42c2', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '70a6d5cbe96d13deb808b3bbed64bb4e935636fa', name: "error-description" }, this.errorDescription)))));
|
|
40655
40695
|
}
|
|
40656
40696
|
static get formAssociated() { return true; }
|
|
40657
40697
|
get el() { return getElement(this); }
|
|
@@ -40691,7 +40731,7 @@ class NvFieldtext {
|
|
|
40691
40731
|
}; }
|
|
40692
40732
|
}
|
|
40693
40733
|
|
|
40694
|
-
const nvFieldtextareaCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtextarea{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtextarea[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtextarea[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtextarea[required]:not([required=false]) label::after,nv-fieldtextarea[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtextarea label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtextarea .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}`;
|
|
40734
|
+
const nvFieldtextareaCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtextarea{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtextarea[fluid]:not([fluid=false]){max-width:unset}nv-fieldtextarea[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtextarea[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtextarea[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtextarea[required]:not([required=false]) label::after,nv-fieldtextarea[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtextarea label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar{width:6px;height:6px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtextarea .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtextarea .error-description[hidden]{display:none}`;
|
|
40695
40735
|
|
|
40696
40736
|
/**
|
|
40697
40737
|
* @slot label - Content to be placed as the label, will override the label prop.
|
|
@@ -40909,11 +40949,11 @@ class NvFieldtextarea {
|
|
|
40909
40949
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
40910
40950
|
: undefined;
|
|
40911
40951
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
40912
|
-
return (hAsync(Host, { key: '
|
|
40952
|
+
return (hAsync(Host, { key: '8d31a9e4c294a58a02040dddb427c94caecf4d2e' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '4352374d8078448ce5f877d20b526a6725219f76', htmlFor: this.inputId }, hAsync("slot", { key: '1f5dca95213c848f105fe8d4aec5e7a363cfd468', name: "label" }, this.label))), hAsync("div", { key: '831c87ed454b2b7a6dfc84daf903c6bc3e7581f4', class: "textarea-wrapper" }, hAsync("div", { key: '1a3dd73ca1a4f650f02309211154e3fcee02824c', class: "textarea-container", onClick: this.handleTextareaContainerClick }, hAsync("textarea", { key: '97454b0c1845a4ed8f1e2f99285f363affff7c7c', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
40913
40953
|
'aria-required': String(ariaRequiredValue),
|
|
40914
40954
|
}), maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
|
|
40915
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
40916
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
40955
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: 'd70c40f382d8d8a369e1ce584e4c050e6f6704b4', class: "description" }, hAsync("slot", { key: '2287c2a52e18557f104ff6b2ceab876c41f7d666', name: "description" }, this.description))), (this.errorDescription ||
|
|
40956
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '3bc7bdb991381398ff622c10929848d4f6527533', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '061f5fba67f18750f50090a78f53a5229e384343', name: "error-description" }, this.errorDescription)))));
|
|
40917
40957
|
}
|
|
40918
40958
|
static get formAssociated() { return true; }
|
|
40919
40959
|
get el() { return getElement(this); }
|
|
@@ -41198,7 +41238,7 @@ function reconstructTimeByFormat(components, format) {
|
|
|
41198
41238
|
}
|
|
41199
41239
|
}
|
|
41200
41240
|
|
|
41201
|
-
const nvFieldtimeCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after,nv-fieldtime[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime nv-popover{z-index:9999}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input{}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input{width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container>nv-iconbutton{margin-left:auto}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column{max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}`;
|
|
41241
|
+
const nvFieldtimeCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after,nv-fieldtime[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime nv-popover{z-index:9999}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input{}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input{width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container>nv-iconbutton{margin-left:auto}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime .error-description[hidden]{display:none}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column{max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}`;
|
|
41202
41242
|
|
|
41203
41243
|
/**
|
|
41204
41244
|
* A format-aware time input component that displays only relevant input fields based on the specified format.
|
|
@@ -41362,19 +41402,20 @@ class NvFieldtime {
|
|
|
41362
41402
|
/****************************************************************************/
|
|
41363
41403
|
//#region WATCHERS
|
|
41364
41404
|
handleValueChange(newValue) {
|
|
41365
|
-
// Parse the new value and
|
|
41405
|
+
// Parse the new value and update internal state (hours, minutes, seconds)
|
|
41406
|
+
// so the input fields reflect the new value
|
|
41366
41407
|
if (newValue) {
|
|
41367
41408
|
const components = parseValueByFormat(newValue, this.format);
|
|
41368
41409
|
const formattedValue = reconstructTimeByFormat(components, this.format);
|
|
41369
|
-
//
|
|
41370
|
-
|
|
41410
|
+
// Update internal state from parsed components
|
|
41411
|
+
this.hours = components.hours;
|
|
41412
|
+
this.minutes = components.minutes;
|
|
41413
|
+
this.seconds = components.seconds;
|
|
41414
|
+
// Ensure format consistency by correcting the value if needed
|
|
41371
41415
|
if (formattedValue !== newValue) {
|
|
41372
41416
|
this.value = formattedValue;
|
|
41373
|
-
return; // The watcher will be called again with the formatted value
|
|
41374
41417
|
}
|
|
41375
41418
|
}
|
|
41376
|
-
// Emit the value in the correct format
|
|
41377
|
-
this.valueChanged.emit(newValue);
|
|
41378
41419
|
}
|
|
41379
41420
|
handleOpenChange(newOpen) {
|
|
41380
41421
|
// React to external changes, e.g., highlight current time on open
|
|
@@ -41432,8 +41473,9 @@ class NvFieldtime {
|
|
|
41432
41473
|
}
|
|
41433
41474
|
// Reconstruct time from inputs in the correct format
|
|
41434
41475
|
const reconstructedValue = this.reconstructTime();
|
|
41435
|
-
// Update the value
|
|
41476
|
+
// Update the value and emit the event
|
|
41436
41477
|
this.value = reconstructedValue;
|
|
41478
|
+
this.valueChanged.emit(this.value);
|
|
41437
41479
|
}
|
|
41438
41480
|
handleHoursChange(inputValue, type) {
|
|
41439
41481
|
const isHHFormat = this.format.startsWith('HH');
|
|
@@ -41711,6 +41753,7 @@ class NvFieldtime {
|
|
|
41711
41753
|
// Reconstruct time in the correct format and update value
|
|
41712
41754
|
const reconstructedTime = this.reconstructTime();
|
|
41713
41755
|
this.value = reconstructedTime;
|
|
41756
|
+
this.valueChanged.emit(this.value);
|
|
41714
41757
|
}
|
|
41715
41758
|
handleInputBlur() {
|
|
41716
41759
|
// Use a delay to check if the focus is still within the popover
|
|
@@ -42071,9 +42114,9 @@ class NvFieldtime {
|
|
|
42071
42114
|
}, key: `${option}-${index}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
|
|
42072
42115
|
}
|
|
42073
42116
|
render() {
|
|
42074
|
-
return (hAsync(Host, { key: '
|
|
42075
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
42076
|
-
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '
|
|
42117
|
+
return (hAsync(Host, { key: 'a032b1f8f529f78197c0c392a36a2a7a0e64da9a', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: '2ad43d201ababc34f5f2e83f56e993b4f4308391', htmlFor: this.inputId }, hAsync("slot", { key: '94c4ae7c844a21ca5f2eaa2944ae6fde8a743db1', name: "label" }, this.label))), hAsync("nv-popover", { key: '2ffeb7b5cdd4bee7c16d749a8f9056aa0b3e0def', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: this.handleOpenChanged }, hAsync("div", { key: '493e8641008451f36d289e54061cfbf7041219a8', class: "input-wrapper", slot: "trigger" }, hAsync("slot", { key: 'cc4dda576165ac75fa7c3e64c2688e74631adbe1', name: "before-input" }), hAsync("div", { key: '589853e389e86ada62ee220bd7d383d53841a857', class: "input-container" }, hAsync("slot", { key: 'a705e0d398d6a169ff98b04944baf0df13d02a3f', name: "leading-input" }), this.renderTimeInputFields(), hAsync("nv-iconbutton", { key: 'a33b9ba6453d7649970040e690ee50bdfaa83ee3', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (hAsync("nv-icon", { key: '89890ac88e95199aedc13ea536843ba1c0e1cb18', name: "alert-circle", class: "validation", size: "sm" })), this.success && (hAsync("nv-icon", { key: '2f020e2a5efb5ec37eecbe2629236fbbf4ca6ce8', name: "circle-check", class: "validation", size: "sm" }))), hAsync("slot", { key: '2357690da2edc71f674f384b2d497155ef47984e', name: "after-input" })), hAsync("div", { key: 'd13be0ad80be00d85b87eb7981e875d75a0e4862', class: "time-dropdown", slot: "content" }, hAsync("div", { key: '1443d77eea765261a16bd3f838ed9f7126bf68a5', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
|
|
42118
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '4feca47ba72f1594a6a6c8246810620eda9d207b', class: "description" }, hAsync("slot", { key: '43845e3b0f15f787ea69eb1a588e3bc6392449c1', name: "description" }, this.description))), (this.errorDescription ||
|
|
42119
|
+
this.el.querySelector('[slot="error-description"]')) && (hAsync("div", { key: '539a080864dd94f4b7b1b1c2c16e813ca3d5e42d', hidden: !this.error, class: "error-description" }, hAsync("slot", { key: '9c70b3af02a3e3a26b022d65cced0217d14c8812', name: "error-description" }, this.errorDescription)))));
|
|
42077
42120
|
}
|
|
42078
42121
|
static get formAssociated() { return true; }
|
|
42079
42122
|
get el() { return getElement(this); }
|
|
@@ -42186,7 +42229,7 @@ class NvIcon {
|
|
|
42186
42229
|
/****************************************************************************/
|
|
42187
42230
|
//#region RENDER
|
|
42188
42231
|
render() {
|
|
42189
|
-
return (hAsync(Host, { key: '
|
|
42232
|
+
return (hAsync(Host, { key: '296afbaf68b6883a35fa67651ffef9052a604c51', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, hAsync("svg", { key: '8d6977768135682a5c3777bacc55d5e0553211c1', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, hAsync("use", { key: '91f29aae64f5f32ecc95382f0cdb8338112ee332', href: `#nvicon_${this.name}` }))));
|
|
42190
42233
|
}
|
|
42191
42234
|
static get style() { return nvIconCss(); }
|
|
42192
42235
|
static get cmpMeta() { return {
|
|
@@ -42333,7 +42376,7 @@ class NvIconbutton {
|
|
|
42333
42376
|
/****************************************************************************/
|
|
42334
42377
|
//#region RENDER
|
|
42335
42378
|
render() {
|
|
42336
|
-
return (hAsync(Host, { key: '
|
|
42379
|
+
return (hAsync(Host, { key: '9b96d47b036561ab1458f193bf7a3b749e6189da', role: "button", type: this.type, tabindex: this.disableTabindex ? -1 : 0, disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && hAsync("nv-loader", { key: 'cd55b87aae05c11cf9759421a2aa3c15fef8a19f', size: this.size }), !this.loading && hAsync("nv-icon", { key: '1fb7bd007f0bde6693bc2241b4e3baa57e0a7fc0', name: this.name, size: this.size }), hAsync("slot", { key: 'd2cc6d92bb9714d1b204e75c664b965d696a2fae' })));
|
|
42337
42380
|
}
|
|
42338
42381
|
static get formAssociated() { return true; }
|
|
42339
42382
|
get el() { return getElement(this); }
|
|
@@ -42385,7 +42428,7 @@ class NvLoader {
|
|
|
42385
42428
|
//#region RENDER
|
|
42386
42429
|
/* <slot> empty to force rendering change */
|
|
42387
42430
|
render() {
|
|
42388
|
-
return (hAsync(Host, { key: '
|
|
42431
|
+
return (hAsync(Host, { key: '8cac2279ffe58fe0243f638c9d55d2f0e5a8443a', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
|
|
42389
42432
|
}
|
|
42390
42433
|
static get style() { return nvLoaderCss(); }
|
|
42391
42434
|
static get cmpMeta() { return {
|
|
@@ -42592,7 +42635,7 @@ class NvMenu {
|
|
|
42592
42635
|
this.triggerElement = this.el.querySelector('[slot="trigger"]');
|
|
42593
42636
|
}
|
|
42594
42637
|
render() {
|
|
42595
|
-
return (hAsync(Host, { key: '
|
|
42638
|
+
return (hAsync(Host, { key: 'efaa7d9242c23b27395dc1584ea05300ce3142d8' }, hAsync("slot", { key: '42be7569ce9b393f2f22daabbe4f7594e3e48a7a', name: "trigger" }), hAsync("nv-popover", { key: '55a12dabf7230a3fbb5e1811b4d211a4c9c7514a', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open, onOpenChanged: this.handleOpenChanged.bind(this) }, this.items ? (hAsync("ul", { slot: "content" }, this.renderMenuItems())) : (hAsync("slot", { name: "content" })))));
|
|
42596
42639
|
}
|
|
42597
42640
|
get el() { return getElement(this); }
|
|
42598
42641
|
static get style() { return nvMenuCss(); }
|
|
@@ -42662,7 +42705,7 @@ class NvMenuitem {
|
|
|
42662
42705
|
/****************************************************************************/
|
|
42663
42706
|
//#region RENDER
|
|
42664
42707
|
render() {
|
|
42665
|
-
return (hAsync(Host, { key: '
|
|
42708
|
+
return (hAsync(Host, { key: '052f7822782c1a50cfc207dc6c7090e9ae7ddb23', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && hAsync("nv-icon", { key: 'b6fb4a24573d6ce2a65d1fbec49f25084aca4efc', name: this.icon }), hAsync("slot", { key: 'dd4b413f909db1b13a642411532b4980fe495bcf' }), this.label && hAsync("span", { key: '06e14c729b5d1a8c7fb58797fcf345eb15d02be4', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && hAsync("kbd", { key: '53802fa02a1c643b8f04ec71365115c469016e65' }, this.shortcut), this.hasSubmenu && hAsync("nv-icon", { key: 'ef8e14ab9147ef7cba4e160a053e4900aac9a927', name: "chevron-right" })));
|
|
42666
42709
|
}
|
|
42667
42710
|
get el() { return getElement(this); }
|
|
42668
42711
|
static get style() { return nvMenuitemCss(); }
|
|
@@ -42843,7 +42886,7 @@ class NvNotification {
|
|
|
42843
42886
|
/****************************************************************************/
|
|
42844
42887
|
//#region RENDER
|
|
42845
42888
|
render() {
|
|
42846
|
-
return (hAsync(Host, { key: '
|
|
42889
|
+
return (hAsync(Host, { key: '32af1308aa22ce8228416fcce23ce5b75111895b', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": this.getHeadingId() ?? null, "aria-describedby": this.getMessageId() ?? null, tabindex: "-1" }, hAsync("div", { key: 'e63deeef95ae6c0e3fe1d8ce178c5dbe9d82f88c', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (hAsync("button", { key: '1b66875001f685293d83bbe90a85b297b335c024', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, hAsync("nv-icon", { key: 'b1be8798751f60f41925ea92e40df697eb15fa42', name: "x", size: "sm" }))), hAsync("nv-icon", { key: 'a922d93bddb729fa7674199d438833544d48da2e', name: this.icon ?? this.getDefaultIcon(), size: "md", "data-scope": "icon" }), hAsync("div", { key: 'a55e449e8e17560a70d3d40ff3b9e7e2855fbbac', "data-scope": "content" }, (this.heading || this.headingSlot) && (hAsync("p", { key: 'd4c7b85c8b9c5c488b86ba4c8f0c456b8ea3ca2d', id: this.getHeadingId(), "data-scope": "heading" }, hAsync("slot", { key: 'e1ef0d24ae77ee788c63d66bed7fee308f3f9d13', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (hAsync("p", { key: 'cd7d469058230fec03311e485da0360766633dd0', id: this.getMessageId(), "data-scope": "message" }, hAsync("slot", { key: 'cd5000e571c1a7b19bbb0f59e58e938ee4e51361', name: "content" }, this.message))), this.actionsSlot && (hAsync("div", { key: 'b0a19b512cc2fbce22907ac28828429202378e75', "data-scope": "actions" }, hAsync("slot", { key: 'd40e04eb94154b319c8e212c76f1d932942137d0', name: "actions" })))))));
|
|
42847
42890
|
}
|
|
42848
42891
|
get el() { return getElement(this); }
|
|
42849
42892
|
static get style() { return nvNotificationCss(); }
|
|
@@ -42975,7 +43018,7 @@ class NvNotificationContainer {
|
|
|
42975
43018
|
/****************************************************************************/
|
|
42976
43019
|
//#region RENDER
|
|
42977
43020
|
render() {
|
|
42978
|
-
return (hAsync(Host, { key: '
|
|
43021
|
+
return (hAsync(Host, { key: '3618bd72eb82ee09c8c971d83ea3e0dbb58f6fbf', class: `position-${this.position}` }, hAsync("slot", { key: 'ed0d1b37dd23e984365a92d45c6ecae31a5bbac9' })));
|
|
42979
43022
|
}
|
|
42980
43023
|
static get style() { return nvNotificationcontainerCss(); }
|
|
42981
43024
|
static get cmpMeta() { return {
|
|
@@ -43169,7 +43212,7 @@ class NvPaginationNav {
|
|
|
43169
43212
|
render() {
|
|
43170
43213
|
const isFirstPage = this.currentPage === 1;
|
|
43171
43214
|
const isLastPage = this.currentPage === this.totalPages;
|
|
43172
|
-
return (hAsync(Host, { key: '
|
|
43215
|
+
return (hAsync(Host, { key: '2aecff38a5777b1e229b04110e774d4ac708e940' }, hAsync("nav", { key: 'a470aab7d30178269f25eb794b447b6478ed274d', "data-scope": "pagination-nav", "aria-label": "Pagination navigation" }, this.isOnlyIcon ? (hAsync("nv-iconbutton", { name: "chevron-left", size: "md", emphasis: "lower", disabled: isFirstPage, onClick: () => this.handlePageChange(this.currentPage - 1), "data-scope": "previous-iconbutton", "aria-label": this.previousButtonLabel })) : (hAsync("nv-button", { size: "md", emphasis: "lower", disabled: isFirstPage, onClick: () => this.handlePageChange(this.currentPage - 1), "data-scope": "previous-button" }, hAsync("nv-icon", { slot: "leading-icon", name: "chevron-left" }), this.previousButtonLabel)), hAsync("ol", { key: '4ea58c4f536310c0d60354da84d9fd650a16dc67', "data-scope": "page-list" }, calculatePaginationRange({
|
|
43173
43216
|
currentPage: this.currentPage,
|
|
43174
43217
|
totalCount: this.totalCount,
|
|
43175
43218
|
pageSize: this.pageSize,
|
|
@@ -43241,6 +43284,19 @@ function interpolate(template, values, fallback) {
|
|
|
43241
43284
|
function isFirstPage(pageIndex) {
|
|
43242
43285
|
return pageIndex === 0;
|
|
43243
43286
|
}
|
|
43287
|
+
/**
|
|
43288
|
+
* Returns the 1-based page number to show in the page label.
|
|
43289
|
+
* When there are no pages (empty/filtered-to-zero dataset), returns 0 so
|
|
43290
|
+
* the label reads e.g. "Page 0 of 0" instead of "Page 1 of 0".
|
|
43291
|
+
* @param {number} pageIndex - Current page index (zero-based)
|
|
43292
|
+
* @param {number} pageCount - Total number of pages
|
|
43293
|
+
* @returns {number} The page number to display (1-based, or 0 when no pages)
|
|
43294
|
+
*/
|
|
43295
|
+
function getDisplayPageNumber(pageIndex, pageCount) {
|
|
43296
|
+
if (pageCount <= 0)
|
|
43297
|
+
return 0;
|
|
43298
|
+
return pageIndex + 1;
|
|
43299
|
+
}
|
|
43244
43300
|
/**
|
|
43245
43301
|
* Checks if navigation to the last/next page is possible
|
|
43246
43302
|
* @param {number} pageIndex - Current page index (zero-based)
|
|
@@ -43416,10 +43472,13 @@ class NvPaginationtable {
|
|
|
43416
43472
|
const atFirstPage = isFirstPage(this.pageIndex);
|
|
43417
43473
|
const atLastPage = isLastPage(this.pageIndex, this.pageCount);
|
|
43418
43474
|
// Use fallback values to handle undefined props (can happen when frameworks pass undefined explicitly)
|
|
43419
|
-
const pageLabel = interpolate(this.labelPage, {
|
|
43475
|
+
const pageLabel = interpolate(this.labelPage, {
|
|
43476
|
+
pageIndex: getDisplayPageNumber(this.pageIndex, this.pageCount),
|
|
43477
|
+
pageCount: this.pageCount,
|
|
43478
|
+
}, 'Page {pageIndex} of {pageCount}');
|
|
43420
43479
|
const totalLabel = interpolate(this.labelTotal, { rowCount: this.rowCount }, 'Total: {rowCount} rows');
|
|
43421
43480
|
const pageSizeOptions = generatePageSizeOptions(this.labelPageSizeOption ?? '{pageSize} per page');
|
|
43422
|
-
return (hAsync(Host, { key: '
|
|
43481
|
+
return (hAsync(Host, { key: '5f0e4d93600b77cf9b54b99a1ccffb1048c389fe', role: "navigation", "aria-label": "Pagination" }, !this.hideControls && (hAsync("div", { key: '5226510a0d4cabba98d7aafaa7e3cd7d413b2d8a', "data-scope": "controls" }, !this.hideFirstLast && (hAsync("nv-iconbutton", { key: 'bdcb8d93cdf24821ab5cdedc0413a77f163e19a1', name: "chevrons-left", emphasis: "lower", size: "sm", disabled: atFirstPage, onClick: () => this.firstPage() })), !this.hidePrevNext && (hAsync("nv-iconbutton", { key: '822cfe5bd177ebbdce436f0f850fad9a86aae1c5', name: "chevron-left", emphasis: "lower", size: "sm", disabled: atFirstPage, onClick: () => this.previousPage() })), !this.hidePrevNext && (hAsync("nv-iconbutton", { key: 'fd0aa10dee6b72d816b6801c03e5be7fb9a3698d', name: "chevron-right", emphasis: "lower", size: "sm", disabled: atLastPage, onClick: () => this.nextPage() })), !this.hideFirstLast && (hAsync("nv-iconbutton", { key: 'a5b8fa71a51d0157dc37b908f972c0d830b44b00', name: "chevrons-right", emphasis: "lower", size: "sm", disabled: atLastPage, onClick: () => this.lastPage() })))), hAsync("span", { key: '0b09d7507a9d1f3dbabbb37265d6949243290b1b', "data-scope": "page-label" }, pageLabel), hAsync("span", { key: '275c4a1ca625a0afc68bfff46fc3e2872e0f76c3', "data-scope": "total" }, totalLabel), hAsync("div", { key: '8a329ccc7baaac9f580aed7d2a53ed7f940c123a', "data-scope": "per-page" }, hAsync("nv-fieldselect", { key: '83c644de7d30e63e0a96ccccaefb311acdd7617c', value: String(this.pageSize), onValueChanged: this.handlePageSizeChange, options: pageSizeOptions })), hAsync("slot", { key: '190b8c8587c25ca449339a6ea1bbd85bed06d35f' })));
|
|
43423
43482
|
}
|
|
43424
43483
|
static get watchers() { return {
|
|
43425
43484
|
"pageIndex": [{
|
|
@@ -45413,7 +45472,7 @@ class NvPopover {
|
|
|
45413
45472
|
/****************************************************************************/
|
|
45414
45473
|
//#region RENDER
|
|
45415
45474
|
render() {
|
|
45416
|
-
return (hAsync(Host, { key: '
|
|
45475
|
+
return (hAsync(Host, { key: '01b6cff8203a7e1ffe5b05aeea7f8e35238ac9bb' }, hAsync("slot", { key: '63264f349fbc817a8b4efe7272715942fc307863', name: "trigger" }), hAsync("div", { key: '0a251a4447bbe7481a71465ac2402aeb156ba537', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (hAsync("div", { key: 'c958f8cd4c8f19d4ac7e8779cb4555a5b9dbfc01', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), hAsync("slot", { key: '72d516982d54945924c88372a54d19ba568a4e4a', name: "content" }))));
|
|
45417
45476
|
}
|
|
45418
45477
|
get el() { return getElement(this); }
|
|
45419
45478
|
static get watchers() { return {
|
|
@@ -45455,6 +45514,7 @@ const nvRowCss = () => `nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var
|
|
|
45455
45514
|
|
|
45456
45515
|
/**
|
|
45457
45516
|
* @slot default - The row content.
|
|
45517
|
+
* @deprecated since v3.0.0. Use Tailwind CSS classes instead with grid or flexbox utilities.
|
|
45458
45518
|
*/
|
|
45459
45519
|
class NvRow {
|
|
45460
45520
|
constructor(hostRef) {
|
|
@@ -45463,7 +45523,7 @@ class NvRow {
|
|
|
45463
45523
|
/****************************************************************************/
|
|
45464
45524
|
//#region RENDER
|
|
45465
45525
|
render() {
|
|
45466
|
-
return (hAsync(Host, { key: '
|
|
45526
|
+
return (hAsync(Host, { key: '6363fba1008818b66f1eeb4ade8949f56c7c23b0' }, hAsync("slot", { key: '2a2399121ac20fb577a29c93ba764f196352a9b8' })));
|
|
45467
45527
|
}
|
|
45468
45528
|
static get style() { return nvRowCss(); }
|
|
45469
45529
|
static get cmpMeta() { return {
|
|
@@ -45476,8 +45536,9 @@ class NvRow {
|
|
|
45476
45536
|
}; }
|
|
45477
45537
|
}
|
|
45478
45538
|
|
|
45479
|
-
const nvSidebarCss = () => `nv-sidebarnavitem a,nv-sidebarnavitem a:link,nv-sidebarnavitem a:visited,nv-sidebarnavitem a:hover,nv-sidebarnavitem a:active,nv-sidebarnavsubitem a,nv-sidebarnavsubitem a:link,nv-sidebarnavsubitem a:visited,nv-sidebarnavsubitem a:hover,nv-sidebarnavsubitem a:active{color:inherit !important;text-decoration:none !important}nv-sidebar{display:flex;flex-direction:column;position:relative;height:100vh;background-color:var(--components-sidebar-background);border-right:var(--sidebar-divider-size) solid var(--components-sidebar-border);transition:width 0.3s ease;width:var(--sidebar-width)}nv-sidebar[collapsed]{width:var(--sidebar-width-collapsed)}nv-sidebar[collapsed] [data-hide-on-collapsed]{display:none !important}nv-sidebar[collapsed] .nv-sidebar-container{padding:var(--sidebar-padding-y) var(--sidebar-padding-x-collapsed)}nv-sidebar .nv-sidebar-container{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:var(--sidebar-padding-y) var(--sidebar-padding-x);gap:var(--sidebar-gap-y)}nv-sidebar .nv-sidebar-toggle{position:absolute;top:var(--sidebar-collapsible-button-position-top);right:calc(-1 * var(--sidebar-collapsible-button-position-right));display:flex;align-items:center;justify-content:center;padding:var(--sidebar-collapsible-button-padding);background-color:var(--components-sidebar-background);border:1px solid var(--color-content-low-border);border-radius:var(--radius-rounded-full);cursor:pointer;transition:transform 0.2s ease;z-index:10}nv-sidebar .nv-sidebar-toggle:hover{background-color:var(--color-interaction-container-neutral-background-hover)}nv-sidebar .nv-sidebar-toggle:focus,nv-sidebar .nv-sidebar-toggle:focus-within{outline:none}nv-sidebar .nv-sidebar-toggle:focus-visible,nv-sidebar .nv-sidebar-toggle:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-sidebar .nv-sidebar-toggle nv-icon{width:var(--sidebar-collapsible-button-icon-size);height:var(--sidebar-collapsible-button-icon-size);color:var(--color-interaction-container-neutral-icon)}nv-sidebar .nv-sidebar-toggle nv-icon:hover{color:var(--color-interaction-container-neutral-icon-hover)}`;
|
|
45539
|
+
const nvSidebarCss = () => `nv-sidebarnavitem a,nv-sidebarnavitem a:link,nv-sidebarnavitem a:visited,nv-sidebarnavitem a:hover,nv-sidebarnavitem a:active,nv-sidebarnavsubitem a,nv-sidebarnavsubitem a:link,nv-sidebarnavsubitem a:visited,nv-sidebarnavsubitem a:hover,nv-sidebarnavsubitem a:active{color:inherit !important;text-decoration:none !important}nv-sidebar{display:flex;flex-direction:column;position:relative;height:100vh;background-color:var(--components-sidebar-background);border-right:var(--sidebar-divider-size) solid var(--components-sidebar-border);transition:width 0.3s ease;width:var(--sidebar-width)}nv-sidebar[collapsed]{width:var(--sidebar-width-collapsed)}nv-sidebar[collapsed] [data-hide-on-collapsed]{display:none !important}nv-sidebar[collapsed] .nv-sidebar-container{padding:var(--sidebar-padding-y) var(--sidebar-padding-x-collapsed)}nv-sidebar[resizing]{transition:none}nv-sidebar .nv-sidebar-container{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:var(--sidebar-padding-y) var(--sidebar-padding-x);gap:var(--sidebar-gap-y)}nv-sidebar .nv-sidebar-toggle{position:absolute;top:var(--sidebar-collapsible-button-position-top);right:calc(-1 * var(--sidebar-collapsible-button-position-right));display:flex;align-items:center;justify-content:center;padding:var(--sidebar-collapsible-button-padding);background-color:var(--components-sidebar-background);border:1px solid var(--color-content-low-border);border-radius:var(--radius-rounded-full);cursor:pointer;transition:transform 0.2s ease;z-index:10}nv-sidebar .nv-sidebar-toggle:hover{background-color:var(--color-interaction-container-neutral-background-hover)}nv-sidebar .nv-sidebar-toggle:focus,nv-sidebar .nv-sidebar-toggle:focus-within{outline:none}nv-sidebar .nv-sidebar-toggle:focus-visible,nv-sidebar .nv-sidebar-toggle:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-sidebar .nv-sidebar-toggle nv-icon{width:var(--sidebar-collapsible-button-icon-size);height:var(--sidebar-collapsible-button-icon-size);color:var(--color-interaction-container-neutral-icon)}nv-sidebar .nv-sidebar-toggle nv-icon:hover{color:var(--color-interaction-container-neutral-icon-hover)}nv-sidebar .nv-sidebar-resize-handle{position:absolute;top:0;right:calc(-1 * var(--sidebar-divider-size));width:4px;height:100%;cursor:col-resize;background-color:transparent;transition:background-color 0.15s ease;z-index:9;user-select:none;touch-action:none}nv-sidebar .nv-sidebar-resize-handle:hover,nv-sidebar .nv-sidebar-resize-handle:focus-visible{background-color:var(--color-interaction-container-branded-high-background)}nv-sidebar .nv-sidebar-resize-handle:focus,nv-sidebar .nv-sidebar-resize-handle:focus-within{outline:none}nv-sidebar .nv-sidebar-resize-handle:focus-visible,nv-sidebar .nv-sidebar-resize-handle:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}`;
|
|
45480
45540
|
|
|
45541
|
+
const KEYBOARD_STEP = 8;
|
|
45481
45542
|
/**
|
|
45482
45543
|
* Main sidebar container for navigation. Supports collapsible and persistent modes.
|
|
45483
45544
|
* @slot default - All sidebar components (logo, header, content, footer).
|
|
@@ -45486,6 +45547,9 @@ class NvSidebar {
|
|
|
45486
45547
|
constructor(hostRef) {
|
|
45487
45548
|
registerInstance(this, hostRef);
|
|
45488
45549
|
this.openChanged = createEvent(this, "openChanged", 3);
|
|
45550
|
+
this.widthChanged = createEvent(this, "widthChanged", 3);
|
|
45551
|
+
this.resizeStartX = 0;
|
|
45552
|
+
this.resizeStartWidth = 0;
|
|
45489
45553
|
/****************************************************************************/
|
|
45490
45554
|
//#region PROPERTIES
|
|
45491
45555
|
/**
|
|
@@ -45511,6 +45575,23 @@ class NvSidebar {
|
|
|
45511
45575
|
* - low: Less prominent appearance
|
|
45512
45576
|
*/
|
|
45513
45577
|
this.notificationEmphasis = 'high';
|
|
45578
|
+
/**
|
|
45579
|
+
* When true, the sidebar can be resized horizontally by dragging its right edge.
|
|
45580
|
+
* Only active when the sidebar is open (not collapsed).
|
|
45581
|
+
*/
|
|
45582
|
+
this.resizable = false;
|
|
45583
|
+
/**
|
|
45584
|
+
* Minimum width in pixels when resizing.
|
|
45585
|
+
*/
|
|
45586
|
+
this.minWidth = 200;
|
|
45587
|
+
/**
|
|
45588
|
+
* Maximum width in pixels when resizing.
|
|
45589
|
+
*/
|
|
45590
|
+
this.maxWidth = 480;
|
|
45591
|
+
//#endregion PROPERTIES
|
|
45592
|
+
/****************************************************************************/
|
|
45593
|
+
//#region STATE
|
|
45594
|
+
this.resizing = false;
|
|
45514
45595
|
//#endregion EVENTS
|
|
45515
45596
|
/****************************************************************************/
|
|
45516
45597
|
//#region METHODS
|
|
@@ -45520,6 +45601,81 @@ class NvSidebar {
|
|
|
45520
45601
|
this.open = !this.open;
|
|
45521
45602
|
}
|
|
45522
45603
|
};
|
|
45604
|
+
this.handleResizeStart = (event) => {
|
|
45605
|
+
if (event.button !== 0)
|
|
45606
|
+
return;
|
|
45607
|
+
if (this.resizing)
|
|
45608
|
+
return;
|
|
45609
|
+
if (!this.canResize())
|
|
45610
|
+
return;
|
|
45611
|
+
event.preventDefault();
|
|
45612
|
+
this.resizing = true;
|
|
45613
|
+
this.resizeStartX = event.clientX;
|
|
45614
|
+
// clientWidth excludes the border, matching the CSS width that drives `--sidebar-width`
|
|
45615
|
+
this.resizeStartWidth = this.el.clientWidth;
|
|
45616
|
+
// Pointer capture routes subsequent pointer events to the handle even when
|
|
45617
|
+
// the pointer leaves it, so releasing outside the window still fires pointerup
|
|
45618
|
+
event.currentTarget.setPointerCapture(event.pointerId);
|
|
45619
|
+
};
|
|
45620
|
+
this.handleResizeMove = (event) => {
|
|
45621
|
+
if (!this.resizing || !this.canResize())
|
|
45622
|
+
return;
|
|
45623
|
+
const delta = event.clientX - this.resizeStartX;
|
|
45624
|
+
this.width = this.clampWidth(this.resizeStartWidth + delta);
|
|
45625
|
+
};
|
|
45626
|
+
this.handleResizeEnd = (event) => {
|
|
45627
|
+
if (!this.resizing)
|
|
45628
|
+
return;
|
|
45629
|
+
this.releasePointerCapture(event);
|
|
45630
|
+
this.resizing = false;
|
|
45631
|
+
if (this.width != null) {
|
|
45632
|
+
this.widthChanged.emit(this.width);
|
|
45633
|
+
}
|
|
45634
|
+
};
|
|
45635
|
+
this.handleResizeCancel = (event) => {
|
|
45636
|
+
// Pointer cancel means the interaction was aborted (browser gesture, system
|
|
45637
|
+
// event). Release capture and drop the drag, but do not emit widthChanged
|
|
45638
|
+
// since the value was not committed by the user.
|
|
45639
|
+
if (!this.resizing)
|
|
45640
|
+
return;
|
|
45641
|
+
this.releasePointerCapture(event);
|
|
45642
|
+
this.resizing = false;
|
|
45643
|
+
};
|
|
45644
|
+
this.cancelResize = () => {
|
|
45645
|
+
if (!this.resizing)
|
|
45646
|
+
return;
|
|
45647
|
+
this.resizing = false;
|
|
45648
|
+
};
|
|
45649
|
+
this.handleResizeKeyDown = (event) => {
|
|
45650
|
+
if (!this.canResize())
|
|
45651
|
+
return;
|
|
45652
|
+
const [min, max] = this.getBounds();
|
|
45653
|
+
const current = this.width ?? this.el.clientWidth;
|
|
45654
|
+
let next = null;
|
|
45655
|
+
switch (event.key) {
|
|
45656
|
+
case 'ArrowLeft':
|
|
45657
|
+
next = current - KEYBOARD_STEP;
|
|
45658
|
+
break;
|
|
45659
|
+
case 'ArrowRight':
|
|
45660
|
+
next = current + KEYBOARD_STEP;
|
|
45661
|
+
break;
|
|
45662
|
+
case 'Home':
|
|
45663
|
+
next = min;
|
|
45664
|
+
break;
|
|
45665
|
+
case 'End':
|
|
45666
|
+
next = max;
|
|
45667
|
+
break;
|
|
45668
|
+
default:
|
|
45669
|
+
return;
|
|
45670
|
+
}
|
|
45671
|
+
event.preventDefault();
|
|
45672
|
+
const currentClamped = this.clampWidth(current);
|
|
45673
|
+
const nextClamped = this.clampWidth(next);
|
|
45674
|
+
if (nextClamped === currentClamped)
|
|
45675
|
+
return;
|
|
45676
|
+
this.width = nextClamped;
|
|
45677
|
+
this.widthChanged.emit(this.width);
|
|
45678
|
+
};
|
|
45523
45679
|
/**
|
|
45524
45680
|
* Sets the active state of navigation items based on activePath
|
|
45525
45681
|
*/
|
|
@@ -45595,6 +45751,48 @@ class NvSidebar {
|
|
|
45595
45751
|
});
|
|
45596
45752
|
};
|
|
45597
45753
|
}
|
|
45754
|
+
getBounds() {
|
|
45755
|
+
// Fall back to the built-in defaults if a consumer passes a non-finite bound
|
|
45756
|
+
const rawMin = Number.isFinite(this.minWidth) ? this.minWidth : 200;
|
|
45757
|
+
const rawMax = Number.isFinite(this.maxWidth) ? this.maxWidth : 480;
|
|
45758
|
+
return [Math.min(rawMin, rawMax), Math.max(rawMin, rawMax)];
|
|
45759
|
+
}
|
|
45760
|
+
clampWidth(value) {
|
|
45761
|
+
const [min, max] = this.getBounds();
|
|
45762
|
+
return Math.round(Math.min(Math.max(value, min), max));
|
|
45763
|
+
}
|
|
45764
|
+
canResize() {
|
|
45765
|
+
return this.resizable && !(this.type === 'collapsible' && !this.open);
|
|
45766
|
+
}
|
|
45767
|
+
getAriaValueNow() {
|
|
45768
|
+
if (this.width != null)
|
|
45769
|
+
return this.clampWidth(this.width);
|
|
45770
|
+
const [min] = this.getBounds();
|
|
45771
|
+
return this.clampWidth(this.el?.clientWidth || min);
|
|
45772
|
+
}
|
|
45773
|
+
applyWidthStyle() {
|
|
45774
|
+
if (this.width == null) {
|
|
45775
|
+
this.el.style.removeProperty('--sidebar-width');
|
|
45776
|
+
return;
|
|
45777
|
+
}
|
|
45778
|
+
if (!Number.isFinite(this.width)) {
|
|
45779
|
+
// Guard against NaN/Infinity which would otherwise loop through @Watch('width') forever
|
|
45780
|
+
this.width = undefined;
|
|
45781
|
+
return;
|
|
45782
|
+
}
|
|
45783
|
+
const clamped = this.clampWidth(this.width);
|
|
45784
|
+
if (clamped !== this.width) {
|
|
45785
|
+
this.width = clamped;
|
|
45786
|
+
return; // @Watch('width') will re-enter and apply the clamped value
|
|
45787
|
+
}
|
|
45788
|
+
this.el.style.setProperty('--sidebar-width', `${clamped}px`);
|
|
45789
|
+
}
|
|
45790
|
+
releasePointerCapture(event) {
|
|
45791
|
+
const target = event.currentTarget;
|
|
45792
|
+
if (target?.hasPointerCapture(event.pointerId)) {
|
|
45793
|
+
target.releasePointerCapture(event.pointerId);
|
|
45794
|
+
}
|
|
45795
|
+
}
|
|
45598
45796
|
handleCollapsedSideEffects(isCollapsed) {
|
|
45599
45797
|
if (!isCollapsed) {
|
|
45600
45798
|
return;
|
|
@@ -45611,11 +45809,32 @@ class NvSidebar {
|
|
|
45611
45809
|
}
|
|
45612
45810
|
onOpenChanged(newValue, oldValue) {
|
|
45613
45811
|
this.handleCollapsedSideEffects(this.type === 'collapsible' && !newValue);
|
|
45812
|
+
// Cancel any in-progress resize if the sidebar is programmatically collapsed
|
|
45813
|
+
if (this.type === 'collapsible' && !newValue) {
|
|
45814
|
+
this.cancelResize();
|
|
45815
|
+
}
|
|
45614
45816
|
// Only emit event when open state actually changes (not on re-render with same value)
|
|
45615
45817
|
if (this.type === 'collapsible' && newValue !== oldValue) {
|
|
45616
45818
|
this.openChanged.emit(newValue);
|
|
45617
45819
|
}
|
|
45618
45820
|
}
|
|
45821
|
+
onWidthChanged() {
|
|
45822
|
+
this.applyWidthStyle();
|
|
45823
|
+
}
|
|
45824
|
+
onBoundsChanged() {
|
|
45825
|
+
// Re-clamp the current width against the new bounds so visuals and ARIA stay within range
|
|
45826
|
+
if (this.width != null) {
|
|
45827
|
+
const clamped = this.clampWidth(this.width);
|
|
45828
|
+
if (clamped !== this.width) {
|
|
45829
|
+
this.width = clamped;
|
|
45830
|
+
}
|
|
45831
|
+
}
|
|
45832
|
+
}
|
|
45833
|
+
onResizableChanged(newValue) {
|
|
45834
|
+
if (!newValue) {
|
|
45835
|
+
this.cancelResize();
|
|
45836
|
+
}
|
|
45837
|
+
}
|
|
45619
45838
|
//#endregion WATCHERS
|
|
45620
45839
|
/****************************************************************************/
|
|
45621
45840
|
//#region LIFECYCLE
|
|
@@ -45623,6 +45842,7 @@ class NvSidebar {
|
|
|
45623
45842
|
this.setActiveNavItems();
|
|
45624
45843
|
this.setupMutationObserver();
|
|
45625
45844
|
this.handleCollapsedSideEffects(this.type === 'collapsible' && !this.open);
|
|
45845
|
+
this.applyWidthStyle();
|
|
45626
45846
|
}
|
|
45627
45847
|
disconnectedCallback() {
|
|
45628
45848
|
if (this.mutationObserver) {
|
|
@@ -45637,9 +45857,11 @@ class NvSidebar {
|
|
|
45637
45857
|
//#region RENDER
|
|
45638
45858
|
render() {
|
|
45639
45859
|
const isCollapsed = this.type === 'collapsible' && !this.open;
|
|
45640
|
-
|
|
45860
|
+
const showResizeHandle = this.resizable && !isCollapsed;
|
|
45861
|
+
const [ariaValueMin, ariaValueMax] = this.getBounds();
|
|
45862
|
+
return (hAsync(Host, { key: '24fa9b232e27fe864d6984bf947d9720ffd1804d', role: "navigation", collapsed: isCollapsed ? true : undefined, resizing: this.resizing ? true : undefined, "notification-intention": this.notificationIntention, "notification-emphasis": this.notificationEmphasis, "aria-expanded": this.type === 'collapsible' ? String(this.open) : undefined }, hAsync("div", { key: 'c9d15e38ab0b18c34858fca91376439f300e2f61', class: "nv-sidebar-container" }, hAsync("slot", { key: 'fe732ec38f8848dfc3516ee2a601d8ceb313b559' })), this.type === 'collapsible' && (hAsync("button", { key: '53f9de5d7318cdea02abe6928dda4b488d43e0a8', class: "nv-sidebar-toggle", onClick: this.handleToggle, "aria-label": this.open ? 'Collapse sidebar' : 'Expand sidebar' }, hAsync("nv-icon", { key: 'ea42dca24abed9ec5981027b0f5ac5ae9aaa3b1f', name: this.open
|
|
45641
45863
|
? 'layout-sidebar-left-collapse'
|
|
45642
|
-
: 'layout-sidebar-right-collapse', size: "sm" })))));
|
|
45864
|
+
: 'layout-sidebar-right-collapse', size: "sm" }))), showResizeHandle && (hAsync("div", { key: '1f28ce72b3eb61223d708d519761ab9eef182f2e', class: "nv-sidebar-resize-handle", role: "separator", "aria-orientation": "vertical", "aria-label": "Resize sidebar", "aria-valuenow": this.getAriaValueNow(), "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, tabIndex: 0, onPointerDown: this.handleResizeStart, onPointerMove: this.handleResizeMove, onPointerUp: this.handleResizeEnd, onPointerCancel: this.handleResizeCancel, onKeyDown: this.handleResizeKeyDown }))));
|
|
45643
45865
|
}
|
|
45644
45866
|
get el() { return getElement(this); }
|
|
45645
45867
|
static get watchers() { return {
|
|
@@ -45648,6 +45870,18 @@ class NvSidebar {
|
|
|
45648
45870
|
}],
|
|
45649
45871
|
"open": [{
|
|
45650
45872
|
"onOpenChanged": 0
|
|
45873
|
+
}],
|
|
45874
|
+
"width": [{
|
|
45875
|
+
"onWidthChanged": 0
|
|
45876
|
+
}],
|
|
45877
|
+
"minWidth": [{
|
|
45878
|
+
"onBoundsChanged": 0
|
|
45879
|
+
}],
|
|
45880
|
+
"maxWidth": [{
|
|
45881
|
+
"onBoundsChanged": 0
|
|
45882
|
+
}],
|
|
45883
|
+
"resizable": [{
|
|
45884
|
+
"onResizableChanged": 0
|
|
45651
45885
|
}]
|
|
45652
45886
|
}; }
|
|
45653
45887
|
static get style() { return nvSidebarCss(); }
|
|
@@ -45659,11 +45893,16 @@ class NvSidebar {
|
|
|
45659
45893
|
"open": [1540],
|
|
45660
45894
|
"activePath": [513, "active-path"],
|
|
45661
45895
|
"notificationIntention": [513, "notification-intention"],
|
|
45662
|
-
"notificationEmphasis": [513, "notification-emphasis"]
|
|
45896
|
+
"notificationEmphasis": [513, "notification-emphasis"],
|
|
45897
|
+
"resizable": [516],
|
|
45898
|
+
"minWidth": [514, "min-width"],
|
|
45899
|
+
"maxWidth": [514, "max-width"],
|
|
45900
|
+
"width": [1026],
|
|
45901
|
+
"resizing": [32]
|
|
45663
45902
|
},
|
|
45664
45903
|
"$listeners$": undefined,
|
|
45665
45904
|
"$lazyBundleId$": "-",
|
|
45666
|
-
"$attrsToReflect$": [["type", "type"], ["open", "open"], ["activePath", "active-path"], ["notificationIntention", "notification-intention"], ["notificationEmphasis", "notification-emphasis"]]
|
|
45905
|
+
"$attrsToReflect$": [["type", "type"], ["open", "open"], ["activePath", "active-path"], ["notificationIntention", "notification-intention"], ["notificationEmphasis", "notification-emphasis"], ["resizable", "resizable"], ["minWidth", "min-width"], ["maxWidth", "max-width"]]
|
|
45667
45906
|
}; }
|
|
45668
45907
|
}
|
|
45669
45908
|
|
|
@@ -45680,7 +45919,7 @@ class NvSidebarcontent {
|
|
|
45680
45919
|
/****************************************************************************/
|
|
45681
45920
|
//#region RENDER
|
|
45682
45921
|
render() {
|
|
45683
|
-
return (hAsync(Host, { key: '
|
|
45922
|
+
return (hAsync(Host, { key: '85b6fd48dca4c6889c16453ba53e6bdcb692782a', role: "list" }, hAsync("slot", { key: 'f2a2860c6bcd8a1196f191f6af2f3be28713d792' })));
|
|
45684
45923
|
}
|
|
45685
45924
|
static get style() { return nvSidebarcontentCss(); }
|
|
45686
45925
|
static get cmpMeta() { return {
|
|
@@ -45705,7 +45944,7 @@ class NvSidebardivider {
|
|
|
45705
45944
|
/****************************************************************************/
|
|
45706
45945
|
//#region RENDER
|
|
45707
45946
|
render() {
|
|
45708
|
-
return hAsync(Host, { key: '
|
|
45947
|
+
return hAsync(Host, { key: '31125496c90eb141cd70a69ac24f5d2b2165821c', role: "separator", "aria-orientation": "horizontal" });
|
|
45709
45948
|
}
|
|
45710
45949
|
static get style() { return nvSidebardividerCss(); }
|
|
45711
45950
|
static get cmpMeta() { return {
|
|
@@ -45732,7 +45971,7 @@ class NvSidebarfooter {
|
|
|
45732
45971
|
/****************************************************************************/
|
|
45733
45972
|
//#region RENDER
|
|
45734
45973
|
render() {
|
|
45735
|
-
return (hAsync(Host, { key: '
|
|
45974
|
+
return (hAsync(Host, { key: '1d281299e81cf2081b6e77f3a47e75c8efe699fa' }, hAsync("slot", { key: 'd0211b2b36ae6dc31f1a63e82eb8cc7c58c8e56a' })));
|
|
45736
45975
|
}
|
|
45737
45976
|
static get style() { return nvSidebarfooterCss(); }
|
|
45738
45977
|
static get cmpMeta() { return {
|
|
@@ -45759,7 +45998,7 @@ class NvSidebargroup {
|
|
|
45759
45998
|
/****************************************************************************/
|
|
45760
45999
|
//#region RENDER
|
|
45761
46000
|
render() {
|
|
45762
|
-
return (hAsync(Host, { key: '
|
|
46001
|
+
return (hAsync(Host, { key: '039c251fd46c3c178d1fc5329cbf676947f9f736', role: "group", "aria-label": this.label }, this.label && hAsync("div", { key: 'f2fc7cbbe469ab8f71caa86ec62ed98347c1072a', class: "nv-sidebargroup-label" }, this.label), hAsync("slot", { key: '67cf9ff6aa2f61feaf1c3966e7975fbf5273229c' })));
|
|
45763
46002
|
}
|
|
45764
46003
|
static get style() { return nvSidebargroupCss(); }
|
|
45765
46004
|
static get cmpMeta() { return {
|
|
@@ -45788,7 +46027,7 @@ class NvSidebarheader {
|
|
|
45788
46027
|
/****************************************************************************/
|
|
45789
46028
|
//#region RENDER
|
|
45790
46029
|
render() {
|
|
45791
|
-
return (hAsync(Host, { key: '
|
|
46030
|
+
return (hAsync(Host, { key: 'f29fff2d903edbcea70de45e3aca5e7049872464' }, hAsync("slot", { key: 'e5854558583d51d0dba078da41311fedcaeb9bc5' })));
|
|
45792
46031
|
}
|
|
45793
46032
|
static get style() { return nvSidebarheaderCss(); }
|
|
45794
46033
|
static get cmpMeta() { return {
|
|
@@ -45826,7 +46065,7 @@ class NvSidebarlogo {
|
|
|
45826
46065
|
render() {
|
|
45827
46066
|
const logoSrc = this.logo || this.defaultLogo;
|
|
45828
46067
|
const collapsedLogoSrc = this.collapsedLogo || this.defaultCollapsedLogo;
|
|
45829
|
-
return (hAsync(Host, { key: '
|
|
46068
|
+
return (hAsync(Host, { key: '6c8f69d79da3f6f308489b440951c4c70bbf1607' }, hAsync("div", { key: '614c4925f8e26fbcb53387f0d166d51435a67759', class: "nv-sidebarlogo-container" }, hAsync("img", { key: 'e6e6d3b5a024179c7e0042a3fd2be330379fd1c5', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), hAsync("img", { key: 'f58059a9ec0ddc7840e77fcd3ec64d1e30b87a13', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), hAsync("slot", { key: '2f895cfb6487af387d501bb0d22f39967a08b83a', name: "label" }), this.label && hAsync("span", { key: 'df6039eb0a010bc547a3017ca50be61b9929337d', class: "nv-sidebarlogo-title" }, this.label))));
|
|
45830
46069
|
}
|
|
45831
46070
|
static get style() { return nvSidebarlogoCss(); }
|
|
45832
46071
|
static get cmpMeta() { return {
|
|
@@ -46120,7 +46359,7 @@ class NvSidebarnavitem {
|
|
|
46120
46359
|
render() {
|
|
46121
46360
|
const showNotificationBullet = this.notificationCount !== undefined && this.notificationCount > 0;
|
|
46122
46361
|
const notificationSize = this.isSidebarCollapsed ? 'reduced' : 'default';
|
|
46123
|
-
return (hAsync(Host, { key: '
|
|
46362
|
+
return (hAsync(Host, { key: '5d7b7d92812e20fa0ff6765506afc26965bcad19', role: "listitem" }, hAsync("div", { key: '080e96026b2b1d8ed1edfe3b291aea27b3ef6a29', class: "nv-sidebarnavitem-trigger", onClick: this.handleToggle, "aria-expanded": this.collapsible ? String(this.open) : undefined, "aria-current": this.active && !this.collapsible ? 'page' : undefined }, this.icon && (hAsync("div", { key: 'e97b9141eaf73fb363374227b59317bdf40289a3', class: "nv-sidebarnavitem-icon" }, hAsync("nv-icon", { key: '1c7f7bbf4fd36963873b70a65786e4f89463e636', name: this.icon, size: "md" }), showNotificationBullet && this.isSidebarCollapsed && (hAsync("nv-notification-bullet", { key: '53151726d69a262a40e3eae7751757081e7cc70e', count: this.notificationCount, size: notificationSize, contrastingBorder: true })))), hAsync("div", { key: '1a0a208300d3d17e7c1ecce3db5a307167be730e', class: "nv-sidebarnavitem-content" }, hAsync("slot", { key: 'e92c48e3d9c71d767fe7e775c97d6da678f132e5' })), hAsync("div", { key: '0f436e17da2cfadb01096eaa7854ad2c2ed2a4b3', class: "nv-sidebarnavitem-trailing" }, hAsync("slot", { key: '71d23bd377b11c2bf5eaf17c25e26df33b4d9b53', name: "trailing" }), showNotificationBullet && !this.isSidebarCollapsed && (hAsync("nv-notification-bullet", { key: '1d6c4ab8f326d39bd7b452d8b0fe44577369b9f4', count: this.notificationCount, size: notificationSize })), this.collapsible && (hAsync("nv-icon", { key: '13f4eb6174a76790bac429227d05de1beae4b4ee', name: "chevron-down", size: "sm", class: "nv-sidebarnavitem-chevron" })))), this.collapsible && this.hasSubitems && (hAsync("div", { key: '6d5a87e10c7394663237f466d36871fe7cce48ae', class: "nv-sidebarnavitem-subitems", ref: el => {
|
|
46124
46363
|
// Only update ref and initialize if element changed or not yet initialized
|
|
46125
46364
|
if (el !== this.subitemsRef) {
|
|
46126
46365
|
this.subitemsRef = el;
|
|
@@ -46135,7 +46374,7 @@ class NvSidebarnavitem {
|
|
|
46135
46374
|
});
|
|
46136
46375
|
}
|
|
46137
46376
|
}
|
|
46138
|
-
} }, hAsync("slot", { key: '
|
|
46377
|
+
} }, hAsync("slot", { key: '6790db049f61ca41292bfd865884548a5a5da5d0', name: "subitems" })))));
|
|
46139
46378
|
}
|
|
46140
46379
|
get el() { return getElement(this); }
|
|
46141
46380
|
static get watchers() { return {
|
|
@@ -46189,7 +46428,7 @@ class NvSidebarnavsubitem {
|
|
|
46189
46428
|
/****************************************************************************/
|
|
46190
46429
|
//#region RENDER
|
|
46191
46430
|
render() {
|
|
46192
|
-
return (hAsync(Host, { key: '
|
|
46431
|
+
return (hAsync(Host, { key: '868adf5adb19818ca6caab0f866bfd9c2bf1c6f6', role: "listitem", "aria-current": this.active ? 'page' : undefined }, hAsync("div", { key: '212d3e04dde99a698081e8ffc3aa39e696883794', class: "nv-sidebarnavsubitem-indicator" }), hAsync("div", { key: '2ac964d11cdc914e329a0b6edcc6753d8182e60d', class: "nv-sidebarnavsubitem-content" }, hAsync("slot", { key: 'be2a8d0b2e81f6f299ae9574c1358cfba28ed1a9' })), hAsync("div", { key: '62e4e65e5c502c379851201cf038c6ca49ec051d', class: "nv-sidebarnavsubitem-trailing" }, hAsync("slot", { key: '45cb80e9cbc0ab886ff7124035e781ae7f616f75', name: "trailing" }))));
|
|
46193
46432
|
}
|
|
46194
46433
|
static get style() { return nvSidebarnavsubitemCss(); }
|
|
46195
46434
|
static get cmpMeta() { return {
|
|
@@ -46210,6 +46449,7 @@ const nvSplitCss = () => `nv-split{display:flex;width:100%;height:100%;position:
|
|
|
46210
46449
|
* The `nv-split` component is an advanced layout container that enables the creation of interactively resizable panels. It provides a flexible solution for dividing available space between multiple interface sections, with precise control over dimensions and constraints for each panel. Slot=“pane” elements have margin: 0 !important by default. This is a necessary technical constraint because CSS margins are not included in the flex-basis calculation, which would distort the sizing of the panes. Solution for the user: Apply margins/padding to the content inside the pane, not to the pane itself.
|
|
46211
46450
|
* @slot pane - Content of each split pane. Use multiple `<div slot="pane">` elements.
|
|
46212
46451
|
* @slot gutter - Optional custom content inside every gutter handle.
|
|
46452
|
+
* @slot default - Placeholder for any auto rendered gutters
|
|
46213
46453
|
*/
|
|
46214
46454
|
class NvSplit {
|
|
46215
46455
|
constructor(hostRef) {
|
|
@@ -46530,7 +46770,7 @@ class NvSplit {
|
|
|
46530
46770
|
/****************************************************************************/
|
|
46531
46771
|
//#region RENDER
|
|
46532
46772
|
render() {
|
|
46533
|
-
return (hAsync(Host, { key: '
|
|
46773
|
+
return (hAsync(Host, { key: '91f106634a9f04a3b6aced262ea84e75b294255e', "data-dragging": this.isDragging.toString() }, hAsync("slot", { key: '17fb1041dc82b510d8c303208891a2eb455b885a', name: "pane" }), hAsync("slot", { key: '4900d19af850f103a191769ef23c0cd5d2531375', name: "gutter" }), hAsync("slot", { key: 'bfad8d859270f46094655103f10182c25c2c94fe' })));
|
|
46534
46774
|
}
|
|
46535
46775
|
get el() { return getElement(this); }
|
|
46536
46776
|
static get watchers() { return {
|
|
@@ -46583,7 +46823,7 @@ class NvStack {
|
|
|
46583
46823
|
/****************************************************************************/
|
|
46584
46824
|
//#region RENDER
|
|
46585
46825
|
render() {
|
|
46586
|
-
return (hAsync(Host, { key: '
|
|
46826
|
+
return (hAsync(Host, { key: 'fb4c34f7f678b980d4caceb71c420dc6de5d0322', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, hAsync("slot", { key: '2a5b1b24802d9527f5d076a316401f2bb403c979' })));
|
|
46587
46827
|
}
|
|
46588
46828
|
static get style() { return nvStackCss(); }
|
|
46589
46829
|
static get cmpMeta() { return {
|
|
@@ -46602,6 +46842,55 @@ class NvStack {
|
|
|
46602
46842
|
}; }
|
|
46603
46843
|
}
|
|
46604
46844
|
|
|
46845
|
+
const nvStatusindicatorCss = () => `nv-statusindicator{display:inline-flex;align-items:center;gap:var(--status-indicator-gap-x);padding:var(--status-indicator-padding-y) var(--status-indicator-padding-x);height:var(--status-indicator-height);border-radius:var(--status-indicator-radius);border:1px solid;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--status-indicator-label-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--status-indicator-label-line-height);width:fit-content;vertical-align:middle}nv-statusindicator.status-success{color:var(--color-feedback-success-low-text);border-color:var(--color-feedback-success-low-border)}nv-statusindicator.status-success nv-icon{color:var(--color-feedback-success-low-icon)}nv-statusindicator.status-success.emphasis-high{background-color:var(--color-feedback-success-low-background);border-color:var(--color-feedback-success-low-border-subtle)}nv-statusindicator.status-warning{color:var(--color-feedback-warning-low-text);border-color:var(--color-feedback-warning-low-border)}nv-statusindicator.status-warning nv-icon{color:var(--color-feedback-warning-low-icon)}nv-statusindicator.status-warning.emphasis-high{background-color:var(--color-feedback-warning-low-background);border-color:var(--color-feedback-warning-low-border-subtle)}nv-statusindicator.status-error{color:var(--color-feedback-error-low-text);border-color:var(--color-feedback-error-low-border)}nv-statusindicator.status-error nv-icon{color:var(--color-feedback-error-low-icon)}nv-statusindicator.status-error.emphasis-high{background-color:var(--color-feedback-error-low-background);border-color:var(--color-feedback-error-low-border-subtle)}nv-statusindicator.status-information{color:var(--color-feedback-information-low-text);border-color:var(--color-feedback-information-low-border)}nv-statusindicator.status-information nv-icon{color:var(--color-feedback-information-low-icon)}nv-statusindicator.status-information.emphasis-high{background-color:var(--color-feedback-information-low-background);border-color:var(--color-feedback-information-low-border-subtle)}nv-statusindicator.status-neutral{color:var(--color-feedback-neutral-low-text);border-color:var(--color-feedback-neutral-low-border)}nv-statusindicator.status-neutral nv-icon{color:var(--color-feedback-neutral-low-icon)}nv-statusindicator.status-neutral.emphasis-high{background-color:var(--color-feedback-neutral-low-background);border-color:var(--color-feedback-neutral-low-border-subtle)}nv-statusindicator .nv-statusindicator-label{white-space:nowrap}`;
|
|
46846
|
+
|
|
46847
|
+
const STATUS_ICONS = {
|
|
46848
|
+
success: 'circle-check',
|
|
46849
|
+
warning: 'alert-triangle',
|
|
46850
|
+
error: 'alert-circle',
|
|
46851
|
+
information: 'info-circle',
|
|
46852
|
+
neutral: 'help',
|
|
46853
|
+
};
|
|
46854
|
+
/**
|
|
46855
|
+
* A static, non-interactive visual indicator that communicates
|
|
46856
|
+
* system-controlled status through colour, icon, and optional label.
|
|
46857
|
+
*/
|
|
46858
|
+
class NvStatusindicator {
|
|
46859
|
+
constructor(hostRef) {
|
|
46860
|
+
registerInstance(this, hostRef);
|
|
46861
|
+
/****************************************************************************/
|
|
46862
|
+
//#region PROPERTIES
|
|
46863
|
+
/**
|
|
46864
|
+
* The status variant of the indicator.
|
|
46865
|
+
*/
|
|
46866
|
+
this.status = 'neutral';
|
|
46867
|
+
/**
|
|
46868
|
+
* The visual emphasis of the indicator.
|
|
46869
|
+
*/
|
|
46870
|
+
this.emphasis = 'low';
|
|
46871
|
+
}
|
|
46872
|
+
//#endregion PROPERTIES
|
|
46873
|
+
/****************************************************************************/
|
|
46874
|
+
//#region RENDER
|
|
46875
|
+
render() {
|
|
46876
|
+
const hasLabel = Boolean(this.label);
|
|
46877
|
+
return (hAsync(Host, { key: '2f1e9277152efca4f2f3ba95b44934427555854f', class: clsx(`status-${this.status}`, `emphasis-${this.emphasis}`), ...(!hasLabel ? { 'aria-label': this.status } : {}) }, hAsync("nv-icon", { key: '55ba1905d8cde217be9156401c4075522b1e022b', name: STATUS_ICONS[this.status], size: "xs", "aria-hidden": "true" }), hasLabel && hAsync("span", { key: 'a55382c27c4a40dbf7c800c1f1127f31f47f2852', class: "nv-statusindicator-label" }, this.label)));
|
|
46878
|
+
}
|
|
46879
|
+
static get style() { return nvStatusindicatorCss(); }
|
|
46880
|
+
static get cmpMeta() { return {
|
|
46881
|
+
"$flags$": 0,
|
|
46882
|
+
"$tagName$": "nv-statusindicator",
|
|
46883
|
+
"$members$": {
|
|
46884
|
+
"status": [513],
|
|
46885
|
+
"emphasis": [513],
|
|
46886
|
+
"label": [513]
|
|
46887
|
+
},
|
|
46888
|
+
"$listeners$": undefined,
|
|
46889
|
+
"$lazyBundleId$": "-",
|
|
46890
|
+
"$attrsToReflect$": [["status", "status"], ["emphasis", "emphasis"], ["label", "label"]]
|
|
46891
|
+
}; }
|
|
46892
|
+
}
|
|
46893
|
+
|
|
46605
46894
|
/**
|
|
46606
46895
|
* Table utility functions and constants for nv-table component
|
|
46607
46896
|
*
|
|
@@ -46777,7 +47066,7 @@ function updateCellWidthFromResize(state, event, minWidth = TABLE_CONSTANTS.MIN_
|
|
|
46777
47066
|
setCellWidth(state.resizingCell, newWidth);
|
|
46778
47067
|
}
|
|
46779
47068
|
|
|
46780
|
-
const nvTableCss = () => `nv-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-level-00-background)}nv-table table thead{background:var(--components-datagrid-header-background)}nv-table table tbody tr:hover
|
|
47069
|
+
const nvTableCss = () => `nv-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-level-00-background)}nv-table table thead{background:var(--components-datagrid-header-background)}nv-table table tbody tr:hover{background:var(--components-datagrid-body-background-hover)}nv-table table tbody tr[data-selected]{background:var(--components-datagrid-body-background-active)}nv-table table tbody tr[data-selected]:hover{background:var(--components-datagrid-body-background-active)}nv-table table tbody tr.nv-datatable-row-clickable{cursor:pointer}nv-table table tbody tr.nv-datatable-row-clickable td{transition:background-color 120ms ease-in-out}nv-table table tbody tr.nv-datatable-row-clickable:focus-visible{outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-table table tbody tr.nv-datatable-expanded-row>td{padding:0;height:auto;border-bottom:1px solid var(--components-datagrid-expander-border);background:var(--components-datagrid-expander-expander-background)}nv-table table tbody .nv-datatable-expanded-content{position:sticky;left:0;width:0;min-width:100%;padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x);box-sizing:border-box}nv-table table[data-row-click-enabled=true] tbody tr.nv-datatable-row-clickable:hover td{background:var(--components-datagrid-body-background-hover)}nv-table table[data-row-click-enabled=false]>tbody>tr:hover:not([data-selected]){cursor:default}nv-table table[data-row-click-enabled=false]>tbody>tr:hover:not([data-selected])>td{background:var(--components-datagrid-body-background-default) !important}nv-table table td{height:var(--spacing-16);padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x) var(--spacing-2) var(--datagrid-cell-body-padding-x);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);background:var(--components-datagrid-body-background-default);border-bottom:1px solid var(--components-datagrid-body-border)}nv-table table th{position:relative;text-align:left;padding:var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-right) var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-x);padding-right:calc(var(--datagrid-cell-header-padding-right) + 12px);color:var(--color-content-low-text);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-high-emphasis);line-height:var(--line-height-base);min-width:40px;border-bottom:1px solid var(--components-datagrid-header-border);background:var(--components-datagrid-header-background)}nv-table table th::after{content:"";position:absolute;top:0;right:0;width:12px;height:50%;transform:translateY(50%);cursor:col-resize;background:linear-gradient(90deg, transparent 0%, transparent calc(50% - 1px), var(--components-datagrid-header-border), calc(50% - 1px), var(--components-datagrid-header-border) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);opacity:0;transition:opacity 0.05s ease-in-out}nv-table table th[data-grow]{width:unset}nv-table table th:hover::after{opacity:1}nv-table table th[data-no-resize]::after{display:none}nv-table [data-sticky-left]{position:sticky;z-index:1;background:var(--color-level-00-background);left:0;top:0}nv-table [data-sticky-right]{position:sticky;z-index:1;background:var(--color-level-00-background);right:0;top:0}nv-table [data-sticky-top] th{position:sticky;z-index:1;background:var(--color-level-00-background);top:0}`;
|
|
46781
47070
|
|
|
46782
47071
|
/**
|
|
46783
47072
|
* @slot default - Child content of the component.
|
|
@@ -46836,7 +47125,7 @@ class NvTable {
|
|
|
46836
47125
|
/****************************************************************************/
|
|
46837
47126
|
//#region RENDER
|
|
46838
47127
|
render() {
|
|
46839
|
-
return (hAsync(Host, { key: '
|
|
47128
|
+
return (hAsync(Host, { key: 'bc442df56ece833f6a3b6a4af24e0e67e430aefd' }, hAsync("slot", { key: '9f0deb196b2a1bfca8d30a05a752e446068f3f3c' })));
|
|
46840
47129
|
}
|
|
46841
47130
|
get host() { return getElement(this); }
|
|
46842
47131
|
static get style() { return nvTableCss(); }
|
|
@@ -46910,7 +47199,7 @@ class NvTableheader {
|
|
|
46910
47199
|
/****************************************************************************/
|
|
46911
47200
|
//#region RENDER
|
|
46912
47201
|
render() {
|
|
46913
|
-
return (hAsync(Host, { key: '
|
|
47202
|
+
return (hAsync(Host, { key: '1edf4d679b60517b8fdc239a1bc9e91fc55990ab', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, hAsync("slot", { key: '33d9ae13cbae6d34cf374bc626bc616c57e43322' }), this.sortable && (hAsync("span", { key: '61e15b2af831a97051590e31369b42774f13ae53', class: "sort-icon-wrap", "aria-hidden": "true" }, hAsync("nv-iconbutton", { key: 'e8cefc8559de91c2e892547b56eb51d5bc103c1c', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
|
|
46914
47203
|
// prevent mousedown from selecting text
|
|
46915
47204
|
onMouseDown: (e) => e.preventDefault(), class: {
|
|
46916
47205
|
'is-none': this.sortDirection === 'none',
|
|
@@ -46931,6 +47220,101 @@ class NvTableheader {
|
|
|
46931
47220
|
}; }
|
|
46932
47221
|
}
|
|
46933
47222
|
|
|
47223
|
+
const nvTagCss = () => `nv-tag{display:inline-flex;align-items:center;gap:var(--tag-gap-x);padding:0 var(--tag-padding-x);border-radius:var(--tag-border-radius);border:1px solid;overflow:hidden;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium-emphasis);line-height:var(--line-height-xs);height:var(--tag-height);width:fit-content;vertical-align:middle}nv-tag.has-dismiss{padding-right:0}nv-tag.tag-orange{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background);border-color:var(--color-rainbow-2-border-light)}nv-tag.tag-orange nv-icon{color:var(--color-rainbow-2-icon)}nv-tag.tag-orange .nv-tag-content:focus,nv-tag.tag-orange .nv-tag-content:focus-within{outline:none}nv-tag.tag-orange .nv-tag-content:focus-visible,nv-tag.tag-orange .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-crimson{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background);border-color:var(--color-rainbow-6-border-light)}nv-tag.tag-crimson nv-icon{color:var(--color-rainbow-6-icon)}nv-tag.tag-crimson .nv-tag-content:focus,nv-tag.tag-crimson .nv-tag-content:focus-within{outline:none}nv-tag.tag-crimson .nv-tag-content:focus-visible,nv-tag.tag-crimson .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-yellow{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background);border-color:var(--color-rainbow-3-border-light)}nv-tag.tag-yellow nv-icon{color:var(--color-rainbow-3-icon)}nv-tag.tag-yellow .nv-tag-content:focus,nv-tag.tag-yellow .nv-tag-content:focus-within{outline:none}nv-tag.tag-yellow .nv-tag-content:focus-visible,nv-tag.tag-yellow .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-red{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background);border-color:var(--color-rainbow-4-border-light)}nv-tag.tag-red nv-icon{color:var(--color-rainbow-4-icon)}nv-tag.tag-red .nv-tag-content:focus,nv-tag.tag-red .nv-tag-content:focus-within{outline:none}nv-tag.tag-red .nv-tag-content:focus-visible,nv-tag.tag-red .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-blue{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background);border-color:var(--color-rainbow-8-border-light)}nv-tag.tag-blue nv-icon{color:var(--color-rainbow-8-icon)}nv-tag.tag-blue .nv-tag-content:focus,nv-tag.tag-blue .nv-tag-content:focus-within{outline:none}nv-tag.tag-blue .nv-tag-content:focus-visible,nv-tag.tag-blue .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-amber{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background);border-color:var(--color-rainbow-1-border-light)}nv-tag.tag-amber nv-icon{color:var(--color-rainbow-1-icon)}nv-tag.tag-amber .nv-tag-content:focus,nv-tag.tag-amber .nv-tag-content:focus-within{outline:none}nv-tag.tag-amber .nv-tag-content:focus-visible,nv-tag.tag-amber .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-green{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background);border-color:var(--color-rainbow-7-border-light)}nv-tag.tag-green nv-icon{color:var(--color-rainbow-7-icon)}nv-tag.tag-green .nv-tag-content:focus,nv-tag.tag-green .nv-tag-content:focus-within{outline:none}nv-tag.tag-green .nv-tag-content:focus-visible,nv-tag.tag-green .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-turquoise{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background);border-color:var(--color-rainbow-5-border-light)}nv-tag.tag-turquoise nv-icon{color:var(--color-rainbow-5-icon)}nv-tag.tag-turquoise .nv-tag-content:focus,nv-tag.tag-turquoise .nv-tag-content:focus-within{outline:none}nv-tag.tag-turquoise .nv-tag-content:focus-visible,nv-tag.tag-turquoise .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-lime{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background);border-color:var(--color-rainbow-9-border-light)}nv-tag.tag-lime nv-icon{color:var(--color-rainbow-9-icon)}nv-tag.tag-lime .nv-tag-content:focus,nv-tag.tag-lime .nv-tag-content:focus-within{outline:none}nv-tag.tag-lime .nv-tag-content:focus-visible,nv-tag.tag-lime .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag.tag-grey{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background);border-color:var(--color-rainbow-10-border-light)}nv-tag.tag-grey nv-icon{color:var(--color-rainbow-10-icon)}nv-tag.tag-grey .nv-tag-content:focus,nv-tag.tag-grey .nv-tag-content:focus-within{outline:none}nv-tag.tag-grey .nv-tag-content:focus-visible,nv-tag.tag-grey .nv-tag-content:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-text);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-tag .nv-tag-leading{display:contents}nv-tag .nv-tag-label{white-space:nowrap}nv-tag .nv-tag-content{display:inline-flex;align-items:center;gap:var(--tag-gap-x);color:inherit;text-decoration:none;border-radius:var(--tag-border-radius)}nv-tag.is-link .nv-tag-content{cursor:pointer}nv-tag.is-link .nv-tag-content:hover{text-decoration:underline}nv-tag .nv-tag-dismiss{padding:0;margin:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:var(--tag-height);height:var(--tag-height);border-radius:0;appearance:none}nv-tag .nv-tag-dismiss:focus,nv-tag .nv-tag-dismiss:focus-within{outline:none}nv-tag .nv-tag-dismiss:focus-visible{border-radius:0;box-shadow:inset 0 0 0 var(--focus-outline-stroke) var(--color-focus-brand)}nv-tag .nv-tag-dismiss:hover{background-color:var(--color-interaction-container-neutral-background-hover);mix-blend-mode:multiply}nv-tag .nv-tag-dismiss:disabled{opacity:var(--opacity-disabled);pointer-events:none;cursor:default}nv-tag nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}`;
|
|
47224
|
+
|
|
47225
|
+
/**
|
|
47226
|
+
* @slot leading-icon - Optional icon displayed before the label.
|
|
47227
|
+
*/
|
|
47228
|
+
class NvTag {
|
|
47229
|
+
constructor(hostRef) {
|
|
47230
|
+
registerInstance(this, hostRef);
|
|
47231
|
+
this.dismissed = createEvent(this, "dismissed", 3);
|
|
47232
|
+
/****************************************************************************/
|
|
47233
|
+
//#region PROPERTIES
|
|
47234
|
+
/**
|
|
47235
|
+
* The color variant of the tag.
|
|
47236
|
+
*/
|
|
47237
|
+
this.color = 'grey';
|
|
47238
|
+
/**
|
|
47239
|
+
* Whether the tag can be dismissed.
|
|
47240
|
+
*/
|
|
47241
|
+
this.dismissible = false;
|
|
47242
|
+
/**
|
|
47243
|
+
* The browsing context for the link.
|
|
47244
|
+
*/
|
|
47245
|
+
this.target = '_self';
|
|
47246
|
+
/**
|
|
47247
|
+
* Whether the dismiss button is disabled.
|
|
47248
|
+
*/
|
|
47249
|
+
this.disabled = false;
|
|
47250
|
+
//#endregion EVENTS
|
|
47251
|
+
/****************************************************************************/
|
|
47252
|
+
//#region METHODS
|
|
47253
|
+
/**
|
|
47254
|
+
* Handles the dismiss button click.
|
|
47255
|
+
* @param {MouseEvent} event - The click event.
|
|
47256
|
+
*/
|
|
47257
|
+
this.handleDismiss = (event) => {
|
|
47258
|
+
event.stopPropagation();
|
|
47259
|
+
this.dismissed.emit({ label: this.label });
|
|
47260
|
+
};
|
|
47261
|
+
}
|
|
47262
|
+
//#endregion METHODS
|
|
47263
|
+
/****************************************************************************/
|
|
47264
|
+
//#region RENDER
|
|
47265
|
+
/**
|
|
47266
|
+
* Renders the tag content (icon + label).
|
|
47267
|
+
* @returns {unknown} The tag content JSX.
|
|
47268
|
+
*/
|
|
47269
|
+
renderContent() {
|
|
47270
|
+
return [
|
|
47271
|
+
hAsync("span", { class: "nv-tag-leading", "aria-hidden": "true" }, hAsync("slot", { name: "leading-icon" })),
|
|
47272
|
+
hAsync("span", { class: "nv-tag-label" }, this.label),
|
|
47273
|
+
];
|
|
47274
|
+
}
|
|
47275
|
+
/**
|
|
47276
|
+
* Computes the rel attribute for the anchor.
|
|
47277
|
+
* @returns {string | undefined} The computed rel value.
|
|
47278
|
+
*/
|
|
47279
|
+
computeRel() {
|
|
47280
|
+
if (this.href == null)
|
|
47281
|
+
return undefined;
|
|
47282
|
+
if (this.rel)
|
|
47283
|
+
return this.rel;
|
|
47284
|
+
if (this.target === '_blank')
|
|
47285
|
+
return 'noopener noreferrer';
|
|
47286
|
+
return undefined;
|
|
47287
|
+
}
|
|
47288
|
+
render() {
|
|
47289
|
+
const isLink = this.href != null;
|
|
47290
|
+
const TagContent = isLink ? 'a' : 'span';
|
|
47291
|
+
const anchorProps = isLink
|
|
47292
|
+
? { href: this.href, target: this.target, rel: this.computeRel() }
|
|
47293
|
+
: {};
|
|
47294
|
+
return (hAsync(Host, { key: '91f8ca597d894aaa486f1323e85b5f41a20cd964', class: clsx(`tag-${this.color}`, {
|
|
47295
|
+
'has-dismiss': this.dismissible,
|
|
47296
|
+
'is-link': isLink,
|
|
47297
|
+
}) }, hAsync(TagContent, { key: 'fb92a9c11d119770e9cea1091a9a3efcd988a132', class: "nv-tag-content", ...anchorProps }, this.renderContent()), this.dismissible && (hAsync("button", { key: '8d66bfae4867b83bc24ea316237fb64347fd494b', class: "nv-tag-dismiss", type: "button", "aria-label": this.label ? `Remove ${this.label}` : undefined, disabled: this.disabled, onClick: this.handleDismiss }, hAsync("nv-icon", { key: 'd271fc3152cfe7bcca19b372f2bf313b339e9c37', name: "x", size: "xs" })))));
|
|
47298
|
+
}
|
|
47299
|
+
static get style() { return nvTagCss(); }
|
|
47300
|
+
static get cmpMeta() { return {
|
|
47301
|
+
"$flags$": 260,
|
|
47302
|
+
"$tagName$": "nv-tag",
|
|
47303
|
+
"$members$": {
|
|
47304
|
+
"color": [513],
|
|
47305
|
+
"label": [513],
|
|
47306
|
+
"dismissible": [516],
|
|
47307
|
+
"href": [513],
|
|
47308
|
+
"target": [513],
|
|
47309
|
+
"rel": [513],
|
|
47310
|
+
"disabled": [516]
|
|
47311
|
+
},
|
|
47312
|
+
"$listeners$": undefined,
|
|
47313
|
+
"$lazyBundleId$": "-",
|
|
47314
|
+
"$attrsToReflect$": [["color", "color"], ["label", "label"], ["dismissible", "dismissible"], ["href", "href"], ["target", "target"], ["rel", "rel"], ["disabled", "disabled"]]
|
|
47315
|
+
}; }
|
|
47316
|
+
}
|
|
47317
|
+
|
|
46934
47318
|
const nvTimetestCss = () => `nv-timetest{display:flex}nv-timetest label{display:flex;flex-direction:column;margin-right:10px;font-weight:bold}nv-timetest input{font-weight:normal;padding:var(--spacing-2);border-radius:var(--spacing-1);border:1px solid #ccc}`;
|
|
46935
47319
|
|
|
46936
47320
|
/**
|
|
@@ -46999,7 +47383,7 @@ class NvTimetest {
|
|
|
46999
47383
|
/****************************************************************************/
|
|
47000
47384
|
//#region RENDER
|
|
47001
47385
|
render() {
|
|
47002
|
-
return (hAsync(Host, { key: '
|
|
47386
|
+
return (hAsync(Host, { key: 'c9c68e93ef3e0ab01e06918f707c89a6b7bd650b' }, hAsync("label", { key: '418d4bea5711e9db888650aff9e8b89bc0945710' }, "Start:", hAsync("input", { key: '15eeee721a64b4c2811814c7d3c7303c84dfb071', type: "time", step: "1", value: this.value?.start ?? '', onInput: this.handleStartChange })), hAsync("label", { key: 'e21457f05d522370ed8dccbb228b20207fe0b973' }, "End:", hAsync("input", { key: '856e9a1bce12c51c49c1f666e37d4b8d0d878960', type: "time", step: "1", value: this.value?.end ?? '', onInput: this.handleEndChange })), hAsync("slot", { key: '983319380ff04eaaca09a0ffcd9f50523f235580' })));
|
|
47003
47387
|
}
|
|
47004
47388
|
static get style() { return nvTimetestCss(); }
|
|
47005
47389
|
static get cmpMeta() { return {
|
|
@@ -47079,8 +47463,8 @@ class NvToggle {
|
|
|
47079
47463
|
/****************************************************************************/
|
|
47080
47464
|
//#region RENDER
|
|
47081
47465
|
render() {
|
|
47082
|
-
return (hAsync(Host, { key: '
|
|
47083
|
-
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '
|
|
47466
|
+
return (hAsync(Host, { key: 'b2bf7956fbe102ff780e87bc731c8d558a6890fe', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, hAsync("div", { key: '920b35e98be9f6ef90489a84307e6588c192e4c3', class: "input-container" }, hAsync("input", { key: 'ae627fc038ca204d9e79d9643ba4e946a16fa76d', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), hAsync("div", { key: '9c5c0ebba6f24aa9f0556b2c86d823b43c8dd142', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (hAsync("label", { key: 'c33b7d589cbc142dd5a318e78ebfbd97f17867c1', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, hAsync("slot", { key: 'b45490d577602efb5782aa0952112a28a063e167', name: "label" }, this.label))), (this.description ||
|
|
47467
|
+
this.el.querySelector('[slot="description"]')) && (hAsync("div", { key: '5526f29f5f90c89c82c41ceb48e3ccc2d2454e2f', class: "description" }, hAsync("slot", { key: '2ed5c8330514c7f6bb180483e8289228e84dcfa0', name: "description" }, this.description))))));
|
|
47084
47468
|
}
|
|
47085
47469
|
static get formAssociated() { return true; }
|
|
47086
47470
|
get el() { return getElement(this); }
|
|
@@ -47166,7 +47550,7 @@ class NvTogglebutton {
|
|
|
47166
47550
|
/****************************************************************************/
|
|
47167
47551
|
//#region RENDER
|
|
47168
47552
|
render() {
|
|
47169
|
-
return (hAsync(Host, { key: '
|
|
47553
|
+
return (hAsync(Host, { key: '0e5895e17effeef2164efdb6a0b414bb40fde21e', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, hAsync("slot", { key: '9a7c2370e6ad8a7442fd9a7c3d4a172a41037103' })));
|
|
47170
47554
|
}
|
|
47171
47555
|
get el() { return getElement(this); }
|
|
47172
47556
|
static get style() { return nvTogglebuttonCss(); }
|
|
@@ -47340,7 +47724,7 @@ class NvTogglebuttongroup {
|
|
|
47340
47724
|
/****************************************************************************/
|
|
47341
47725
|
//#region RENDER
|
|
47342
47726
|
render() {
|
|
47343
|
-
return (hAsync(Host, { key: '
|
|
47727
|
+
return (hAsync(Host, { key: '4428416f62c5e5f0713089cf7601babd5ee43161' }, hAsync("slot", { key: '549cab50def8d37f072f83af0eea1bb4b55fe3e2' })));
|
|
47344
47728
|
}
|
|
47345
47729
|
get el() { return getElement(this); }
|
|
47346
47730
|
static get watchers() { return {
|
|
@@ -47422,7 +47806,7 @@ class NvTooltip {
|
|
|
47422
47806
|
/****************************************************************************/
|
|
47423
47807
|
//#region RENDER
|
|
47424
47808
|
render() {
|
|
47425
|
-
return (hAsync(Host, { key: '
|
|
47809
|
+
return (hAsync(Host, { key: '6eccd65d55ddfaba863959cd49dd9f404a0f0790' }, hAsync("nv-popover", { key: '9be6e361b11d259b1b8f7b006c41bb62e69141b9', ref: el => (this.popoverElement = el), triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, hAsync("p", { key: 'a8ac3ddeb4ec1e4fe93bf5344ef35a0712fc60c3', slot: "content" }, this.message), hAsync("slot", { key: '67f9e9c245910c5f0e4e0e515872a332f9065055', name: "content" })), hAsync("slot", { key: '453d0a071793edcdba9fd100bb0161d70c82a506', ref: el => (this.defaultSlot = el) })));
|
|
47426
47810
|
}
|
|
47427
47811
|
get el() { return getElement(this); }
|
|
47428
47812
|
static get style() { return nvTooltipCss(); }
|
|
@@ -47502,8 +47886,10 @@ registerComponents([
|
|
|
47502
47886
|
NvSidebarnavsubitem,
|
|
47503
47887
|
NvSplit,
|
|
47504
47888
|
NvStack,
|
|
47889
|
+
NvStatusindicator,
|
|
47505
47890
|
NvTable,
|
|
47506
47891
|
NvTableheader,
|
|
47892
|
+
NvTag,
|
|
47507
47893
|
NvTimetest,
|
|
47508
47894
|
NvToggle,
|
|
47509
47895
|
NvTogglebutton,
|