@utilitywarehouse/hearth-react 0.24.14 → 0.24.15
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/chunk-2GIN5F3U.cjs +2 -0
- package/dist/chunk-2GIN5F3U.cjs.map +1 -0
- package/dist/chunk-2J6ESRUT.cjs +2 -0
- package/dist/chunk-2J6ESRUT.cjs.map +1 -0
- package/dist/{chunk-4MPRCVYH.cjs → chunk-2KOSRTEJ.cjs} +2 -2
- package/dist/{chunk-4MPRCVYH.cjs.map → chunk-2KOSRTEJ.cjs.map} +1 -1
- package/dist/{chunk-3SV7S3S4.cjs → chunk-37Y47EVC.cjs} +2 -2
- package/dist/{chunk-3SV7S3S4.cjs.map → chunk-37Y47EVC.cjs.map} +1 -1
- package/dist/chunk-3VFCVBXL.js +2 -0
- package/dist/chunk-3VFCVBXL.js.map +1 -0
- package/dist/{chunk-QEKBLSE3.js → chunk-42SOFGH3.js} +2 -2
- package/dist/{chunk-K4RWSELN.cjs → chunk-45JNVTHN.cjs} +2 -2
- package/dist/chunk-45JNVTHN.cjs.map +1 -0
- package/dist/chunk-4DHFW3SB.js +2 -0
- package/dist/chunk-4DHFW3SB.js.map +1 -0
- package/dist/{chunk-BHEHWAUS.cjs → chunk-4X3BK4K3.cjs} +2 -2
- package/dist/{chunk-BHEHWAUS.cjs.map → chunk-4X3BK4K3.cjs.map} +1 -1
- package/dist/chunk-5QWOAXXI.cjs +2 -0
- package/dist/chunk-5QWOAXXI.cjs.map +1 -0
- package/dist/{chunk-6M2TG66C.cjs → chunk-5R3LALKT.cjs} +2 -2
- package/dist/{chunk-6M2TG66C.cjs.map → chunk-5R3LALKT.cjs.map} +1 -1
- package/dist/{chunk-WHNZUG4R.cjs → chunk-AHM6HIFY.cjs} +2 -2
- package/dist/{chunk-WHNZUG4R.cjs.map → chunk-AHM6HIFY.cjs.map} +1 -1
- package/dist/chunk-AJEG3D37.cjs +2 -0
- package/dist/chunk-AJEG3D37.cjs.map +1 -0
- package/dist/{chunk-IJJGXLVK.cjs → chunk-AVGPPHTC.cjs} +2 -2
- package/dist/{chunk-IJJGXLVK.cjs.map → chunk-AVGPPHTC.cjs.map} +1 -1
- package/dist/{chunk-MILIEBTD.cjs → chunk-BIYLFMVG.cjs} +2 -2
- package/dist/{chunk-MILIEBTD.cjs.map → chunk-BIYLFMVG.cjs.map} +1 -1
- package/dist/chunk-BZXGMEVY.js +2 -0
- package/dist/chunk-BZXGMEVY.js.map +1 -0
- package/dist/{chunk-WZYQVR44.js → chunk-CK7QFOWD.js} +2 -2
- package/dist/{chunk-CJXMLCA2.js → chunk-E6JPYGSG.js} +2 -2
- package/dist/{chunk-MLZNGLDO.cjs → chunk-EM33NSIH.cjs} +2 -2
- package/dist/{chunk-MLZNGLDO.cjs.map → chunk-EM33NSIH.cjs.map} +1 -1
- package/dist/{chunk-JP3ZLMBS.cjs → chunk-EMMIOGQB.cjs} +2 -2
- package/dist/{chunk-JP3ZLMBS.cjs.map → chunk-EMMIOGQB.cjs.map} +1 -1
- package/dist/{chunk-F6WCIWWX.js → chunk-G5PXDIBC.js} +2 -2
- package/dist/{chunk-RTLA6OD6.js → chunk-GH6OOCOX.js} +2 -2
- package/dist/chunk-HD4XF4MI.cjs +2 -0
- package/dist/chunk-HD4XF4MI.cjs.map +1 -0
- package/dist/chunk-KETB2GNA.cjs +2 -0
- package/dist/chunk-KETB2GNA.cjs.map +1 -0
- package/dist/{chunk-7PJC47FD.js → chunk-L35AV4PZ.js} +2 -2
- package/dist/{chunk-RPN3Y4ZQ.js → chunk-M77ZGJEQ.js} +2 -2
- package/dist/{chunk-GFG6UJYW.js → chunk-MCSL4BBJ.js} +2 -2
- package/dist/{chunk-GATQRCIC.js → chunk-MRID5MOZ.js} +2 -2
- package/dist/{chunk-NFPIFSDD.cjs → chunk-ONZJWEZY.cjs} +1 -1
- package/dist/{chunk-NFPIFSDD.cjs.map → chunk-ONZJWEZY.cjs.map} +1 -1
- package/dist/{chunk-HECLKFB5.js → chunk-SZFDCDUK.js} +1 -1
- package/dist/chunk-SZFDCDUK.js.map +1 -0
- package/dist/{chunk-UVVOKCAO.js → chunk-TTF7PTFZ.js} +2 -2
- package/dist/{chunk-G2YDYU4Q.cjs → chunk-UPFFJYVU.cjs} +2 -2
- package/dist/{chunk-G2YDYU4Q.cjs.map → chunk-UPFFJYVU.cjs.map} +1 -1
- package/dist/{chunk-GQRNYQV6.js → chunk-UUFCRSJ2.js} +2 -2
- package/dist/{chunk-UOGWX5DV.cjs → chunk-UXGRYKUD.cjs} +2 -2
- package/dist/{chunk-UOGWX5DV.cjs.map → chunk-UXGRYKUD.cjs.map} +1 -1
- package/dist/chunk-UYOL3ZJP.js +2 -0
- package/dist/chunk-UYOL3ZJP.js.map +1 -0
- package/dist/{chunk-IJWMHLXM.js → chunk-Y2DWTHAK.js} +2 -2
- package/dist/chunk-YB4RIRLB.js +2 -0
- package/dist/{chunk-GENAMX6B.js.map → chunk-YB4RIRLB.js.map} +1 -1
- package/dist/{chunk-F3EHAH7K.cjs → chunk-YDM7CNIQ.cjs} +2 -2
- package/dist/{chunk-F3EHAH7K.cjs.map → chunk-YDM7CNIQ.cjs.map} +1 -1
- package/dist/{chunk-RPP7J3G6.cjs → chunk-YDYDQJEJ.cjs} +2 -2
- package/dist/{chunk-RPP7J3G6.cjs.map → chunk-YDYDQJEJ.cjs.map} +1 -1
- package/dist/{chunk-S3PHETLT.js → chunk-YPC4QF7M.js} +2 -2
- package/dist/{chunk-JF5CW555.js → chunk-YRM3M5XJ.js} +2 -2
- package/dist/chunk-Z4Y63ALC.js +2 -0
- package/dist/chunk-Z4Y63ALC.js.map +1 -0
- package/dist/chunk-ZLC7RWKQ.js +2 -0
- package/dist/chunk-ZLC7RWKQ.js.map +1 -0
- package/dist/{chunk-AGVUDBCB.cjs → chunk-ZVE7YUPC.cjs} +2 -2
- package/dist/{chunk-AGVUDBCB.cjs.map → chunk-ZVE7YUPC.cjs.map} +1 -1
- package/dist/components/Button/Button.cjs +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Card/Card.cjs +1 -1
- package/dist/components/Card/Card.js +1 -1
- package/dist/components/Combobox/Combobox.cjs +1 -1
- package/dist/components/Combobox/Combobox.js +1 -1
- package/dist/components/CurrencyInput/CurrencyInput.cjs +1 -1
- package/dist/components/CurrencyInput/CurrencyInput.d.cts +2 -5
- package/dist/components/CurrencyInput/CurrencyInput.d.ts +2 -5
- package/dist/components/CurrencyInput/CurrencyInput.js +1 -1
- package/dist/components/DateInput/DateInput.cjs +1 -1
- package/dist/components/DateInput/DateInput.js +1 -1
- package/dist/components/DateInput/DateInputSegment.cjs +1 -1
- package/dist/components/DateInput/DateInputSegment.d.cts +2 -6
- package/dist/components/DateInput/DateInputSegment.d.ts +2 -6
- package/dist/components/DateInput/DateInputSegment.js +1 -1
- package/dist/components/DatePicker/DatePicker.cjs +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/HighlightBanner/HighlightBanner.cjs +1 -1
- package/dist/components/HighlightBanner/HighlightBanner.js +1 -1
- package/dist/components/InputBase/InputBase.cjs +1 -1
- package/dist/components/InputBase/InputBase.d.cts +3 -2
- package/dist/components/InputBase/InputBase.d.ts +3 -2
- package/dist/components/InputBase/InputBase.js +1 -1
- package/dist/components/List/List.cjs +1 -1
- package/dist/components/List/List.js +1 -1
- package/dist/components/Modal/Modal.cjs +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Pagination/Pagination.cjs +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.cjs +1 -1
- package/dist/components/PasswordInput/PasswordInput.d.cts +2 -5
- package/dist/components/PasswordInput/PasswordInput.d.ts +2 -5
- package/dist/components/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/ProgressBar/ProgressBarCircular.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBarCircular.js +1 -1
- package/dist/components/ProgressBar/ProgressBarLinear.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBarLinear.js +1 -1
- package/dist/components/SearchInput/SearchInput.cjs +1 -1
- package/dist/components/SearchInput/SearchInput.d.cts +2 -5
- package/dist/components/SearchInput/SearchInput.d.ts +2 -5
- package/dist/components/SearchInput/SearchInput.js +1 -1
- package/dist/components/Table/Table.cjs +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/TablePagination.cjs +1 -1
- package/dist/components/Table/TablePagination.js +1 -1
- package/dist/components/TextInput/TextInput.cjs +1 -1
- package/dist/components/TextInput/TextInput.d.cts +2 -5
- package/dist/components/TextInput/TextInput.d.ts +2 -5
- package/dist/components/TextInput/TextInput.js +1 -1
- package/dist/components/ToggleButtonCard/ToggleButtonCard.cjs +1 -1
- package/dist/components/ToggleButtonCard/ToggleButtonCard.js +1 -1
- package/dist/components/VerificationInput/VerificationInput.cjs +1 -1
- package/dist/components/VerificationInput/VerificationInput.d.cts +4 -6
- package/dist/components/VerificationInput/VerificationInput.d.ts +4 -6
- package/dist/components/VerificationInput/VerificationInput.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/styles.css +1 -1
- package/dist/chunk-54YG4VNB.cjs +0 -2
- package/dist/chunk-54YG4VNB.cjs.map +0 -1
- package/dist/chunk-6TYBHIC2.js +0 -2
- package/dist/chunk-6TYBHIC2.js.map +0 -1
- package/dist/chunk-7G6BT4OO.cjs +0 -2
- package/dist/chunk-7G6BT4OO.cjs.map +0 -1
- package/dist/chunk-EBURNEZX.js +0 -2
- package/dist/chunk-EBURNEZX.js.map +0 -1
- package/dist/chunk-G3CRGGF6.cjs +0 -2
- package/dist/chunk-G3CRGGF6.cjs.map +0 -1
- package/dist/chunk-GENAMX6B.js +0 -2
- package/dist/chunk-HECLKFB5.js.map +0 -1
- package/dist/chunk-IURJIQKN.js +0 -2
- package/dist/chunk-IURJIQKN.js.map +0 -1
- package/dist/chunk-K4RWSELN.cjs.map +0 -1
- package/dist/chunk-PEIZ5YXW.js +0 -2
- package/dist/chunk-PEIZ5YXW.js.map +0 -1
- package/dist/chunk-QCMTR2BT.js +0 -2
- package/dist/chunk-QCMTR2BT.js.map +0 -1
- package/dist/chunk-QK53VWN5.js +0 -2
- package/dist/chunk-QK53VWN5.js.map +0 -1
- package/dist/chunk-ZFWAO4WB.cjs +0 -2
- package/dist/chunk-ZFWAO4WB.cjs.map +0 -1
- package/dist/chunk-ZXN6ZQX5.cjs +0 -2
- package/dist/chunk-ZXN6ZQX5.cjs.map +0 -1
- package/dist/chunk-ZZOECKRZ.cjs +0 -2
- package/dist/chunk-ZZOECKRZ.cjs.map +0 -1
- /package/dist/{chunk-QEKBLSE3.js.map → chunk-42SOFGH3.js.map} +0 -0
- /package/dist/{chunk-WZYQVR44.js.map → chunk-CK7QFOWD.js.map} +0 -0
- /package/dist/{chunk-CJXMLCA2.js.map → chunk-E6JPYGSG.js.map} +0 -0
- /package/dist/{chunk-F6WCIWWX.js.map → chunk-G5PXDIBC.js.map} +0 -0
- /package/dist/{chunk-RTLA6OD6.js.map → chunk-GH6OOCOX.js.map} +0 -0
- /package/dist/{chunk-7PJC47FD.js.map → chunk-L35AV4PZ.js.map} +0 -0
- /package/dist/{chunk-RPN3Y4ZQ.js.map → chunk-M77ZGJEQ.js.map} +0 -0
- /package/dist/{chunk-GFG6UJYW.js.map → chunk-MCSL4BBJ.js.map} +0 -0
- /package/dist/{chunk-GATQRCIC.js.map → chunk-MRID5MOZ.js.map} +0 -0
- /package/dist/{chunk-UVVOKCAO.js.map → chunk-TTF7PTFZ.js.map} +0 -0
- /package/dist/{chunk-GQRNYQV6.js.map → chunk-UUFCRSJ2.js.map} +0 -0
- /package/dist/{chunk-IJWMHLXM.js.map → chunk-Y2DWTHAK.js.map} +0 -0
- /package/dist/{chunk-S3PHETLT.js.map → chunk-YPC4QF7M.js.map} +0 -0
- /package/dist/{chunk-JF5CW555.js.map → chunk-YRM3M5XJ.js.map} +0 -0
package/styles.css
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
--h-interactive-functional-surface-subtle-inverted-active
|
|
7
7
|
);--h-ghost-background-color-hover:var(
|
|
8
8
|
--h-interactive-functional-surface-subtle-inverted-hover
|
|
9
|
-
);--h-ghost-foreground-color:var(--h-interactive-functional-foreground-inverted)}.h-ButtonBase:where([data-colorscheme=functional]){--h-solid-border-color:transparent;--h-emphasis-border-color:transparent}.h-ButtonBase:where(.h-variant-solid){--h-button-base-foreground-color:var(--h-solid-foreground-color);--h-button-base-border-color:var(--h-solid-border-color);--h-button-base-background-color:var(--h-solid-background-color);--h-button-base-background-color-hover:var(--h-solid-background-color-hover);--h-button-base-background-color-active:var(--h-solid-background-color-active)}.h-ButtonBase:where(.h-variant-outline){--h-button-base-foreground-color:var(--h-outline-foreground-color);--h-button-base-border-color:var(--h-outline-border-color);--h-button-base-background-color:transparent;--h-button-base-background-color-hover:var(--h-outline-background-color-hover);--h-button-base-background-color-active:var(--h-outline-background-color-active)}.h-ButtonBase:where(.h-variant-ghost){--h-button-base-border-color:transparent;--h-button-base-foreground-color:var(--h-ghost-foreground-color);--h-button-base-background-color:transparent;--h-button-base-background-color-hover:var(--h-ghost-background-color-hover);--h-button-base-background-color-active:var(--h-ghost-background-color-active)}.h-ButtonBase:where(.h-variant-emphasis){box-shadow:none;position:relative}.h-ButtonBase:where(.h-variant-emphasis)>.h-ButtonBaseShadow{background:var(--h-emphasis-shadow-color);border-radius:var(--h-button-border-radius);height:100%;left:0;position:absolute;top:0;transform:var(--h-emphasis-transform);width:100%;will-change:transform}.h-ButtonBase:where(.h-variant-emphasis)>.h-ButtonBaseFront{align-items:center;background-color:var(--h-button-base-background-color);border-radius:var(--h-button-border-radius);box-shadow:inset 0 0 0 var(--h-button-border-width) var(--h-button-base-border-color);color:var(--h-button-base-foreground-color);display:inline-flex;justify-content:center;position:relative;text-align:center;transition:transform .12s ease;width:100%;will-change:transform;--h-button-base-foreground-color:var(--h-emphasis-foreground-color);--h-button-base-border-color:var(--h-emphasis-border-color);--h-button-base-background-color:var(--h-emphasis-background-color);--h-button-base-background-color-hover:var(--h-emphasis-background-color-hover);--h-button-base-background-color-active:var(--h-emphasis-background-color-active)}@media (hover:hover){:is(.h-ButtonBase:where(.h-variant-emphasis)>.h-ButtonBaseFront):where(:hover):not([aria-disabled=true]){--h-button-base-background-color:var(--h-button-base-background-color-hover)}}.h-ButtonBase:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-ButtonBase:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}.h-ButtonBase:where(:focus-visible)>.h-ButtonBaseShadow{background:transparent}@media (hover:hover){.h-ButtonBase:where(:hover):not([aria-disabled=true]){--h-button-base-background-color:var(--h-button-base-background-color-hover)}}.h-ButtonBase:where([aria-disabled=true]){cursor:not-allowed}.h-ButtonBase:where(:active):not([aria-disabled=true]){transition-duration:0s;--h-button-base-background-color:var(--h-button-base-background-color-active)}.h-ButtonBase:where(:active):not([aria-disabled=true])>.h-ButtonBaseFront{transform:var(--h-emphasis-transform)}.h-Button{font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-button-gap);line-height:var(--h-body-text-md-line-height);min-width:var(--h-button-min-width);padding-block:var(--h-button-padding-block);padding-inline:var(--h-button-padding-inline)}.h-Button:where(.h-variant-ghost.h-padding-none){padding-inline:0}.h-Button:where(.h-variant-emphasis){gap:0;min-width:0;padding:0}.h-Button:where(.h-variant-ghost){text-decoration:underline}.h-Button:where(.h-variant-emphasis)>.h-ButtonBaseFront{gap:var(--h-button-gap);min-width:var(--h-button-min-width);padding-block:var(--h-button-padding-block);padding-inline:var(--h-button-padding-inline)}.h-Button :where(.h-ButtonLoading){display:grid}:is(.h-Button :where(.h-ButtonLoading))>div,:is(.h-Button :where(.h-ButtonLoading))>span{grid-column:1;grid-row:1}:is(.h-Button :where(.h-ButtonLoading))>div{align-items:center;display:inline-flex;gap:var(--h-button-gap);justify-content:center}:is(.h-Button :where(.h-ButtonLoading)) :where(.h-ButtonHidden){visibility:hidden}.h-Button:where(.h-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.h-Button:where(.h-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}@media (min-width:740px){.h-Button:where(.tablet\:h-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.h-Button:where(.tablet\:h-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}}@media (min-width:992px){.h-Button:where(.desktop\:h-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.h-Button:where(.desktop\:h-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}}@media (min-width:1200px){.h-Button:where(.wide\:h-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.h-Button:where(.wide\:h-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}}.h-IconButton{height:var(--h-icon-button-size);padding-block:var(--h-icon-button-padding-block);padding-inline:var(--h-icon-button-padding-inline);width:var(--h-icon-button-size)}.h-IconButton:where(.h-variant-emphasis){min-width:0;padding:0}.h-IconButton:where(.h-variant-emphasis)>.h-ButtonBaseFront{height:var(--h-icon-button-size);padding-block:var(--h-icon-button-padding-block);padding-inline:var(--h-icon-button-padding-inline);width:var(--h-icon-button-size)}.h-IconButton:where(.h-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.h-IconButton:where(.h-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}@media (min-width:740px){.h-IconButton:where(.tablet\:h-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.h-IconButton:where(.tablet\:h-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}}@media (min-width:992px){.h-IconButton:where(.desktop\:h-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.h-IconButton:where(.desktop\:h-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}}@media (min-width:1200px){.h-IconButton:where(.wide\:h-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.h-IconButton:where(.wide\:h-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}}.h-UnstyledIconButton{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;flex-shrink:0;justify-content:center;outline:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:var(--h-border-radius-xs);color:var(--h-icon-button-unstyled-foreground-color);cursor:pointer;height:var(--h-icon-button-size);touch-action:manipulation;transition:background-color .2s ease-out;width:var(--h-icon-button-size)}.h-UnstyledIconButton:where([data-inverted]){color:var(--h-icon-button-unstyled-inverted-foreground-color)}.h-UnstyledIconButton:where([aria-disabled=true]){cursor:not-allowed}@media (hover:hover){.h-UnstyledIconButton:where(:hover):not([aria-disabled=true]){color:var(--h-icon-button-unstyled-foreground-color-hover)}.h-UnstyledIconButton:where(:hover):not([aria-disabled=true]):where([data-inverted]){color:var(--h-icon-button-unstyled-inverted-foreground-color-hover)}}.h-UnstyledIconButton:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-UnstyledIconButton:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}.h-UnstyledIconButton:where(:active):not([aria-disabled=true]){color:var(--h-icon-button-unstyled-foreground-color-active)}.h-UnstyledIconButton:where(:active):not([aria-disabled=true]):where([data-inverted]){color:var(--h-icon-button-unstyled-inverted-foreground-color-active)}@media (pointer:coarse){.h-UnstyledIconButton:where(.h-r-size-sm):after{content:"";height:32px;position:absolute;width:32px;z-index:0}}.h-UnstyledIconButton:where(.h-r-size-md){--h-icon-button-size:1.5rem}.h-UnstyledIconButton:where(.h-r-size-sm){--h-icon-button-size:1.25rem}@media (min-width:740px){.h-UnstyledIconButton:where(.tablet\:h-r-size-md){--h-icon-button-size:1.5rem}.h-UnstyledIconButton:where(.tablet\:h-r-size-sm){--h-icon-button-size:1.25rem}}@media (min-width:992px){.h-UnstyledIconButton:where(.desktop\:h-r-size-md){--h-icon-button-size:1.5rem}.h-UnstyledIconButton:where(.desktop\:h-r-size-sm){--h-icon-button-size:1.25rem}}@media (min-width:1200px){.h-UnstyledIconButton:where(.wide\:h-r-size-md){--h-icon-button-size:1.5rem}.h-UnstyledIconButton:where(.wide\:h-r-size-sm){--h-icon-button-size:1.25rem}}.h-Spinner{align-items:center;color:var(--h-spinner-default-fill);display:inline-flex;height:-moz-fit-content;height:fit-content;justify-content:center;padding:var(--h-spinner-padding);width:-moz-fit-content;width:fit-content}.h-Spinner:where([data-currentColor]){color:currentcolor}.h-Spinner{--h-spinner-animation-duration:1.4s;--h-pi:3.14;--h-circumference:calc(var(--h-pi)*(var(--h-spinner-size) + var(--h-spinner-padding)*2))}.h-Spinner>svg{animation:h-rotator var(--h-spinner-animation-duration) linear infinite;height:var(--h-spinner-size);stroke:currentcolor;width:var(--h-spinner-size)}:is(.h-Spinner>svg)>circle{animation:h-dash var(--h-spinner-animation-duration) ease-in-out infinite;fill:transparent;stroke-dasharray:var(--h-circumference);stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--h-spinner-stroke-width);transform-origin:center}@media (prefers-reduced-motion:reduce){:is(.h-Spinner>svg)>circle{stroke-dasharray:calc(var(--h-spinner-size)*2.3)}}.h-Spinner:where(.h-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.h-Spinner:where(.h-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.h-Spinner:where(.h-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.h-Spinner:where(.h-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}@media (min-width:740px){.h-Spinner:where(.tablet\:h-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.h-Spinner:where(.tablet\:h-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.h-Spinner:where(.tablet\:h-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.h-Spinner:where(.tablet\:h-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}}@media (min-width:992px){.h-Spinner:where(.desktop\:h-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.h-Spinner:where(.desktop\:h-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.h-Spinner:where(.desktop\:h-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.h-Spinner:where(.desktop\:h-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}}@media (min-width:1200px){.h-Spinner:where(.wide\:h-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.h-Spinner:where(.wide\:h-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.h-Spinner:where(.wide\:h-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.h-Spinner:where(.wide\:h-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}}@keyframes h-rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}@keyframes h-dash{0%{stroke-dashoffset:var(--h-circumference)}50%{stroke-dashoffset:calc(var(--h-circumference)/4);transform:rotate(135deg)}to{stroke-dashoffset:var(--h-circumference);transform:rotate(450deg)}}.h-Link:where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:transparent;padding:0}.h-Link{border-radius:var(--h-border-radius-xs);color:var(--h-link-color);display:inline;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);line-height:var(--h-body-text-md-line-height);text-decoration-color:currentcolor;text-decoration-line:underline}.h-Link:where([data-inverted]){color:var(--h-link-inverted-color)}.h-Link:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-Link:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}@media (hover:hover){.h-Link:where(:hover):not([aria-disabled]){color:var(--h-link-color-hover);text-decoration:none}.h-Link:where(:hover):not([aria-disabled]):where([data-inverted]){color:var(--h-link-inverted-color-hover)}}.h-Link:where(:active):not([aria-disabled]){color:var(--h-link-color-active)}.h-Link:where(:active):not([aria-disabled]):where([data-inverted]){color:var(--h-link-inverted-color-active)}.h-Link:not([aria-disabled]){cursor:pointer}.h-Link:has(svg,[data-icon]){align-items:center;display:inline-flex;flex-shrink:0;gap:var(--h-link-gap)}.h-InlineLink:where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:transparent;padding:0}.h-InlineLink{border-radius:var(--h-border-radius-xs);color:var(--h-inline-link-color);cursor:pointer;display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration-color:currentcolor;text-decoration-line:underline}.h-InlineLink:where([data-inverted]){color:var(--h-inline-link-inverted-color)}.h-InlineLink:where([data-inherit-color]){color:inherit}.h-InlineLink:where(:visited){color:var(--h-inline-link-color-visited)}@media (hover:hover){.h-InlineLink:where(:hover){text-decoration:none}.h-InlineLink:where(:hover):where([data-inverted]){color:var(--h-inline-link-inverted-color-hover)}.h-InlineLink:where(:hover):where([data-inherit-color]){color:inherit}}.h-InlineLink:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-InlineLink:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}.h-InlineLink:has(svg){align-items:center;display:inline-flex;flex-shrink:0;gap:var(--h-link-gap)}.h-Label{cursor:default;display:inline-flex}.h-SectionHeader{display:grid;gap:var(--h-section-header-text-content-gap) var(--h-section-header-gap);grid-template-columns:auto max-content;width:100%}.h-SectionHeader :where(.h-Heading){grid-column:1/2;grid-row:1/2}.h-SectionHeader :where(.h-HelperText){grid-column:1/2;grid-row:2/3}.h-SectionHeader :where(.h-ValidationText){grid-column:1/2;grid-row:3/4}.h-SectionHeader :where(.h-SectionHeaderTrailingContent){grid-column:2/3;grid-row:1/2}.h-Card{background-color:var(--h-card-background-color);border:var(--h-card-border-width) solid var(--h-card-border-color);border-radius:var(--h-card-border-radius);height:-moz-fit-content;height:fit-content;overflow:hidden;padding:var(--h-card-padding-mobile);position:relative;--h-card-border-width:var(--h-card-brand-border-width);--h-card-border-color:var(--h-border-strong)}@media (min-width:740px){.h-Card{padding:var(--h-card-padding-tablet)}}@media (min-width:992px){.h-Card{padding:var(--h-card-padding-desktop)}}.h-Card:where(.h-padding-none,:has(.h-CardContent),:has(.h-CardActions),:has(>.h-CardActionLink),:has(>.h-CardActionButton)){padding:0}.h-Card :where(.h-CardContent){flex-grow:1;padding:var(--h-card-padding-mobile)}@media (min-width:740px){.h-Card :where(.h-CardContent){padding:var(--h-card-padding-tablet)}}@media (min-width:992px){.h-Card :where(.h-CardContent){padding:var(--h-card-padding-desktop)}}.h-Card:where(.h-variant-emphasis){--h-card-background-color:var(--h-card-emphasis-background-color)}.h-Card:where(.h-variant-subtle){--h-card-background-color:var(--h-card-subtle-background-color)}.h-Card:where(.h-variant-subtle):where([data-colorscheme=neutral-strong],[data-colorscheme=neutral-subtle]){--h-card-border-color:var(--h-border-subtle);--h-card-border-width:var(--h-card-neutral-subtle-border-width)}.h-Card:where([data-colorscheme=neutral-strong]){--h-card-emphasis-background-color:var(--h-surface-neutral-strong);--h-card-subtle-background-color:var(--h-surface-neutral-strong)}.h-Card:where([data-colorscheme=neutral-subtle]){--h-card-emphasis-background-color:var(--h-surface-neutral-subtle);--h-card-subtle-background-color:var(--h-surface-neutral-subtle)}.h-Card:where([data-colorscheme=brand]){--h-card-emphasis-background-color:var(--h-surface-brand-default);--h-card-subtle-background-color:var(--h-surface-brand-subtle)}.h-Card:where([data-colorscheme=energy]){--h-card-emphasis-background-color:var(--h-surface-energy-default);--h-card-subtle-background-color:var(--h-surface-energy-subtle)}.h-Card:where([data-colorscheme=broadband]){--h-card-emphasis-background-color:var(--h-surface-broadband-default);--h-card-subtle-background-color:var(--h-surface-broadband-subtle)}.h-Card:where([data-colorscheme=mobile]){--h-card-emphasis-background-color:var(--h-surface-mobile-default);--h-card-subtle-background-color:var(--h-surface-mobile-subtle)}.h-Card:where([data-colorscheme=insurance]){--h-card-emphasis-background-color:var(--h-surface-insurance-default);--h-card-subtle-background-color:var(--h-surface-insurance-subtle)}.h-Card:where([data-colorscheme=cashback]){--h-card-emphasis-background-color:var(--h-surface-cashback-default);--h-card-subtle-background-color:var(--h-surface-cashback-subtle)}.h-Card:where([data-colorscheme=pig]){--h-card-emphasis-background-color:var(--h-surface-pig-default);--h-card-subtle-background-color:var(--h-surface-pig-subtle)}.h-Card:where([data-colorscheme=highlight]){--h-card-subtle-background-color:var(--h-surface-highlight-subtle)}.h-Card:where([data-shadowcolor=brand]){--h-card-shadow-color:var(--h-shadow-brand)}.h-Card:where([data-shadowcolor=energy]){--h-card-shadow-color:var(--h-shadow-energy)}.h-Card:where([data-shadowcolor=broadband]){--h-card-shadow-color:var(--h-shadow-broadband)}.h-Card:where([data-shadowcolor=mobile]){--h-card-shadow-color:var(--h-shadow-mobile)}.h-Card:where([data-shadowcolor=insurance]){--h-card-shadow-color:var(--h-shadow-insurance)}.h-Card:where([data-shadowcolor=cashback]){--h-card-shadow-color:var(--h-shadow-cashback)}.h-Card:where([data-shadowcolor=pig]){--h-card-shadow-color:var(--h-shadow-pig)}.h-Card:where([data-shadowcolor=functional]){--h-card-shadow-color:var(--h-shadow-default)}.h-Card:has(.h-CardActions){flex-direction:column}:is(.h-Card :where(.h-CardActions)):not(:first-child){border-top:var(--h-border-width-2) solid var(--h-border-strong)}.h-Card:where([data-shadowcolor]):not(:has(.h-CardInteraction:focus-visible)){box-shadow:var(--h-card-shadow-color) var(--h-md-x-mobile) var(--h-md-y-mobile)}@media (min-width:992px){.h-Card:where([data-shadowcolor]):not(:has(.h-CardInteraction:focus-visible)){box-shadow:var(--h-card-shadow-color) var(--h-md-x-desktop) var(--h-md-y-desktop)}}.h-Card:has(.h-CardInteraction:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-Card:has(.h-CardInteraction):has(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-Card:has(.h-CardActions :focus-visible){outline:none}.h-Card :where(.h-CardBannerImage){border:var(--h-border-width-1) solid var(--h-border-strong);border-radius:var(--h-border-radius-md);flex-shrink:0;overflow:hidden}.h-CardActions :where(.h-CardActionsItem){display:flex;position:relative}:is(.h-CardActions :where(.h-CardActionsItem)):where([data-direction=column] :is(.h-CardActions :where(.h-CardActionsItem))):not(:first-child){border-top:var(--h-border-width-2) solid var(--h-border-strong)}:is(.h-CardActions :where(.h-CardActionsItem)):where([data-direction=row] :is(.h-CardActions :where(.h-CardActionsItem))):not(:first-child){border-left:var(--h-border-width-2) solid var(--h-border-strong)}.h-CardActionLink{align-items:center;color:inherit;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:var(--h-space-150);position:relative;text-decoration:none;width:100%}.h-CardActionLink:after{content:"";inset:0;position:absolute;z-index:0}@media (hover:hover){.h-CardActionLink:where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}.h-CardActionLink:where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}.h-CardActionLink:where(:focus-visible):not(.h-Card>.h-CardActionLink){outline:2px solid var(--h-focus-primary);outline-offset:calc(var(--h-space-100)*-1)}.h-CardActionButton{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:var(--h-space-150);outline:transparent;position:relative;text-decoration:none;width:100%}.h-CardActionButton:after{content:"";inset:0;position:absolute;z-index:0}@media (hover:hover){.h-CardActionButton:where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}.h-CardActionButton:where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}.h-CardActionButton:where(:focus-visible):not(.h-Card>.h-CardActionButton){outline:2px solid var(--h-focus-primary);outline-offset:calc(var(--h-space-100)*-1)}.h-CardActionContent{align-items:center;display:flex;gap:var(--h-card-action-content-gap);height:100%;min-height:56px;width:100%}.h-CardActionContent:has(.h-IconContainer){gap:var(--h-space-0)}.h-CardActionContent :where(.h-CardActionContentLeadingIcon){align-items:center;display:flex;flex-shrink:0;height:100%;overflow:hidden;padding-block:var(--h-card-action-content-padding-vertical);padding-left:var(--h-card-action-content-padding-horizontal)}.h-CardActionContent :where(.h-CardActionContentMainWrapper){align-items:center;display:flex;gap:var(--h-card-action-content-gap);padding-block:var(--h-card-action-content-padding-vertical);padding-inline:var(--h-card-action-content-padding-horizontal);width:100%}:is(.h-CardActionContent :where(.h-CardActionContentMainWrapper)):where(.h-CardActionContent:has(.h-CardActionContentLeadingIcon) :is(.h-CardActionContent :where(.h-CardActionContentMainWrapper))){padding-left:var(--h-space-0)}:is(.h-CardActionContent :where(.h-CardActionContentMainWrapper)) :where(.h-CardActionContentMain){align-items:start;display:flex;flex-direction:column;flex-grow:1}:is(:is(.h-CardActionContent :where(.h-CardActionContentMainWrapper)) :where(.h-CardActionContentMain)):where([data-badge-placement=middle]){gap:var(--h-space-50)}:is(.h-CardActionContent :where(.h-CardActionContentMainWrapper)) :where(.h-CardActionContentTrailingIcon){align-self:center;display:flex}.h-CardInteraction:where([data-secondary]) :where(a[href],button),.h-CardInteraction:where([data-secondary]):where(a[href],button){position:relative;z-index:1}:is(.h-CardInteraction:not([data-secondary]):where(a[href],button),.h-CardInteraction:not([data-secondary]) :where(a[href],button)):where(:focus-visible){outline:none}:is(.h-CardInteraction:not([data-secondary]):where(a[href],button),.h-CardInteraction:not([data-secondary]) :where(a[href],button)):after{content:"";inset:0;position:absolute;z-index:0}:is(:is(.h-CardInteraction:not([data-secondary]):where(a[href],button),.h-CardInteraction:not([data-secondary]) :where(a[href],button)):after):where(:not([data-disabled],[data-disabled] :is(:is(.h-CardInteraction:not([data-secondary]):where(a[href],button),.h-CardInteraction:not([data-secondary]) :where(a[href],button)):after))){cursor:pointer}.h-HelperText{color:var(--h-text-secondary);cursor:default}.h-ValidationText{align-items:center;cursor:default;display:inline-flex;gap:var(--h-space-50)}.h-ValidationText :where(svg){height:20px;width:20px}.h-ValidationText:where([data-status=valid]){color:var(--h-feedback-positive-foreground-subtle)}.h-ValidationText:where([data-status=invalid]){color:var(--h-feedback-danger-foreground-subtle)}.h-FormField{display:flex;flex-direction:column;gap:var(--h-space-75);width:100%}.h-FormField :where(.h-FormFieldLabelContainer){display:flex;flex-direction:column}.h-InputBase{align-items:center;background-color:var(--h-surface-neutral-strong);border-color:var(--h-border-strong);border-radius:var(--h-input-border-radius);border-style:solid;border-width:var(--h-input-border-width);color:var(--h-text-primary);cursor:text;display:flex;font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-style:normal;font-weight:var(--h-font-weight-regular);gap:var(--h-input-gap);height:var(--h-input-height);line-height:var(--h-line-height-500);padding-block:var(--h-input-padding-vertical);padding-inline:var(--h-input-padding-horizontal);text-align:start;--h-input-border-color-focus:var(--h-border-strong)}.h-InputBase:where(:has(input[readonly]):not([data-disabled] .h-InputBase)){border-color:var(--h-border-subtle);--h-input-border-color-focus:var(--h-border-subtle)}.h-InputBase:where(:has(input:disabled,input[readonly])){cursor:default}.h-InputBase:where([data-validation-status=valid] .h-InputBase){border-color:var(--h-feedback-positive-border);--h-input-border-color-focus:var(--h-feedback-positive-border)}.h-InputBase:where([data-validation-status=invalid] .h-InputBase){border-color:var(--h-feedback-danger-border);--h-input-border-color-focus:var(--h-feedback-danger-border)}.h-InputBase:where(:has(input:focus),:has(button:focus)){outline:var(--h-input-border-width-focused) solid var(--h-input-border-color-focus);outline-offset:-1px}.h-InputBase :where(input){all:unset;display:block;font-style:normal;font-weight:400;text-align:start;text-indent:0;width:100%;-webkit-tap-highlight-color:transparent;cursor:text}:is(.h-InputBase :where(input)):where(:disabled,[readonly]){cursor:default}:is(.h-InputBase :where(input))::-moz-placeholder{color:var(--h-text-secondary)}:is(.h-InputBase :where(input))::placeholder{color:var(--h-text-secondary)}.h-InputBase input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.h-InputBase input::-webkit-inner-spin-button,.h-InputBase input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.h-InputBase input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.h-TextInput :where(.h-InputBase){max-width:var(--h-input-max-width);min-width:var(--h-input-min-width)}.h-InputSlot{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;gap:var(--h-input-gap)}.h-InputSlot:where(:not([data-placement=suffix])),.h-InputSlot:where([data-placement=prefix]){order:-1}.h-InputSlot:where([data-placement=suffix]){order:1}.h-Badge{align-items:center;border-radius:var(--h-badge-border-radius);display:inline-flex;flex-shrink:0;font-family:var(--h-font-family-body);font-size:var(--h-badge-font-size);font-style:normal;font-weight:var(--h-font-weight-semibold);gap:var(--h-badge-gap);height:-moz-fit-content;height:fit-content;justify-content:center;line-height:var(--h-badge-line-height);padding-block:var(--h-badge-padding-block);padding-inline:var(--h-badge-padding-horizontal);white-space:nowrap}.h-Badge:where([data-bottom-radius-zero]){border-bottom-left-radius:var(--h-badge-flat-base-border-bottom-left-radius);border-bottom-right-radius:var(--h-badge-flat-base-border-bottom-right-radius)}.h-Badge:where(.h-variant-emphasis){background-color:var(--h-badge-emphasis-background-color);color:var(--h-badge-emphasis-color)}.h-Badge:where(.h-variant-subtle){background-color:var(--h-badge-subtle-background-color);color:var(--h-badge-subtle-color)}.h-Badge:where(.h-variant-outline){background-color:transparent;box-shadow:inset 0 0 0 1px var(--h-border-subtle);color:var(--h-badge-outline-color)}.h-Badge:where(.h-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.h-Badge:where(.h-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}@media (min-width:740px){.h-Badge:where(.tablet\:h-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.h-Badge:where(.tablet\:h-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}}@media (min-width:992px){.h-Badge:where(.desktop\:h-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.h-Badge:where(.desktop\:h-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}}@media (min-width:1200px){.h-Badge:where(.wide\:h-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.h-Badge:where(.wide\:h-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}}.h-Badge:where([data-colorscheme=info]){--h-badge-emphasis-color:var(--h-feedback-info-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-info-surface-default);--h-badge-subtle-color:var(--h-feedback-info-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-info-surface-subtle);--h-badge-outline-color:var(--h-feedback-info-foreground-subtle)}.h-Badge:where([data-colorscheme=positive]){--h-badge-emphasis-color:var(--h-feedback-positive-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-positive-surface-default);--h-badge-subtle-color:var(--h-feedback-positive-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-positive-surface-subtle);--h-badge-outline-color:var(--h-feedback-positive-foreground-subtle)}.h-Badge:where([data-colorscheme=danger]){--h-badge-emphasis-color:var(--h-feedback-danger-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-danger-surface-default);--h-badge-subtle-color:var(--h-feedback-danger-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-danger-surface-subtle);--h-badge-outline-color:var(--h-feedback-danger-foreground-subtle)}.h-Badge:where([data-colorscheme=warning]){--h-badge-emphasis-color:var(--h-feedback-warning-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-warning-surface-default);--h-badge-subtle-color:var(--h-feedback-warning-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-warning-surface-subtle);--h-badge-outline-color:var(--h-feedback-warning-foreground-subtle)}.h-Badge:where([data-colorscheme=functional]){--h-badge-emphasis-color:var(--h-feedback-functional-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-functional-surface-default);--h-badge-subtle-color:var(--h-feedback-functional-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-functional-surface-subtle);--h-badge-outline-color:var(--h-feedback-functional-foreground-subtle)}.h-Badge:where([data-colorscheme=pig]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-pig-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-pig-subtle)}.h-Badge:where([data-colorscheme=energy]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-energy-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-energy-subtle)}.h-Badge:where([data-colorscheme=broadband]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-broadband-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-broadband-subtle)}.h-Badge:where([data-colorscheme=mobile]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-mobile-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-mobile-subtle)}.h-Badge:where([data-colorscheme=cashback]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-cashback-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-cashback-subtle)}.h-Badge:where([data-colorscheme=insurance]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-insurance-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-insurance-subtle)}.h-Badge:where([data-colorscheme=highlight]){--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-highlight-subtle)}.h-FormGroupBase{border:0;display:flex;flex-direction:column;gap:var(--h-space-75);margin:0;padding:0;width:100%}.h-FormGroupBase :where(legend):not(:has(+.h-FormGroupBaseHelperTextContainer)){display:contents}.h-FormGroupBase :where(legend){color:var(--h-text-primary)}:is(.h-FormGroupBase :where(legend)):where(:not(:has(*))):where([data-label-variant=body]){font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);line-height:var(--h-body-text-md-line-height)}:is(.h-FormGroupBase :where(legend)):where(:not(:has(*))):where([data-label-variant=heading]){font-family:var(--h-font-family-heading);font-size:var(--h-heading-md-font-size-mobile);font-weight:var(--h-font-weight-semibold);line-height:var(--h-heading-md-line-height-mobile)}.h-Radio{display:flex;flex-direction:row;gap:var(--h-radio-gap)}.h-Radio,.h-Radio *{cursor:pointer}.h-Radio .h-RadioContainer{align-items:center;display:flex;flex-direction:row;height:40px;justify-content:center;margin:-8px;width:40px}.h-Radio :where(.h-Label){align-items:center;display:flex;gap:var(--h-radio-gap);position:relative}:is(.h-Radio :where(.h-Label)):before{content:"";height:100%;left:-8px;position:absolute;width:100%}.h-RadioItem{all:unset;background-color:var(--h-surface-neutral-strong);border-color:var(--h-border-strong);border-radius:var(--h-radio-border-radius);border-style:solid;border-width:var(--h-radio-border-width);display:block;height:20px;width:20px}.h-RadioItem:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-RadioItem:where([data-state=checked],[data-state=checked] .h-RadioItem){border-color:var(--h-radio-checked-color)}@media (hover:hover){.h-RadioItem:where(:hover:enabled){box-shadow:0 0 0 var(--h-radio-outline-width) var(--h-radio-outline-color-hover)}}.h-RadioItem:where(:active):not([data-state=unchecked]){box-shadow:0 0 0 var(--h-radio-outline-width) var(--h-radio-outline-color-active)}.h-RadioIndicator{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.h-RadioIndicator:after{background-color:var(--h-radio-checked-color);border-radius:50%;content:"";display:block;height:14px;width:14px}.h-RadioTile{all:unset;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-radio-tile-border-radius);box-shadow:inset 0 0 0 var(--h-radio-tile-border-width) var(--h-border-subtle);flex:1 1 0%;max-width:var(--h-radio-tile-max-width);min-width:var(--h-radio-tile-min-width);padding:var(--h-radio-tile-padding)}.h-RadioTile,.h-RadioTile *{cursor:pointer}.h-RadioTile:where([data-state=checked]){box-shadow:inset 0 0 0 var(--h-radio-tile-border-width-selected) var(--h-border-strong)}.h-RadioTile:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-RadioTile .h-RadioContainer{display:flex;flex-direction:row;gap:var(--h-radio-tile-gap)}.h-RadioTile :where(.h-Label){align-items:center;display:flex;gap:var(--h-radio-tile-gap)}.h-RadioCard{all:unset;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-card-border-radius);box-shadow:inset 0 0 0 var(--h-card-neutral-subtle-border-width) var(--h-border-subtle);display:flex;flex:1 1 0%;flex-direction:column;gap:var(--h-card-selectable-gap);padding:var(--h-card-padding-mobile)}@media (min-width:740px){.h-RadioCard{padding:var(--h-card-padding-tablet)}}@media (min-width:992px){.h-RadioCard{padding:var(--h-card-padding-desktop)}}.h-RadioCard,.h-RadioCard *{cursor:pointer}.h-RadioCard:where([data-state=checked]){box-shadow:inset 0 0 0 var(--h-card-neutral-emphasis-border-width) var(--h-border-strong)}.h-RadioCard:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-RadioCard .h-RadioContainer{display:flex;flex-direction:row;gap:var(--h-space-150)}.h-RadioCard :where(.h-Label){align-items:center;display:flex;gap:var(--h-radio-tile-gap)}.h-RadioGroup{flex-wrap:wrap}.h-RadioGroup:where([data-orientation=horizontal]){flex-direction:row}.h-RadioGroup:where([data-orientation=vertical]){flex-direction:column;width:-moz-fit-content;width:fit-content}.h-RadioGroup{gap:var(--h-radio-group-stack-gap)}.h-RadioGroup:has(.h-RadioTile){gap:var(--h-radio-tile-group-stack-gap)}.h-Checkbox,.h-Checkbox .h-Label{gap:var(--h-checkbox-gap)}.h-Checkbox .h-Label{display:flex;position:relative}:is(.h-Checkbox .h-Label):before{content:"";height:100%;left:calc(var(--h-checkbox-gap)*-1);position:absolute;width:100%}.h-CheckboxRoot{align-items:center;border:none;box-shadow:0 0 0 var(--h-checkbox-outline-width) var(--h-checkbox-outline-color,transparent);color:var(--h-checkbox-checked-icon-color);display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:0;vertical-align:top}.h-CheckboxRoot,.h-CheckboxRoot:before{border-radius:var(--h-checkbox-border-radius);height:24px;width:24px}.h-CheckboxRoot:before{background-color:inherit;box-shadow:inset 0 0 0 var(--h-checkbox-border-width) var(--h-border-strong);content:"";display:block;outline:2px solid transparent}.h-CheckboxRoot:where([data-state=unchecked]){background-color:var(--h-surface-neutral-strong)}.h-CheckboxRoot:where([data-state=checked]){background-color:var(--h-checkbox-checked-background-color)}@media (hover:hover){.h-CheckboxRoot:where(:hover:enabled){--h-checkbox-outline-color:var(--h-checkbox-outline-color-hover)}}.h-CheckboxRoot:where(:active:enabled){--h-checkbox-outline-color:var(--h-checkbox-outline-color-active)}.h-CheckboxRoot:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-CheckboxRoot :where(.h-CheckboxIndicator){position:absolute}.h-CheckboxTile{align-items:start;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-checkbox-tile-border-radius);box-shadow:inset 0 0 0 var(--h-checkbox-tile-border-width) var(--h-border-subtle);cursor:pointer;display:flex;flex:1 1 0%;flex-direction:row;gap:var(--h-checkbox-tile-gap);max-width:var(--h-checkbox-tile-max-width);min-width:var(--h-checkbox-tile-min-width);padding:var(--h-checkbox-tile-padding)}.h-CheckboxTile *{cursor:pointer}.h-CheckboxTile .h-Label{align-items:center;display:flex;gap:var(--h-checkbox-tile-gap)}.h-CheckboxTile:where([data-disabled]){cursor:not-allowed}.h-CheckboxTile:where([data-disabled]) *{cursor:not-allowed}.h-CheckboxTile:where(:has([data-state=checked])){box-shadow:inset 0 0 0 var(--h-checkbox-tile-border-width-selected) var(--h-border-strong)}.h-CheckboxTile:where(:has(:focus-visible)){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-CheckboxTile :where(.h-CheckboxRoot):focus-visible{outline:none}.h-CheckboxTile :where(.h-CheckboxTileIndicator){position:absolute}.h-CheckboxGroup :where(.h-CheckboxGroupContent){flex-wrap:wrap}:is(.h-CheckboxGroup :where(.h-CheckboxGroupContent)):where([data-orientation=horizontal]){flex-direction:row}:is(.h-CheckboxGroup :where(.h-CheckboxGroupContent)):where([data-orientation=vertical]){flex-direction:column;width:-moz-fit-content;width:fit-content}.h-CheckboxGroup :where(.h-CheckboxGroupContent){gap:var(--h-checkbox-group-stack-gap)}:is(.h-CheckboxGroup :where(.h-CheckboxGroupContent)):has(.h-CheckboxTile){gap:var(--h-checkbox-tile-group-stack-gap)}.h-TextArea :where(textarea){all:unset;cursor:text;display:block;font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-style:normal;font-weight:var(--h-font-weight-regular);line-height:var(--h-line-height-500);text-align:start;text-indent:0;-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;white-space:pre-wrap;--h-textarea-padding-inline:calc(var(--h-input-padding-horizontal) - var(--h-space-100));background-color:var(--h-surface-neutral-strong);border-radius:var(--h-input-border-radius);padding-block:calc(var(--h-input-padding-vertical) - var(--h-space-100));padding-inline:var(--h-textarea-padding-inline);--h-textarea-border-color:var(--h-border-strong);--h-textarea-border-width:var(--h-input-border-width);background-clip:padding-box;border:calc(var(--h-space-100) + var(--h-input-border-width)) solid var(--h-surface-neutral-strong);max-width:calc(var(--h-input-max-width) - var(--h-space-100)*2 - var(--h-textarea-padding-inline)*2 - var(--h-input-border-width)*2);min-width:calc(var(--h-input-min-width) - var(--h-space-100)*2 - var(--h-textarea-padding-inline)*2 - var(--h-input-border-width)*2);outline:var(--h-textarea-border-width) solid var(--h-textarea-border-color);outline-offset:-1px}:is(.h-TextArea :where(textarea)):where([data-resize=none]){resize:none}:is(.h-TextArea :where(textarea)):where([data-resize=vertical]){resize:vertical}:is(.h-TextArea :where(textarea)):where([data-resize=horizontal]){resize:horizontal}:is(.h-TextArea :where(textarea)):where([data-resize=both]){resize:both}:where([data-validation-status=valid]:not(:has(textarea[readonly],textarea:disabled))) :is(.h-TextArea :where(textarea)){--h-textarea-border-color:var(--h-feedback-positive-border)}:where([data-validation-status=invalid]:not(:has(textarea[readonly],textarea:disabled))) :is(.h-TextArea :where(textarea)){--h-textarea-border-color:var(--h-feedback-danger-border)}:is(.h-TextArea :where(textarea)):where(:focus){--h-textarea-border-width:var(--h-input-border-width-focused)}:is(.h-TextArea :where(textarea)):where(:disabled,[readonly]){cursor:default}:is(.h-TextArea :where(textarea)):where([readonly]):not([data-disabled] :is(.h-TextArea :where(textarea))){--h-textarea-border-color:var(--h-border-subtle)}:is(.h-TextArea :where(textarea))::-moz-placeholder{color:var(--h-text-secondary)}:is(.h-TextArea :where(textarea))::placeholder{color:var(--h-text-secondary)}.h-List{display:flex;flex-direction:column;gap:var(--h-list-gap);width:100%}:is(.h-List :where(.h-ListContainer)):where(:has(:focus-visible)){outline:none}:is(.h-List :where(.h-ListContainer)) :where(ul,ol){width:100%}.h-List :where(.h-ListItem){align-items:center;display:flex;flex-direction:row;gap:var(--h-space-300);padding:var(--h-list-item-functional-padding);position:relative}:is(.h-List :where(.h-ListItem)):where(.h-ListContainer[data-padding-none]:not(.h-Card) :is(.h-List :where(.h-ListItem))){padding-inline:var(--h-space-0)}:is(:is(.h-List :where(.h-ListItem)):where(.h-variant-subtle,.h-variant-emphasis) :is(.h-List :where(.h-ListItem))):where(:first-child){border-top-left-radius:var(--h-card-border-radius);border-top-right-radius:var(--h-card-border-radius)}:is(:is(.h-List :where(.h-ListItem)):where(.h-variant-subtle,.h-variant-emphasis) :is(.h-List :where(.h-ListItem))):where(:last-child){border-bottom-left-radius:var(--h-card-border-radius);border-bottom-right-radius:var(--h-card-border-radius)}:is(.h-List :where(.h-ListItem)):where(:not(:first-child)){border-top:var(--h-list-item-functional-border-width) solid;border-color:var(--h-border-subtle)}:where(.h-variant-subtle) :is(.h-List :where(.h-ListItem)){border-color:var(--h-border-subtle)}:where(.h-variant-emphasis) :is(.h-List :where(.h-ListItem)){border-color:var(--h-border-strong)}@media (hover:hover){:is(.h-List :where(.h-ListItem)):has(button,a):not(:has(.h-Switch),:has(.h-Link)):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}:is(.h-List :where(.h-ListItem)):has(button,a):not(:has(.h-Switch),:has(.h-Link)):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}:is(.h-List :where(.h-ListItem)) :where(.h-ListItemButton,.h-ListActionButton){all:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;outline:transparent}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemButton,.h-ListActionButton)) :where(.h-ListItemContent){width:100%}:is(.h-List :where(.h-ListItem)) :where(.h-ListItemLink,.h-ListActionLink){color:inherit;font:inherit;text-decoration:none}:is(.h-List :where(.h-ListItem)) :where(.h-ListActionLink,.h-ListActionButton){align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:var(--h-list-item-gap);justify-content:space-between;width:100%}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListActionLink,.h-ListActionButton)):after{content:"";inset:0;position:absolute;z-index:0}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListActionLink,.h-ListActionButton)):where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}:is(.h-List :where(.h-ListItem)) :where(.h-ListItemButton,.h-ListItemLink){align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:var(--h-list-item-gap);width:100%}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemButton,.h-ListItemLink)):after{content:"";inset:0;position:absolute;z-index:0}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemButton,.h-ListItemLink)):where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}:is(.h-List :where(.h-ListItem)) :where(.h-ListItemContent){align-items:center;display:flex;gap:var(--h-list-item-gap);width:100%}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemContent)):has(.h-HelperText){align-items:start}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemContent)) :where(.h-ListItemContentTrailingContent){align-items:end;align-self:center;display:flex;flex-direction:column}:is(:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemContent)) :where(.h-ListItemContentTrailingContent)):has(.h-Switch,.h-Link){align-self:start}.h-Switch{align-items:center;display:flex;flex-direction:row;gap:var(--h-space-200)}.h-Switch .h-SwitchRoot{align-items:center;background-color:var(--h-interactive-functional-surface-strong-default);border:none;border-radius:var(--h-switch-radius);display:inline-flex;flex-shrink:0;padding:var(--h-switch-padding);position:relative;vertical-align:top;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease-in-out}:is(.h-Switch .h-SwitchRoot):where([aria-disabled]){cursor:not-allowed}@media (hover:hover){:is(.h-Switch .h-SwitchRoot):where(:hover):not([aria-disabled]){background-color:var(--h-interactive-functional-surface-strong-hover)}}:is(.h-Switch .h-SwitchRoot):where([data-state=checked]){background-color:var(--h-interactive-brand-surface-strong-default)}@media (hover:hover){:is(.h-Switch .h-SwitchRoot):where([data-state=checked]):where(:hover):not([aria-disabled]){background-color:var(--h-interactive-brand-surface-strong-hover)}}:is(.h-Switch .h-SwitchRoot):where(.h-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.h-Switch .h-SwitchRoot):where(.h-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}@media (min-width:740px){:is(.h-Switch .h-SwitchRoot):where(.tablet\:h-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.h-Switch .h-SwitchRoot):where(.tablet\:h-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}}@media (min-width:992px){:is(.h-Switch .h-SwitchRoot):where(.desktop\:h-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.h-Switch .h-SwitchRoot):where(.desktop\:h-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}}@media (min-width:1200px){:is(.h-Switch .h-SwitchRoot):where(.wide\:h-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.h-Switch .h-SwitchRoot):where(.wide\:h-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}}:is(.h-Switch .h-SwitchRoot):where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb{align-items:center;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-switch-radius);color:var(--h-icon-primary);display:flex;justify-content:center;left:var(--h-switch-padding);position:absolute;transition:transform .2s ease-in-out;will-change:transform}:is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb):where([data-state=checked]){transform:translateX(var(--h-switch-thumb-translate-x))}:is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb):where([data-state=checked]) :where(.h-SwitchCloseIcon){display:none}:is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb):where([data-state=unchecked]) :where(.h-SwitchTickIcon){display:none}:where(.h-r-size-md :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.h-r-size-sm :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}@media (min-width:740px){:where(.tablet\:h-r-size-md :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.tablet\:h-r-size-sm :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}}@media (min-width:992px){:where(.desktop\:h-r-size-md :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.desktop\:h-r-size-sm :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}}@media (min-width:1200px){:where(.wide\:h-r-size-md :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.wide\:h-r-size-sm :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}}.h-ModalScroll{display:flex;inset:0;overflow:auto;position:absolute}.h-ModalScrollPadding{flex-grow:1;margin:auto;padding:var(--h-space-400) var(--h-space-200)}.h-Modal{background-color:var(--h-surface-neutral-strong);border-top-left-radius:var(--h-modal-border-radius);border-top-right-radius:var(--h-modal-border-radius);bottom:0;height:-moz-fit-content;height:fit-content;left:0;min-width:0;overflow:hidden;position:fixed;right:0}@media (min-width:740px){.h-Modal{border-bottom-left-radius:var(--h-modal-border-radius);border-bottom-right-radius:var(--h-modal-border-radius);left:50%;position:relative;top:50%;transform:translateX(-50%);width:var(--h-modal-width-tablet)}}@media (min-width:992px){.h-Modal{width:var(--h-modal-width-desktop)}}.h-Modal:where([data-contains-image],[data-full-screen]){--h-modal-max-height-on-mobile:calc(100vh - 40px);height:var(--h-modal-max-height-on-mobile)}@media (min-width:740px){.h-Modal:where([data-contains-image],[data-full-screen]){height:-moz-fit-content;height:fit-content}}:is(.h-Modal :where(.h-ModalOuterContainer))::-webkit-scrollbar{display:none}.h-Modal :where(.h-ModalOuterContainer){display:flex;flex-direction:column;gap:var(--h-modal-content-gap);height:100%;overflow:auto;padding:var(--h-bottom-sheet-padding);position:relative}@media (min-width:740px){.h-Modal :where(.h-ModalOuterContainer){padding:var(--h-modal-padding)}}:is(.h-Modal :where(.h-ModalOuterContainer)):where([data-contains-image] :is(.h-Modal :where(.h-ModalOuterContainer))){align-items:center;padding:var(--h-modal-padding)}@media (min-width:740px){:is(.h-Modal :where(.h-ModalOuterContainer)):where([data-contains-image] :is(.h-Modal :where(.h-ModalOuterContainer))){height:-moz-fit-content;height:fit-content}}.h-Modal :where(.h-ModalCloseIconButton){position:absolute;right:var(--h-modal-padding);top:var(--h-modal-padding);z-index:1}.h-Modal :where(.h-ModalInnerContainer){display:flex;flex-direction:column;gap:var(--h-modal-content-gap);height:-moz-fit-content;height:fit-content;justify-content:center}:is(.h-Modal :where(.h-ModalInnerContainer)):where([data-contains-image] :is(.h-Modal :where(.h-ModalInnerContainer))){align-items:center}@media (min-width:740px){.h-Modal :where(.h-ModalInnerContainer){gap:var(--h-modal-gap);margin-top:auto}}.h-Modal :where(.h-ModalImage){--h-icon-button-size:1.5rem;--h-modal-image-max-size:120px;margin-top:calc(var(--h-icon-button-size) + var(--h-modal-content-gap));max-height:var(--h-modal-image-max-size);max-width:var(--h-modal-image-max-size)}@media (min-width:740px){.h-Modal :where(.h-ModalImage){margin-top:var(--h-space-0)}}@media (min-width:992px){.h-Modal :where(.h-ModalImage){--h-modal-image-max-size:160px}}.h-Modal :where(.h-ModalHeader){align-items:start;display:flex;flex-direction:column;gap:var(--h-modal-content-gap);text-align:center}@media (min-width:740px){.h-Modal :where(.h-ModalHeader){text-align:left}}:is(.h-Modal :where(.h-ModalHeader)):not([data-contains-image] :is(.h-Modal :where(.h-ModalHeader)),[data-hide-close-button] :is(.h-Modal :where(.h-ModalHeader))) :where(.h-Heading){--h-close-button-visual-size:16px;margin-right:calc(var(--h-close-button-visual-size) + var(--h-modal-padding))}:is(.h-Modal :where(.h-ModalHeader)):where([data-contains-image] :is(.h-Modal :where(.h-ModalHeader))){align-items:center}.h-Modal :where(.h-ModalContent){display:flex;width:100%}:is(.h-Modal :where(.h-ModalContent)):where([data-contains-image] :is(.h-Modal :where(.h-ModalContent))){margin-top:auto}:is(.h-Modal :where(.h-ModalContent)) :where(.h-ModalContentScrollAreaRoot){height:100%;width:100%}:is(.h-Modal :where(.h-ModalContent)) :where(.h-ModalContentScrollAreaViewport){height:100%;width:100%}:is(:is(.h-Modal :where(.h-ModalContent)) :where(.h-ModalContentScrollAreaViewport)):where([data-contains-image] :is(:is(.h-Modal :where(.h-ModalContent)) :where(.h-ModalContentScrollAreaViewport))){--h-modal-content-multiplier:0.5;max-height:calc(var(--h-modal-max-height-on-mobile)*var(--h-modal-content-multiplier))}.h-Modal :where(.h-ModalFooter){display:flex;flex-direction:column-reverse;gap:var(--h-modal-action-gap);margin-top:calc(var(--h-modal-gap) - var(--h-modal-content-gap));width:100%}@media (min-width:740px){.h-Modal :where(.h-ModalFooter){flex-direction:row;justify-content:end}}:is(.h-Modal :where(.h-ModalFooter)):where([data-contains-image] :is(.h-Modal :where(.h-ModalFooter))){justify-content:center}:is(.h-Modal :where(.h-ModalFooter)):where([data-contains-image] :is(.h-Modal :where(.h-ModalFooter))):not(.h-ModalOuterContainer:has(.h-ModalContent) :is(.h-Modal :where(.h-ModalFooter)):where([data-contains-image] :is(.h-Modal :where(.h-ModalFooter)))){bottom:0;padding:var(--h-bottom-sheet-padding);position:absolute}@media (min-width:740px){:is(.h-Modal :where(.h-ModalFooter)):where([data-contains-image] :is(.h-Modal :where(.h-ModalFooter))):not(.h-ModalOuterContainer:has(.h-ModalContent) :is(.h-Modal :where(.h-ModalFooter)):where([data-contains-image] :is(.h-Modal :where(.h-ModalFooter)))){padding:var(--h-space-0);position:static}}@media (prefers-reduced-motion:no-preference){@keyframes h-modal-slide-up{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes h-modal-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50%)}}@keyframes h-modal-show{0%{transform:translateX(-50%)}to{transform:translateX(-50%)}}@keyframes h-modal-hide{0%{transform:translateX(-50%)}to{transform:translateX(-50%)}}.h-Modal{will-change:transform}.h-Modal:where([data-state=open]){animation:h-modal-slide-up .1s ease-out}.h-Modal:where([data-state=closed]){animation:h-modal-slide-down .1s ease-in}@media (min-width:740px){.h-Modal:where([data-state=open]){animation:h-modal-show .2s ease-out}.h-Modal:where([data-state=closed]){animation:h-modal-hide .1s ease-in}}}.h-Alert{align-items:start;background-color:var(--h-alert-background-color);border-color:var(--h-alert-border-color);border-radius:var(--h-alert-border-radius);border-style:solid;border-width:var(--h-alert-border-width);display:inline-flex;flex-direction:row;gap:var(--h-alert-gap);padding:var(--h-alert-padding);position:relative}.h-Alert :where(.h-AlertContent){display:flex;flex:1;flex-direction:column;gap:var(--h-alert-content-gap)}:is(.h-Alert :where(.h-AlertContent)) :where(div){gap:var(--h-alert-content-gap)}:is(.h-Alert :where(.h-AlertContent)):has(.h-AlertLink){flex-direction:column}:is(.h-Alert :where(.h-AlertContent)):has(.h-AlertIconButton,.h-AlertLink[data-icon-only]){align-items:center;flex-direction:row;gap:var(--h-alert-gap)}.h-Alert .h-AlertCloseButton{z-index:1}.h-Alert .h-AlertLink{color:var(--h-alert-link-color)}@media (hover:hover){:is(.h-Alert .h-AlertLink):where(:hover){color:var(--h-alert-link-color-hover)}}:is(.h-Alert .h-AlertLink):where(:active){color:var(--h-alert-link-color-active)}:is(.h-Alert .h-AlertLink[data-icon-only]):after{background:transparent;border:none;border-radius:inherit;content:" ";inset:0;position:absolute;z-index:1}.h-Alert:where([data-colorscheme=info]){--h-alert-background-color:var(--h-feedback-info-surface-subtle);--h-alert-border-color:var(--h-feedback-info-border)}.h-Alert:where([data-colorscheme=positive]){--h-alert-background-color:var(--h-feedback-positive-surface-subtle);--h-alert-border-color:var(--h-feedback-positive-border)}.h-Alert:where([data-colorscheme=danger]){--h-alert-background-color:var(--h-feedback-danger-surface-subtle);--h-alert-border-color:var(--h-feedback-danger-border)}.h-Alert:where([data-colorscheme=warning]){--h-alert-background-color:var(--h-feedback-warning-surface-subtle);--h-alert-border-color:var(--h-feedback-warning-border)}.h-Alert :where(.h-AlertIconButton):after{background:transparent;border:none;border-radius:inherit;content:"";inset:0;position:absolute;z-index:1}.h-Alert .h-AlertIconButton{color:var(--h-alert-icon-button-unstyled-foreground-color)}@media (hover:hover){:is(.h-Alert .h-AlertIconButton):where(:hover){color:var(--h-alert-icon-button-unstyled-foreground-color-hover)}}:is(.h-Alert .h-AlertIconButton):where(:active){color:var(--h-alert-icon-button-unstyled-foreground-color-active)}.h-CurrencyInput:where(.h-InputBase){font-family:var(--h-font-family-detail);font-size:var(--h-detail-text-3xl-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-input-currency-gap);height:var(--h-input-currency-height);letter-spacing:var(--h-detail-text-3xl-letter-spacing);line-height:var(--h-detail-text-3xl-line-height)}.h-VerificationInput :where(.h-VerificationInputRoot){align-items:center;display:flex;flex-direction:row;gap:var(--h-input-verification-gap)}:is(.h-VerificationInput :where(.h-VerificationInputRoot)) :where(.h-InputBase){width:48px}:is(:is(.h-VerificationInput :where(.h-VerificationInputRoot)) :where(.h-InputBase)) :where(input){text-align:center}.h-DateInput{width:100%}.h-DateInput :where(.h-DateInputGroup){align-items:stretch;display:flex;gap:var(--h-input-date-gap)}:is(.h-DateInput :where(.h-DateInputGroup)) :where(.h-DateInputSegment){display:flex;flex-direction:column;gap:var(--h-input-gap);width:96px}.h-Tabs{position:relative}.h-Tabs :where(.h-TabsList){border-bottom:var(--h-tabs-divider-border-width) solid var(--h-tabs-divider-color);overflow:hidden;position:relative;width:100%}.h-Tabs :where(.h-TabsListScroll){overflow:auto hidden;scrollbar-width:none;width:100%}:is(.h-Tabs :where(.h-TabsListScroll))::-webkit-scrollbar{display:none}:is(.h-Tabs :where(.h-TabsListScroll)):where([data-scroll-left][data-scroll-right]){-webkit-mask-image:linear-gradient(90deg,transparent 20px,#000 32px,#000 calc(100% - 32px),transparent calc(100% - 20px));mask-image:linear-gradient(90deg,transparent 20px,#000 32px,#000 calc(100% - 32px),transparent calc(100% - 20px))}:is(.h-Tabs :where(.h-TabsListScroll)):where([data-scroll-left]):not([data-scroll-right]){-webkit-mask-image:linear-gradient(90deg,transparent 20px,#000 32px);mask-image:linear-gradient(90deg,transparent 20px,#000 32px)}:is(.h-Tabs :where(.h-TabsListScroll)):where([data-scroll-right]):not([data-scroll-left]){-webkit-mask-image:linear-gradient(270deg,transparent 20px,#000 32px);mask-image:linear-gradient(270deg,transparent 20px,#000 32px)}.h-Tabs :where(.h-TabsListContainer){display:flex;flex-wrap:nowrap;gap:var(--h-tabs-gap);position:relative}.h-Tabs :where(.h-Tab){all:unset;align-items:center;color:var(--h-text-primary);cursor:pointer;display:inline-flex;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-tabs-item-gap);justify-content:center;line-height:var(--h-body-text-md-line-height);padding-block:var(--h-tabs-item-padding-vertical);padding-inline:var(--h-tabs-item-padding-horizontal);position:relative}@media (hover:hover){:is(.h-Tabs :where(.h-Tab)):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}:is(.h-Tabs :where(.h-Tab)):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}:is(.h-Tabs :where(.h-Tab)):where(:focus-visible){border-radius:var(--h-border-radius-sm);outline:2px solid var(--h-focus-primary);outline-offset:-2px}.h-Tabs:where(.h-r-size-md) .h-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.h-Tabs:where(.h-r-size-lg) .h-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}@media (min-width:740px){.h-Tabs:where(.tablet\:h-r-size-md) .h-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.h-Tabs:where(.tablet\:h-r-size-lg) .h-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}}@media (min-width:992px){.h-Tabs:where(.desktop\:h-r-size-md) .h-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.h-Tabs:where(.desktop\:h-r-size-lg) .h-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}}@media (min-width:1200px){.h-Tabs:where(.wide\:h-r-size-md) .h-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.h-Tabs:where(.wide\:h-r-size-lg) .h-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}}.h-Tabs :where(.h-TabsListIndicator){background-color:var(--h-surface-brand-default);border-radius:var(--h-tabs-item-selected-border-top-radius) var(--h-tabs-item-selected-border-top-radius) var(--h-tabs-item-selected-border-bottom-radius) var(--h-tabs-item-selected-border-bottom-radius);bottom:0;height:6px;left:0;position:absolute;transform:translateX(0);transition:transform .25s ease,width .25s ease;width:0}.h-Tabs :where(.h-TabsListScrollButtonLeft,.h-TabsListScrollButtonRight){position:absolute;top:50%;transform:translateY(-50%);z-index:1}.h-Tabs :where(.h-TabsListScrollButtonLeft){left:0}.h-Tabs :where(.h-TabsListScrollButtonRight){right:0}.h-IconContainer{align-items:center;border-radius:var(--h-icon-container-border-radius);display:inline-flex;flex-shrink:0;height:-moz-fit-content;height:fit-content;justify-content:center;padding:var(--h-icon-container-padding)}.h-IconContainer:where(.h-variant-emphasis){background-color:var(--h-icon-container-emphasis-background-color);color:var(--h-icon-container-emphasis-color)}.h-IconContainer:where(.h-variant-subtle){background-color:var(--h-icon-container-subtle-background-color);color:var(--h-icon-container-subtle-color)}.h-IconContainer:where(.h-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.h-IconContainer:where(.h-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.h-IconContainer:where(.h-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}@media (min-width:740px){.h-IconContainer:where(.tablet\:h-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.h-IconContainer:where(.tablet\:h-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.h-IconContainer:where(.tablet\:h-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}}@media (min-width:992px){.h-IconContainer:where(.desktop\:h-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.h-IconContainer:where(.desktop\:h-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.h-IconContainer:where(.desktop\:h-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}}@media (min-width:1200px){.h-IconContainer:where(.wide\:h-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.h-IconContainer:where(.wide\:h-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.h-IconContainer:where(.wide\:h-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}}.h-IconContainer:where([data-fill=height],[data-fill=both]){height:100%}.h-IconContainer:where([data-fill=width],[data-fill=both]){width:100%}.h-IconContainer:where([data-colorscheme=pig]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-pig-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-pig-subtle)}.h-IconContainer:where([data-colorscheme=energy]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-energy-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-energy-subtle)}.h-IconContainer:where([data-colorscheme=broadband]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-broadband-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-broadband-subtle)}.h-IconContainer:where([data-colorscheme=mobile]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-mobile-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-mobile-subtle)}.h-IconContainer:where([data-colorscheme=cashback]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-cashback-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-cashback-subtle)}.h-IconContainer:where([data-colorscheme=insurance]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-insurance-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-insurance-subtle)}.h-IconContainer:where([data-colorscheme=highlight]){--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-highlight-subtle)}.h-Accordion{display:flex;flex-direction:column;gap:var(--h-accordion-gap)}.h-Accordion :where(.h-AccordionItem){border-bottom:var(--h-divider-border-width) solid var(--h-border-subtle)}:is(.h-Accordion :where(.h-AccordionItem)) :where(.h-AccordionItemHeader){display:flex;flex-direction:column}:is(.h-Accordion :where(.h-AccordionItem)) :where(.h-AccordionHeader){display:flex}:is(.h-Accordion :where(.h-AccordionItem)) :where(.h-AccordionItemDescription){color:var(--h-text-primary);font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);line-height:var(--h-body-text-md-line-height);padding-inline:var(--h-accordion-item-heading-padding-horizontal);padding-bottom:var(--h-accordion-item-content-padding-bottom);padding-top:var(--h-accordion-item-content-padding-top)}.h-Accordion :where(.h-AccordionTrigger){all:unset;align-items:center;color:var(--h-text-primary);cursor:pointer;display:flex;flex:1;flex-direction:row;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-accordion-item-heading-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);padding-block:var(--h-accordion-item-heading-padding-vertical);padding-inline:var(--h-accordion-item-heading-padding-horizontal)}@media (hover:hover){:is(.h-Accordion :where(.h-AccordionTrigger)):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}:is(.h-Accordion :where(.h-AccordionTrigger)):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}:is(.h-Accordion :where(.h-AccordionTrigger)):where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-Accordion :where(svg){transition:transform .3s}.h-Accordion :where(.h-AccordionTrigger[data-state=open]>svg){transform:rotate(180deg)}.h-Accordion :where(.h-AccordionContent){overflow:hidden}.h-Accordion :where(.h-AccordionContent[data-state=open]){animation:h-slide-down .3s ease-out}.h-Accordion :where(.h-AccordionContent[data-state=closed]){animation:h-slide-up .3s ease-out}.h-Accordion :where(.h-AccordionContentText){padding-inline:var(--h-accordion-item-heading-padding-horizontal);padding-bottom:var(--h-accordion-item-content-padding-bottom);padding-top:var(--h-accordion-item-content-padding-top)}@keyframes h-slide-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes h-slide-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.h-Select{max-width:var(--h-select-max-width);min-width:var(--h-select-min-width)}.h-Select :where(.h-SelectTrigger){all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--h-surface-neutral-strong);border:var(--h-select-border-width) solid var(--h-select-border,var(--h-border-strong));border-radius:var(--h-select-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-select-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);outline:transparent;padding-block:var(--h-select-padding-vertical);padding-inline:var(--h-select-padding-horizontal);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--radix-select-trigger-width);--h-select-border-color-focus:var(--h-border-strong)}:is(.h-Select :where(.h-SelectTrigger)):where([data-placeholder]){color:var(--h-text-secondary)}:is(.h-Select :where(.h-SelectTrigger)):where([data-disabled]){cursor:default}:is(.h-Select :where(.h-SelectTrigger)):where(:focus-visible,[data-state=open]){outline:var(--h-select-border-width-focused) solid var(--h-select-border-color-focus);outline-offset:-1px}:is(.h-Select :where(.h-SelectTrigger)):where([data-validation-status=valid] :is(.h-Select :where(.h-SelectTrigger))){--h-select-border:var(--h-feedback-positive-border);--h-select-border-color-focus:var(--h-feedback-positive-border)}:is(.h-Select :where(.h-SelectTrigger)):where([data-validation-status=invalid] :is(.h-Select :where(.h-SelectTrigger))){--h-select-border:var(--h-feedback-danger-border);--h-select-border-color-focus:var(--h-feedback-danger-border)}:is(.h-Select :where(.h-SelectTrigger)) :where(.h-SelectTriggerIcon){align-items:center;color:var(--h-text-primary);display:inline-flex;flex-shrink:0}.h-SelectContent{align-items:flex-start;background-color:var(--h-surface-neutral-strong);border:var(--h-select-dropdown-border-width) solid var(--h-border-subtle);border-radius:var(--h-select-border-radius);color:var(--h-interactive-functional-foreground-subtle);display:flex;flex-direction:column;gap:var(--h-select-dropdown-gap);max-height:var(--radix-select-content-available-height);padding:var(--h-select-dropdown-padding);width:var(--radix-select-trigger-width)}.h-SelectContent :where(.h-SelectViewport){width:100%}.h-SelectContent :where(.h-SelectItem){align-items:center;border-radius:var(--h-select-dropdown-item-border-radius);color:var(--h-interactive-functional-foreground-subtle);display:inline-flex;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-select-dropdown-item-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);padding:var(--h-select-dropdown-item-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}:is(.h-SelectContent :where(.h-SelectItem)):where([data-highlighted]){background-color:var(--h-interactive-functional-surface-subtle-hover);outline:none}:is(.h-SelectContent :where(.h-SelectItem)):where(:active):not([data-disabled]){background-color:var(--h-interactive-functional-surface-subtle-active)}:is(.h-SelectContent :where(.h-SelectItem)) :where(.h-SelectItemIndicator){flex-shrink:0}.h-SelectContent :where(span[aria-hidden=true]:has(svg)){align-items:center;display:inline-flex}.h-ToggleButtonCard{border:none;cursor:pointer;flex:1;gap:var(--h-card-selectable-gap);height:auto;justify-content:space-between}.h-ToggleButtonCard:has(button[data-state=off]){box-shadow:inset 0 0 0 var(--h-card-neutral-subtle-border-width) var(--h-border-subtle)}.h-ToggleButtonCard:has(button[data-state=on]){box-shadow:inset 0 0 0 var(--h-card-brand-border-width) var(--h-border-strong)}.h-ToggleButtonCard .h-ToggleButtonCardItem{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:var(--h-toggle-button-border-radius);box-shadow:inset 0 0 0 var(--h-toggle-button-border-width) var(--h-interactive-neutral-border-subtle);color:var(--h-interactive-neutral-foreground-subtle);font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-toggle-button-gap);line-height:var(--h-body-text-md-line-height);min-width:var(--h-toggle-button-min-width);padding-block:var(--h-toggle-button-padding-vertical);padding-inline:var(--h-toggle-button-padding-horizontal);touch-action:manipulation;transition:background-color .2s ease-out}@media (hover:hover){:is(.h-ToggleButtonCard .h-ToggleButtonCardItem):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}:is(.h-ToggleButtonCard .h-ToggleButtonCardItem):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}:is(.h-ToggleButtonCard .h-ToggleButtonCardItem):after{content:"";inset:0;position:absolute;z-index:0}[data-state=on]:is(.h-ToggleButtonCard .h-ToggleButtonCardItem){background-color:var(--h-interactive-brand-surface-strong-default);color:var(--h-interactive-brand-foreground-strong)}@media (hover:hover){[data-state=on]:is(.h-ToggleButtonCard .h-ToggleButtonCardItem):where(:hover){background-color:var(--h-interactive-brand-surface-strong-hover)}}[data-state=on]:is(.h-ToggleButtonCard .h-ToggleButtonCardItem):where(:active){background-color:var(--h-interactive-brand-surface-strong-active)}[data-state=off]:is(.h-ToggleButtonCard .h-ToggleButtonCardItem) svg{display:none}.h-DescriptionList{display:flex;flex-direction:column;gap:var(--h-description-list-gap)}.h-DescriptionList :where(.h-DescriptionListContainer){flex-direction:column;gap:var(--h-description-list-stack-gap)}:is(.h-DescriptionList :where(.h-DescriptionListContainer)) :where(.h-DescriptionListItem){flex-direction:row;gap:var(--h-description-list-item-gap);justify-content:space-between;width:100%}:is(:is(.h-DescriptionList :where(.h-DescriptionListContainer)) :where(.h-DescriptionListItem)) :where(.h-Flex){-moz-column-gap:var(--h-description-list-item-row-gap);column-gap:var(--h-description-list-item-row-gap)}:is(:is(:is(.h-DescriptionList :where(.h-DescriptionListContainer)) :where(.h-DescriptionListItem)) :where(.h-Flex)) :where(.h-Flex){flex-direction:column}.h-DescriptionList dt{color:var(--h-text-secondary);min-width:var(--h-description-list-item-row-heading-width)}.h-DescriptionList dd{color:var(--h-text-primary)}.h-Menu{display:flex;flex-direction:column}.h-Menu,.h-MenuContent{max-width:var(--h-menu-max-width);min-width:var(--h-menu-min-width)}.h-MenuContent{background-color:var(--h-surface-neutral-strong);border:var(--h-select-dropdown-border-width) solid var(--h-border-subtle);border-radius:var(--h-select-border-radius);color:var(--h-interactive-functional-foreground-subtle);padding:var(--h-menu-padding)}.h-MenuContent :where(.h-MenuContentList){align-items:flex-start;display:flex;flex-direction:column;gap:var(--h-menu-gap)}.h-MenuContent :where(.h-MenuItem){align-items:center;border-radius:var(--h-menu-item-border-radius);display:inline-flex;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-menu-item-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);padding:var(--h-menu-item-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}:is(.h-MenuContent :where(.h-MenuItem)):where(a){text-decoration:none}:is(.h-MenuContent :where(.h-MenuItem)):not([data-disabled]){cursor:pointer}:is(.h-MenuContent :where(.h-MenuItem)):where([data-colorscheme=functional]){color:var(--h-interactive-functional-foreground-subtle);--h-menu-item-background-colour-hover:var(--h-interactive-functional-surface-subtle-hover);--h-menu-item-background-colour-active:var(--h-interactive-functional-surface-subtle-active)}:is(.h-MenuContent :where(.h-MenuItem)):where([data-colorscheme=destructive]){color:var(--h-interactive-destructive-foreground-subtle);--h-menu-item-background-colour-hover:var(--h-interactive-destructive-surface-subtle-hover);--h-menu-item-background-colour-active:var(
|
|
9
|
+
);--h-ghost-foreground-color:var(--h-interactive-functional-foreground-inverted)}.h-ButtonBase:where([data-colorscheme=functional]){--h-solid-border-color:transparent;--h-emphasis-border-color:transparent}.h-ButtonBase:where(.h-variant-solid){--h-button-base-foreground-color:var(--h-solid-foreground-color);--h-button-base-border-color:var(--h-solid-border-color);--h-button-base-background-color:var(--h-solid-background-color);--h-button-base-background-color-hover:var(--h-solid-background-color-hover);--h-button-base-background-color-active:var(--h-solid-background-color-active)}.h-ButtonBase:where(.h-variant-outline){--h-button-base-foreground-color:var(--h-outline-foreground-color);--h-button-base-border-color:var(--h-outline-border-color);--h-button-base-background-color:transparent;--h-button-base-background-color-hover:var(--h-outline-background-color-hover);--h-button-base-background-color-active:var(--h-outline-background-color-active)}.h-ButtonBase:where(.h-variant-ghost){--h-button-base-border-color:transparent;--h-button-base-foreground-color:var(--h-ghost-foreground-color);--h-button-base-background-color:transparent;--h-button-base-background-color-hover:var(--h-ghost-background-color-hover);--h-button-base-background-color-active:var(--h-ghost-background-color-active)}.h-ButtonBase:where(.h-variant-emphasis){box-shadow:none;position:relative}.h-ButtonBase:where(.h-variant-emphasis)>.h-ButtonBaseShadow{background:var(--h-emphasis-shadow-color);border-radius:var(--h-button-border-radius);height:100%;left:0;position:absolute;top:0;transform:var(--h-emphasis-transform);width:100%;will-change:transform}.h-ButtonBase:where(.h-variant-emphasis)>.h-ButtonBaseFront{align-items:center;background-color:var(--h-button-base-background-color);border-radius:var(--h-button-border-radius);box-shadow:inset 0 0 0 var(--h-button-border-width) var(--h-button-base-border-color);color:var(--h-button-base-foreground-color);display:inline-flex;justify-content:center;position:relative;text-align:center;transition:transform .12s ease;width:100%;will-change:transform;--h-button-base-foreground-color:var(--h-emphasis-foreground-color);--h-button-base-border-color:var(--h-emphasis-border-color);--h-button-base-background-color:var(--h-emphasis-background-color);--h-button-base-background-color-hover:var(--h-emphasis-background-color-hover);--h-button-base-background-color-active:var(--h-emphasis-background-color-active)}@media (hover:hover){:is(.h-ButtonBase:where(.h-variant-emphasis)>.h-ButtonBaseFront):where(:hover):not([aria-disabled=true]){--h-button-base-background-color:var(--h-button-base-background-color-hover)}}.h-ButtonBase:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-ButtonBase:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}.h-ButtonBase:where(:focus-visible)>.h-ButtonBaseShadow{background:transparent}@media (hover:hover){.h-ButtonBase:where(:hover):not([aria-disabled=true]){--h-button-base-background-color:var(--h-button-base-background-color-hover)}}.h-ButtonBase:where([aria-disabled=true]){cursor:not-allowed}.h-ButtonBase:where(:active):not([aria-disabled=true]){transition-duration:0s;--h-button-base-background-color:var(--h-button-base-background-color-active)}.h-ButtonBase:where(:active):not([aria-disabled=true])>.h-ButtonBaseFront{transform:var(--h-emphasis-transform)}.h-Button{font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-button-gap);line-height:var(--h-body-text-md-line-height);min-width:var(--h-button-min-width);padding-block:var(--h-button-padding-block);padding-inline:var(--h-button-padding-inline)}.h-Button:where(.h-variant-ghost.h-padding-none){padding-inline:0}.h-Button:where(.h-variant-emphasis){gap:0;min-width:0;padding:0}.h-Button:where(.h-variant-ghost){text-decoration:underline}.h-Button:where(.h-variant-emphasis)>.h-ButtonBaseFront{gap:var(--h-button-gap);min-width:var(--h-button-min-width);padding-block:var(--h-button-padding-block);padding-inline:var(--h-button-padding-inline)}.h-Button :where(.h-ButtonLoading){display:grid}:is(.h-Button :where(.h-ButtonLoading))>div,:is(.h-Button :where(.h-ButtonLoading))>span{grid-column:1;grid-row:1}:is(.h-Button :where(.h-ButtonLoading))>div{align-items:center;display:inline-flex;gap:var(--h-button-gap);justify-content:center}:is(.h-Button :where(.h-ButtonLoading)) :where(.h-ButtonHidden){visibility:hidden}.h-Button:where(.h-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.h-Button:where(.h-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}@media (min-width:740px){.h-Button:where(.tablet\:h-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.h-Button:where(.tablet\:h-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}}@media (min-width:992px){.h-Button:where(.desktop\:h-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.h-Button:where(.desktop\:h-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}}@media (min-width:1200px){.h-Button:where(.wide\:h-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.h-Button:where(.wide\:h-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}}.h-IconButton{height:var(--h-icon-button-size);padding-block:var(--h-icon-button-padding-block);padding-inline:var(--h-icon-button-padding-inline);width:var(--h-icon-button-size)}.h-IconButton:where(.h-variant-emphasis){min-width:0;padding:0}.h-IconButton:where(.h-variant-emphasis)>.h-ButtonBaseFront{height:var(--h-icon-button-size);padding-block:var(--h-icon-button-padding-block);padding-inline:var(--h-icon-button-padding-inline);width:var(--h-icon-button-size)}.h-IconButton:where(.h-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.h-IconButton:where(.h-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}@media (min-width:740px){.h-IconButton:where(.tablet\:h-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.h-IconButton:where(.tablet\:h-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}}@media (min-width:992px){.h-IconButton:where(.desktop\:h-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.h-IconButton:where(.desktop\:h-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}}@media (min-width:1200px){.h-IconButton:where(.wide\:h-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.h-IconButton:where(.wide\:h-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}}.h-UnstyledIconButton{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;flex-shrink:0;justify-content:center;outline:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:var(--h-border-radius-xs);color:var(--h-icon-button-unstyled-foreground-color);cursor:pointer;height:var(--h-icon-button-size);touch-action:manipulation;transition:background-color .2s ease-out;width:var(--h-icon-button-size)}.h-UnstyledIconButton:where([data-inverted]){color:var(--h-icon-button-unstyled-inverted-foreground-color)}.h-UnstyledIconButton:where([aria-disabled=true]){cursor:not-allowed}@media (hover:hover){.h-UnstyledIconButton:where(:hover):not([aria-disabled=true]){color:var(--h-icon-button-unstyled-foreground-color-hover)}.h-UnstyledIconButton:where(:hover):not([aria-disabled=true]):where([data-inverted]){color:var(--h-icon-button-unstyled-inverted-foreground-color-hover)}}.h-UnstyledIconButton:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-UnstyledIconButton:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}.h-UnstyledIconButton:where(:active):not([aria-disabled=true]){color:var(--h-icon-button-unstyled-foreground-color-active)}.h-UnstyledIconButton:where(:active):not([aria-disabled=true]):where([data-inverted]){color:var(--h-icon-button-unstyled-inverted-foreground-color-active)}@media (pointer:coarse){.h-UnstyledIconButton:where(.h-r-size-sm):after{content:"";height:32px;position:absolute;width:32px;z-index:0}}.h-UnstyledIconButton:where(.h-r-size-md){--h-icon-button-size:1.5rem}.h-UnstyledIconButton:where(.h-r-size-sm){--h-icon-button-size:1.25rem}@media (min-width:740px){.h-UnstyledIconButton:where(.tablet\:h-r-size-md){--h-icon-button-size:1.5rem}.h-UnstyledIconButton:where(.tablet\:h-r-size-sm){--h-icon-button-size:1.25rem}}@media (min-width:992px){.h-UnstyledIconButton:where(.desktop\:h-r-size-md){--h-icon-button-size:1.5rem}.h-UnstyledIconButton:where(.desktop\:h-r-size-sm){--h-icon-button-size:1.25rem}}@media (min-width:1200px){.h-UnstyledIconButton:where(.wide\:h-r-size-md){--h-icon-button-size:1.5rem}.h-UnstyledIconButton:where(.wide\:h-r-size-sm){--h-icon-button-size:1.25rem}}.h-Spinner{align-items:center;color:var(--h-spinner-default-fill);display:inline-flex;height:-moz-fit-content;height:fit-content;justify-content:center;padding:var(--h-spinner-padding);width:-moz-fit-content;width:fit-content}.h-Spinner:where([data-currentColor]){color:currentcolor}.h-Spinner{--h-spinner-animation-duration:1.4s;--h-pi:3.14;--h-circumference:calc(var(--h-pi)*(var(--h-spinner-size) + var(--h-spinner-padding)*2))}.h-Spinner>svg{animation:h-rotator var(--h-spinner-animation-duration) linear infinite;height:var(--h-spinner-size);stroke:currentcolor;width:var(--h-spinner-size)}:is(.h-Spinner>svg)>circle{animation:h-dash var(--h-spinner-animation-duration) ease-in-out infinite;fill:transparent;stroke-dasharray:var(--h-circumference);stroke-dashoffset:0;stroke-linecap:round;stroke-width:var(--h-spinner-stroke-width);transform-origin:center}@media (prefers-reduced-motion:reduce){:is(.h-Spinner>svg)>circle{stroke-dasharray:calc(var(--h-spinner-size)*2.3)}}.h-Spinner:where(.h-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.h-Spinner:where(.h-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.h-Spinner:where(.h-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.h-Spinner:where(.h-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}@media (min-width:740px){.h-Spinner:where(.tablet\:h-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.h-Spinner:where(.tablet\:h-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.h-Spinner:where(.tablet\:h-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.h-Spinner:where(.tablet\:h-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}}@media (min-width:992px){.h-Spinner:where(.desktop\:h-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.h-Spinner:where(.desktop\:h-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.h-Spinner:where(.desktop\:h-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.h-Spinner:where(.desktop\:h-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}}@media (min-width:1200px){.h-Spinner:where(.wide\:h-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.h-Spinner:where(.wide\:h-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.h-Spinner:where(.wide\:h-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.h-Spinner:where(.wide\:h-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}}@keyframes h-rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}@keyframes h-dash{0%{stroke-dashoffset:var(--h-circumference)}50%{stroke-dashoffset:calc(var(--h-circumference)/4);transform:rotate(135deg)}to{stroke-dashoffset:var(--h-circumference);transform:rotate(450deg)}}.h-Link:where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:transparent;padding:0}.h-Link{border-radius:var(--h-border-radius-xs);color:var(--h-link-color);display:inline;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);line-height:var(--h-body-text-md-line-height);text-decoration-color:currentcolor;text-decoration-line:underline}.h-Link:where([data-inverted]){color:var(--h-link-inverted-color)}.h-Link:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-Link:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}@media (hover:hover){.h-Link:where(:hover):not([aria-disabled]){color:var(--h-link-color-hover);text-decoration:none}.h-Link:where(:hover):not([aria-disabled]):where([data-inverted]){color:var(--h-link-inverted-color-hover)}}.h-Link:where(:active):not([aria-disabled]){color:var(--h-link-color-active)}.h-Link:where(:active):not([aria-disabled]):where([data-inverted]){color:var(--h-link-inverted-color-active)}.h-Link:not([aria-disabled]){cursor:pointer}.h-Link:has(svg,[data-icon]){align-items:center;display:inline-flex;flex-shrink:0;gap:var(--h-link-gap)}.h-InlineLink:where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:transparent;padding:0}.h-InlineLink{border-radius:var(--h-border-radius-xs);color:var(--h-inline-link-color);cursor:pointer;display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration-color:currentcolor;text-decoration-line:underline}.h-InlineLink:where([data-inverted]){color:var(--h-inline-link-inverted-color)}.h-InlineLink:where([data-inherit-color]){color:inherit}.h-InlineLink:where(:visited){color:var(--h-inline-link-color-visited)}@media (hover:hover){.h-InlineLink:where(:hover){text-decoration:none}.h-InlineLink:where(:hover):where([data-inverted]){color:var(--h-inline-link-inverted-color-hover)}.h-InlineLink:where(:hover):where([data-inherit-color]){color:inherit}}.h-InlineLink:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-InlineLink:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}.h-InlineLink:has(svg){align-items:center;display:inline-flex;flex-shrink:0;gap:var(--h-link-gap)}.h-Label{cursor:default;display:inline-flex}.h-SectionHeader{display:grid;gap:var(--h-section-header-text-content-gap) var(--h-section-header-gap);grid-template-columns:auto max-content;width:100%}.h-SectionHeader :where(.h-Heading){grid-column:1/2;grid-row:1/2}.h-SectionHeader :where(.h-HelperText){grid-column:1/2;grid-row:2/3}.h-SectionHeader :where(.h-ValidationText){grid-column:1/2;grid-row:3/4}.h-SectionHeader :where(.h-SectionHeaderTrailingContent){grid-column:2/3;grid-row:1/2}.h-Card{background-color:var(--h-card-background-color);border:var(--h-card-border-width) solid var(--h-card-border-color);border-radius:var(--h-card-border-radius);height:-moz-fit-content;height:fit-content;overflow:hidden;padding:var(--h-card-padding-mobile);position:relative;--h-card-border-width:var(--h-card-brand-border-width);--h-card-border-color:var(--h-border-strong)}@media (min-width:740px){.h-Card{padding:var(--h-card-padding-tablet)}}@media (min-width:992px){.h-Card{padding:var(--h-card-padding-desktop)}}.h-Card:where(.h-padding-none,:has(.h-CardContent),:has(.h-CardActions),:has(>.h-CardActionLink),:has(>.h-CardActionButton)){padding:0}.h-Card :where(.h-CardContent){flex-grow:1;padding:var(--h-card-padding-mobile)}@media (min-width:740px){.h-Card :where(.h-CardContent){padding:var(--h-card-padding-tablet)}}@media (min-width:992px){.h-Card :where(.h-CardContent){padding:var(--h-card-padding-desktop)}}.h-Card:where(.h-variant-emphasis){--h-card-background-color:var(--h-card-emphasis-background-color)}.h-Card:where(.h-variant-subtle){--h-card-background-color:var(--h-card-subtle-background-color)}.h-Card:where(.h-variant-subtle):where([data-colorscheme=neutral-strong],[data-colorscheme=neutral-subtle]){--h-card-border-color:var(--h-border-subtle);--h-card-border-width:var(--h-card-neutral-subtle-border-width)}.h-Card:where([data-colorscheme=neutral-strong]){--h-card-emphasis-background-color:var(--h-surface-neutral-strong);--h-card-subtle-background-color:var(--h-surface-neutral-strong)}.h-Card:where([data-colorscheme=neutral-subtle]){--h-card-emphasis-background-color:var(--h-surface-neutral-subtle);--h-card-subtle-background-color:var(--h-surface-neutral-subtle)}.h-Card:where([data-colorscheme=brand]){--h-card-emphasis-background-color:var(--h-surface-brand-default);--h-card-subtle-background-color:var(--h-surface-brand-subtle)}.h-Card:where([data-colorscheme=energy]){--h-card-emphasis-background-color:var(--h-surface-energy-default);--h-card-subtle-background-color:var(--h-surface-energy-subtle)}.h-Card:where([data-colorscheme=broadband]){--h-card-emphasis-background-color:var(--h-surface-broadband-default);--h-card-subtle-background-color:var(--h-surface-broadband-subtle)}.h-Card:where([data-colorscheme=mobile]){--h-card-emphasis-background-color:var(--h-surface-mobile-default);--h-card-subtle-background-color:var(--h-surface-mobile-subtle)}.h-Card:where([data-colorscheme=insurance]){--h-card-emphasis-background-color:var(--h-surface-insurance-default);--h-card-subtle-background-color:var(--h-surface-insurance-subtle)}.h-Card:where([data-colorscheme=cashback]){--h-card-emphasis-background-color:var(--h-surface-cashback-default);--h-card-subtle-background-color:var(--h-surface-cashback-subtle)}.h-Card:where([data-colorscheme=pig]){--h-card-emphasis-background-color:var(--h-surface-pig-default);--h-card-subtle-background-color:var(--h-surface-pig-subtle)}.h-Card:where([data-colorscheme=highlight]){--h-card-subtle-background-color:var(--h-surface-highlight-subtle)}.h-Card:where([data-shadowcolor=brand]){--h-card-shadow-color:var(--h-shadow-brand)}.h-Card:where([data-shadowcolor=energy]){--h-card-shadow-color:var(--h-shadow-energy)}.h-Card:where([data-shadowcolor=broadband]){--h-card-shadow-color:var(--h-shadow-broadband)}.h-Card:where([data-shadowcolor=mobile]){--h-card-shadow-color:var(--h-shadow-mobile)}.h-Card:where([data-shadowcolor=insurance]){--h-card-shadow-color:var(--h-shadow-insurance)}.h-Card:where([data-shadowcolor=cashback]){--h-card-shadow-color:var(--h-shadow-cashback)}.h-Card:where([data-shadowcolor=pig]){--h-card-shadow-color:var(--h-shadow-pig)}.h-Card:where([data-shadowcolor=functional]){--h-card-shadow-color:var(--h-shadow-default)}.h-Card:has(.h-CardActions){flex-direction:column}:is(.h-Card :where(.h-CardActions)):not(:first-child){border-top:var(--h-card-border-width) solid var(--h-card-border-color)}.h-Card:where([data-shadowcolor]):not(:has(.h-CardInteraction:focus-visible)){box-shadow:var(--h-card-shadow-color) var(--h-md-x-mobile) var(--h-md-y-mobile)}@media (min-width:992px){.h-Card:where([data-shadowcolor]):not(:has(.h-CardInteraction:focus-visible)){box-shadow:var(--h-card-shadow-color) var(--h-md-x-desktop) var(--h-md-y-desktop)}}.h-Card:has(.h-CardInteraction:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-Card:has(.h-CardInteraction):has(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-Card:has(.h-CardActions :focus-visible){outline:none}.h-Card :where(.h-CardBannerImage){border:var(--h-border-width-1) solid var(--h-border-strong);border-radius:var(--h-border-radius-md);flex-shrink:0;overflow:hidden}.h-CardActions :where(.h-CardActionsItem){display:flex;flex:1;position:relative;white-space:nowrap}:is(.h-CardActions :where(.h-CardActionsItem)):where([data-direction=column] :is(.h-CardActions :where(.h-CardActionsItem))):not(:first-child){border-top:var(--h-card-border-width) solid var(--h-card-border-color)}:is(.h-CardActions :where(.h-CardActionsItem)):where([data-direction=row] :is(.h-CardActions :where(.h-CardActionsItem))):not(:first-child){border-left:var(--h-card-border-width) solid var(--h-card-border-color)}.h-CardActionLink{align-items:center;color:inherit;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:var(--h-space-150);position:relative;text-decoration:none;width:100%}.h-CardActionLink:after{content:"";inset:0;position:absolute;z-index:0}@media (hover:hover){.h-CardActionLink:where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}.h-CardActionLink:where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}.h-CardActionLink:where(:focus-visible):not(.h-Card>.h-CardActionLink){outline:2px solid var(--h-focus-primary);outline-offset:calc(var(--h-space-100)*-1)}.h-CardActionButton{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:var(--h-space-150);outline:transparent;position:relative;text-decoration:none;width:100%}.h-CardActionButton:after{content:"";inset:0;position:absolute;z-index:0}@media (hover:hover){.h-CardActionButton:where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}.h-CardActionButton:where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}.h-CardActionButton:where(:focus-visible):not(.h-Card>.h-CardActionButton){outline:2px solid var(--h-focus-primary);outline-offset:calc(var(--h-space-100)*-1)}.h-CardActionContent{align-items:center;display:flex;gap:var(--h-card-action-content-gap);height:100%;min-height:56px;width:100%}.h-CardActionContent:has(.h-IconContainer){gap:var(--h-space-0)}.h-CardActionContent :where(.h-CardActionContentLeadingIcon){align-items:center;display:flex;flex-shrink:0;height:100%;overflow:hidden;padding-block:var(--h-card-action-content-padding-vertical);padding-left:var(--h-card-action-content-padding-horizontal)}.h-CardActionContent :where(.h-CardActionContentMainWrapper){align-items:center;display:flex;gap:var(--h-card-action-content-gap);padding-block:var(--h-card-action-content-padding-vertical);padding-inline:var(--h-card-action-content-padding-horizontal);width:100%}:is(.h-CardActionContent :where(.h-CardActionContentMainWrapper)):where(.h-CardActionContent:has(.h-CardActionContentLeadingIcon) :is(.h-CardActionContent :where(.h-CardActionContentMainWrapper))){padding-left:var(--h-space-0)}:is(.h-CardActionContent :where(.h-CardActionContentMainWrapper)) :where(.h-CardActionContentMain){align-items:start;display:flex;flex-direction:column;flex-grow:1}:is(:is(.h-CardActionContent :where(.h-CardActionContentMainWrapper)) :where(.h-CardActionContentMain)):where([data-badge-placement=middle]){gap:var(--h-space-50)}:is(.h-CardActionContent :where(.h-CardActionContentMainWrapper)) :where(.h-CardActionContentTrailingIcon){align-self:center;display:flex}.h-CardInteraction:where([data-secondary]) :where(a[href],button),.h-CardInteraction:where([data-secondary]):where(a[href],button){position:relative;z-index:1}:is(.h-CardInteraction:not([data-secondary]):where(a[href],button),.h-CardInteraction:not([data-secondary]) :where(a[href],button)):where(:focus-visible){outline:none}:is(.h-CardInteraction:not([data-secondary]):where(a[href],button),.h-CardInteraction:not([data-secondary]) :where(a[href],button)):after{content:"";inset:0;position:absolute;z-index:0}:is(:is(.h-CardInteraction:not([data-secondary]):where(a[href],button),.h-CardInteraction:not([data-secondary]) :where(a[href],button)):after):where(:not([data-disabled],[data-disabled] :is(:is(.h-CardInteraction:not([data-secondary]):where(a[href],button),.h-CardInteraction:not([data-secondary]) :where(a[href],button)):after))){cursor:pointer}.h-HelperText{color:var(--h-text-secondary);cursor:default}.h-ValidationText{align-items:center;cursor:default;display:inline-flex;gap:var(--h-space-50)}.h-ValidationText :where(svg){height:20px;width:20px}.h-ValidationText:where([data-status=valid]){color:var(--h-feedback-positive-foreground-subtle)}.h-ValidationText:where([data-status=invalid]){color:var(--h-feedback-danger-foreground-subtle)}.h-FormField{display:flex;flex-direction:column;gap:var(--h-space-75);width:100%}.h-FormField :where(.h-FormFieldLabelContainer){display:flex;flex-direction:column}.h-InputBase{align-items:center;background-color:var(--h-surface-neutral-strong);border-color:var(--h-border-strong);border-radius:var(--h-input-border-radius);border-style:solid;border-width:var(--h-input-border-width);color:var(--h-text-primary);cursor:text;display:flex;font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-style:normal;font-weight:var(--h-font-weight-regular);gap:var(--h-input-gap);height:var(--h-input-height);line-height:var(--h-line-height-500);padding-block:var(--h-input-padding-vertical);padding-inline:var(--h-input-padding-horizontal);text-align:start;--h-input-border-color-focus:var(--h-border-strong)}.h-InputBase:where(:has(input[readonly]):not([data-disabled] .h-InputBase)){border-color:var(--h-border-subtle);--h-input-border-color-focus:var(--h-border-subtle)}.h-InputBase:where(:has(input:disabled,input[readonly])){cursor:default}.h-InputBase:where([data-validation-status=valid] .h-InputBase){border-color:var(--h-feedback-positive-border);--h-input-border-color-focus:var(--h-feedback-positive-border)}.h-InputBase:where([data-validation-status=invalid] .h-InputBase){border-color:var(--h-feedback-danger-border);--h-input-border-color-focus:var(--h-feedback-danger-border)}.h-InputBase:where(:has(input:focus),:has(button:focus)){outline:var(--h-input-border-width-focused) solid var(--h-input-border-color-focus);outline-offset:-1px}.h-InputBase :where(input){all:unset;display:block;font-style:normal;font-weight:400;text-align:start;text-indent:0;width:100%;-webkit-tap-highlight-color:transparent;cursor:text}:is(.h-InputBase :where(input)):where(:disabled,[readonly]){cursor:default}:is(.h-InputBase :where(input))::-moz-placeholder{color:var(--h-text-secondary)}:is(.h-InputBase :where(input))::placeholder{color:var(--h-text-secondary)}.h-InputBase input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.h-InputBase input::-webkit-inner-spin-button,.h-InputBase input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.h-InputBase input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.h-TextInput :where(.h-InputBase){max-width:var(--h-input-max-width);min-width:var(--h-input-min-width)}.h-InputSlot{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;gap:var(--h-input-gap)}.h-InputSlot:where(:not([data-placement=suffix])),.h-InputSlot:where([data-placement=prefix]){order:-1}.h-InputSlot:where([data-placement=suffix]){order:1}.h-Badge{align-items:center;border-radius:var(--h-badge-border-radius);display:inline-flex;flex-shrink:0;font-family:var(--h-font-family-body);font-size:var(--h-badge-font-size);font-style:normal;font-weight:var(--h-font-weight-semibold);gap:var(--h-badge-gap);height:-moz-fit-content;height:fit-content;justify-content:center;line-height:var(--h-badge-line-height);padding-block:var(--h-badge-padding-block);padding-inline:var(--h-badge-padding-horizontal);white-space:nowrap}.h-Badge:where([data-bottom-radius-zero]){border-bottom-left-radius:var(--h-badge-flat-base-border-bottom-left-radius);border-bottom-right-radius:var(--h-badge-flat-base-border-bottom-right-radius)}.h-Badge:where(.h-variant-emphasis){background-color:var(--h-badge-emphasis-background-color);color:var(--h-badge-emphasis-color)}.h-Badge:where(.h-variant-subtle){background-color:var(--h-badge-subtle-background-color);color:var(--h-badge-subtle-color)}.h-Badge:where(.h-variant-outline){background-color:transparent;box-shadow:inset 0 0 0 1px var(--h-border-subtle);color:var(--h-badge-outline-color)}.h-Badge:where(.h-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.h-Badge:where(.h-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}@media (min-width:740px){.h-Badge:where(.tablet\:h-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.h-Badge:where(.tablet\:h-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}}@media (min-width:992px){.h-Badge:where(.desktop\:h-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.h-Badge:where(.desktop\:h-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}}@media (min-width:1200px){.h-Badge:where(.wide\:h-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.h-Badge:where(.wide\:h-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}}.h-Badge:where([data-colorscheme=info]){--h-badge-emphasis-color:var(--h-feedback-info-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-info-surface-default);--h-badge-subtle-color:var(--h-feedback-info-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-info-surface-subtle);--h-badge-outline-color:var(--h-feedback-info-foreground-subtle)}.h-Badge:where([data-colorscheme=positive]){--h-badge-emphasis-color:var(--h-feedback-positive-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-positive-surface-default);--h-badge-subtle-color:var(--h-feedback-positive-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-positive-surface-subtle);--h-badge-outline-color:var(--h-feedback-positive-foreground-subtle)}.h-Badge:where([data-colorscheme=danger]){--h-badge-emphasis-color:var(--h-feedback-danger-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-danger-surface-default);--h-badge-subtle-color:var(--h-feedback-danger-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-danger-surface-subtle);--h-badge-outline-color:var(--h-feedback-danger-foreground-subtle)}.h-Badge:where([data-colorscheme=warning]){--h-badge-emphasis-color:var(--h-feedback-warning-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-warning-surface-default);--h-badge-subtle-color:var(--h-feedback-warning-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-warning-surface-subtle);--h-badge-outline-color:var(--h-feedback-warning-foreground-subtle)}.h-Badge:where([data-colorscheme=functional]){--h-badge-emphasis-color:var(--h-feedback-functional-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-functional-surface-default);--h-badge-subtle-color:var(--h-feedback-functional-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-functional-surface-subtle);--h-badge-outline-color:var(--h-feedback-functional-foreground-subtle)}.h-Badge:where([data-colorscheme=pig]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-pig-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-pig-subtle)}.h-Badge:where([data-colorscheme=energy]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-energy-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-energy-subtle)}.h-Badge:where([data-colorscheme=broadband]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-broadband-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-broadband-subtle)}.h-Badge:where([data-colorscheme=mobile]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-mobile-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-mobile-subtle)}.h-Badge:where([data-colorscheme=cashback]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-cashback-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-cashback-subtle)}.h-Badge:where([data-colorscheme=insurance]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-insurance-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-insurance-subtle)}.h-Badge:where([data-colorscheme=highlight]){--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-highlight-subtle)}.h-FormGroupBase{border:0;display:flex;flex-direction:column;gap:var(--h-space-75);margin:0;padding:0;width:100%}.h-FormGroupBase :where(legend):not(:has(+.h-FormGroupBaseHelperTextContainer)){display:contents}.h-FormGroupBase :where(legend){color:var(--h-text-primary)}:is(.h-FormGroupBase :where(legend)):where(:not(:has(*))):where([data-label-variant=body]){font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);line-height:var(--h-body-text-md-line-height)}:is(.h-FormGroupBase :where(legend)):where(:not(:has(*))):where([data-label-variant=heading]){font-family:var(--h-font-family-heading);font-size:var(--h-heading-md-font-size-mobile);font-weight:var(--h-font-weight-semibold);line-height:var(--h-heading-md-line-height-mobile)}.h-Radio{display:flex;flex-direction:row;gap:var(--h-radio-gap)}.h-Radio,.h-Radio *{cursor:pointer}.h-Radio .h-RadioContainer{align-items:center;display:flex;flex-direction:row;height:40px;justify-content:center;margin:-8px;width:40px}.h-Radio :where(.h-Label){align-items:center;display:flex;gap:var(--h-radio-gap);position:relative}:is(.h-Radio :where(.h-Label)):before{content:"";height:100%;left:-8px;position:absolute;width:100%}.h-RadioItem{all:unset;background-color:var(--h-surface-neutral-strong);border-color:var(--h-border-strong);border-radius:var(--h-radio-border-radius);border-style:solid;border-width:var(--h-radio-border-width);display:block;height:20px;width:20px}.h-RadioItem:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-RadioItem:where([data-state=checked],[data-state=checked] .h-RadioItem){border-color:var(--h-radio-checked-color)}@media (hover:hover){.h-RadioItem:where(:hover:enabled){box-shadow:0 0 0 var(--h-radio-outline-width) var(--h-radio-outline-color-hover)}}.h-RadioItem:where(:active):not([data-state=unchecked]){box-shadow:0 0 0 var(--h-radio-outline-width) var(--h-radio-outline-color-active)}.h-RadioIndicator{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.h-RadioIndicator:after{background-color:var(--h-radio-checked-color);border-radius:50%;content:"";display:block;height:14px;width:14px}.h-RadioTile{all:unset;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-radio-tile-border-radius);box-shadow:inset 0 0 0 var(--h-radio-tile-border-width) var(--h-border-subtle);flex:1 1 0%;max-width:var(--h-radio-tile-max-width);min-width:var(--h-radio-tile-min-width);padding:var(--h-radio-tile-padding)}.h-RadioTile,.h-RadioTile *{cursor:pointer}.h-RadioTile:where([data-state=checked]){box-shadow:inset 0 0 0 var(--h-radio-tile-border-width-selected) var(--h-border-strong)}.h-RadioTile:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-RadioTile .h-RadioContainer{display:flex;flex-direction:row;gap:var(--h-radio-tile-gap)}.h-RadioTile :where(.h-Label){align-items:center;display:flex;gap:var(--h-radio-tile-gap)}.h-RadioCard{all:unset;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-card-border-radius);box-shadow:inset 0 0 0 var(--h-card-neutral-subtle-border-width) var(--h-border-subtle);display:flex;flex:1 1 0%;flex-direction:column;gap:var(--h-card-selectable-gap);padding:var(--h-card-padding-mobile)}@media (min-width:740px){.h-RadioCard{padding:var(--h-card-padding-tablet)}}@media (min-width:992px){.h-RadioCard{padding:var(--h-card-padding-desktop)}}.h-RadioCard,.h-RadioCard *{cursor:pointer}.h-RadioCard:where([data-state=checked]){box-shadow:inset 0 0 0 var(--h-card-neutral-emphasis-border-width) var(--h-border-strong)}.h-RadioCard:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-RadioCard .h-RadioContainer{display:flex;flex-direction:row;gap:var(--h-space-150)}.h-RadioCard :where(.h-Label){align-items:center;display:flex;gap:var(--h-radio-tile-gap)}.h-RadioGroup{flex-wrap:wrap}.h-RadioGroup:where([data-orientation=horizontal]){flex-direction:row}.h-RadioGroup:where([data-orientation=vertical]){flex-direction:column;width:-moz-fit-content;width:fit-content}.h-RadioGroup{gap:var(--h-radio-group-stack-gap)}.h-RadioGroup:has(.h-RadioTile){gap:var(--h-radio-tile-group-stack-gap)}.h-Checkbox,.h-Checkbox .h-Label{gap:var(--h-checkbox-gap)}.h-Checkbox .h-Label{display:flex;position:relative}:is(.h-Checkbox .h-Label):before{content:"";height:100%;left:calc(var(--h-checkbox-gap)*-1);position:absolute;width:100%}.h-CheckboxRoot{align-items:center;border:none;box-shadow:0 0 0 var(--h-checkbox-outline-width) var(--h-checkbox-outline-color,transparent);color:var(--h-checkbox-checked-icon-color);display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:0;vertical-align:top}.h-CheckboxRoot,.h-CheckboxRoot:before{border-radius:var(--h-checkbox-border-radius);height:24px;width:24px}.h-CheckboxRoot:before{background-color:inherit;box-shadow:inset 0 0 0 var(--h-checkbox-border-width) var(--h-border-strong);content:"";display:block;outline:2px solid transparent}.h-CheckboxRoot:where([data-state=unchecked]){background-color:var(--h-surface-neutral-strong)}.h-CheckboxRoot:where([data-state=checked]){background-color:var(--h-checkbox-checked-background-color)}@media (hover:hover){.h-CheckboxRoot:where(:hover:enabled){--h-checkbox-outline-color:var(--h-checkbox-outline-color-hover)}}.h-CheckboxRoot:where(:active:enabled){--h-checkbox-outline-color:var(--h-checkbox-outline-color-active)}.h-CheckboxRoot:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-CheckboxRoot :where(.h-CheckboxIndicator){position:absolute}.h-CheckboxTile{align-items:start;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-checkbox-tile-border-radius);box-shadow:inset 0 0 0 var(--h-checkbox-tile-border-width) var(--h-border-subtle);cursor:pointer;display:flex;flex:1 1 0%;flex-direction:row;gap:var(--h-checkbox-tile-gap);max-width:var(--h-checkbox-tile-max-width);min-width:var(--h-checkbox-tile-min-width);padding:var(--h-checkbox-tile-padding)}.h-CheckboxTile *{cursor:pointer}.h-CheckboxTile .h-Label{align-items:center;display:flex;gap:var(--h-checkbox-tile-gap)}.h-CheckboxTile:where([data-disabled]){cursor:not-allowed}.h-CheckboxTile:where([data-disabled]) *{cursor:not-allowed}.h-CheckboxTile:where(:has([data-state=checked])){box-shadow:inset 0 0 0 var(--h-checkbox-tile-border-width-selected) var(--h-border-strong)}.h-CheckboxTile:where(:has(:focus-visible)){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-CheckboxTile :where(.h-CheckboxRoot):focus-visible{outline:none}.h-CheckboxTile :where(.h-CheckboxTileIndicator){position:absolute}.h-CheckboxGroup :where(.h-CheckboxGroupContent){flex-wrap:wrap}:is(.h-CheckboxGroup :where(.h-CheckboxGroupContent)):where([data-orientation=horizontal]){flex-direction:row}:is(.h-CheckboxGroup :where(.h-CheckboxGroupContent)):where([data-orientation=vertical]){flex-direction:column;width:-moz-fit-content;width:fit-content}.h-CheckboxGroup :where(.h-CheckboxGroupContent){gap:var(--h-checkbox-group-stack-gap)}:is(.h-CheckboxGroup :where(.h-CheckboxGroupContent)):has(.h-CheckboxTile){gap:var(--h-checkbox-tile-group-stack-gap)}.h-TextArea :where(textarea){all:unset;cursor:text;display:block;font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-style:normal;font-weight:var(--h-font-weight-regular);line-height:var(--h-line-height-500);text-align:start;text-indent:0;-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;white-space:pre-wrap;--h-textarea-padding-inline:calc(var(--h-input-padding-horizontal) - var(--h-space-100));background-color:var(--h-surface-neutral-strong);border-radius:var(--h-input-border-radius);padding-block:calc(var(--h-input-padding-vertical) - var(--h-space-100));padding-inline:var(--h-textarea-padding-inline);--h-textarea-border-color:var(--h-border-strong);--h-textarea-border-width:var(--h-input-border-width);background-clip:padding-box;border:calc(var(--h-space-100) + var(--h-input-border-width)) solid var(--h-surface-neutral-strong);max-width:calc(var(--h-input-max-width) - var(--h-space-100)*2 - var(--h-textarea-padding-inline)*2 - var(--h-input-border-width)*2);min-width:calc(var(--h-input-min-width) - var(--h-space-100)*2 - var(--h-textarea-padding-inline)*2 - var(--h-input-border-width)*2);outline:var(--h-textarea-border-width) solid var(--h-textarea-border-color);outline-offset:-1px}:is(.h-TextArea :where(textarea)):where([data-resize=none]){resize:none}:is(.h-TextArea :where(textarea)):where([data-resize=vertical]){resize:vertical}:is(.h-TextArea :where(textarea)):where([data-resize=horizontal]){resize:horizontal}:is(.h-TextArea :where(textarea)):where([data-resize=both]){resize:both}:where([data-validation-status=valid]:not(:has(textarea[readonly],textarea:disabled))) :is(.h-TextArea :where(textarea)){--h-textarea-border-color:var(--h-feedback-positive-border)}:where([data-validation-status=invalid]:not(:has(textarea[readonly],textarea:disabled))) :is(.h-TextArea :where(textarea)){--h-textarea-border-color:var(--h-feedback-danger-border)}:is(.h-TextArea :where(textarea)):where(:focus){--h-textarea-border-width:var(--h-input-border-width-focused)}:is(.h-TextArea :where(textarea)):where(:disabled,[readonly]){cursor:default}:is(.h-TextArea :where(textarea)):where([readonly]):not([data-disabled] :is(.h-TextArea :where(textarea))){--h-textarea-border-color:var(--h-border-subtle)}:is(.h-TextArea :where(textarea))::-moz-placeholder{color:var(--h-text-secondary)}:is(.h-TextArea :where(textarea))::placeholder{color:var(--h-text-secondary)}.h-List{display:flex;flex-direction:column;gap:var(--h-list-gap);width:100%}:is(.h-List :where(.h-ListContainer)):where(:has(:focus-visible)){outline:none}:is(.h-List :where(.h-ListContainer)) :where(ul,ol){width:100%}.h-List :where(.h-ListItem){align-items:center;display:flex;flex-direction:row;gap:var(--h-space-300);padding:var(--h-list-item-functional-padding);position:relative}:is(.h-List :where(.h-ListItem)):where(.h-ListContainer[data-padding-none]:not(.h-Card) :is(.h-List :where(.h-ListItem))){padding-inline:var(--h-space-0)}:is(:is(.h-List :where(.h-ListItem)):where(.h-variant-subtle,.h-variant-emphasis) :is(.h-List :where(.h-ListItem))):where(:first-child){border-top-left-radius:var(--h-card-border-radius);border-top-right-radius:var(--h-card-border-radius)}:is(:is(.h-List :where(.h-ListItem)):where(.h-variant-subtle,.h-variant-emphasis) :is(.h-List :where(.h-ListItem))):where(:last-child){border-bottom-left-radius:var(--h-card-border-radius);border-bottom-right-radius:var(--h-card-border-radius)}:is(.h-List :where(.h-ListItem)):where(:not(:first-child)){border-top:var(--h-list-item-functional-border-width) solid;border-color:var(--h-border-subtle)}:where(.h-variant-subtle) :is(.h-List :where(.h-ListItem)){border-color:var(--h-border-subtle)}:where(.h-variant-emphasis) :is(.h-List :where(.h-ListItem)){border-color:var(--h-border-strong)}@media (hover:hover){:is(.h-List :where(.h-ListItem)):has(button,a):not(:has(.h-Switch),:has(.h-Link)):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}:is(.h-List :where(.h-ListItem)):has(button,a):not(:has(.h-Switch),:has(.h-Link)):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}:is(.h-List :where(.h-ListItem)) :where(.h-ListItemButton,.h-ListActionButton){all:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;outline:transparent}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemButton,.h-ListActionButton)) :where(.h-ListItemContent){width:100%}:is(.h-List :where(.h-ListItem)) :where(.h-ListItemLink,.h-ListActionLink){color:inherit;font:inherit;text-decoration:none}:is(.h-List :where(.h-ListItem)) :where(.h-ListActionLink,.h-ListActionButton){align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:var(--h-list-item-gap);justify-content:space-between;width:100%}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListActionLink,.h-ListActionButton)):after{content:"";inset:0;position:absolute;z-index:0}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListActionLink,.h-ListActionButton)):where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}:is(.h-List :where(.h-ListItem)) :where(.h-ListItemButton,.h-ListItemLink){align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:var(--h-list-item-gap);width:100%}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemButton,.h-ListItemLink)):after{content:"";inset:0;position:absolute;z-index:0}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemButton,.h-ListItemLink)):where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}:is(.h-List :where(.h-ListItem)) :where(.h-ListItemContent){align-items:center;display:flex;gap:var(--h-list-item-gap);width:100%}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemContent)):has(.h-HelperText){align-items:start}:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemContent)) :where(.h-ListItemContentTrailingContent){align-items:end;align-self:center;display:flex;flex-direction:column}:is(:is(:is(.h-List :where(.h-ListItem)) :where(.h-ListItemContent)) :where(.h-ListItemContentTrailingContent)):has(.h-Switch,.h-Link){align-self:start}.h-Switch{align-items:center;display:flex;flex-direction:row;gap:var(--h-space-200)}.h-Switch .h-SwitchRoot{align-items:center;background-color:var(--h-interactive-functional-surface-strong-default);border:none;border-radius:var(--h-switch-radius);display:inline-flex;flex-shrink:0;padding:var(--h-switch-padding);position:relative;vertical-align:top;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease-in-out}:is(.h-Switch .h-SwitchRoot):where([aria-disabled]){cursor:not-allowed}@media (hover:hover){:is(.h-Switch .h-SwitchRoot):where(:hover):not([aria-disabled]){background-color:var(--h-interactive-functional-surface-strong-hover)}}:is(.h-Switch .h-SwitchRoot):where([data-state=checked]){background-color:var(--h-interactive-brand-surface-strong-default)}@media (hover:hover){:is(.h-Switch .h-SwitchRoot):where([data-state=checked]):where(:hover):not([aria-disabled]){background-color:var(--h-interactive-brand-surface-strong-hover)}}:is(.h-Switch .h-SwitchRoot):where(.h-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.h-Switch .h-SwitchRoot):where(.h-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}@media (min-width:740px){:is(.h-Switch .h-SwitchRoot):where(.tablet\:h-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.h-Switch .h-SwitchRoot):where(.tablet\:h-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}}@media (min-width:992px){:is(.h-Switch .h-SwitchRoot):where(.desktop\:h-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.h-Switch .h-SwitchRoot):where(.desktop\:h-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}}@media (min-width:1200px){:is(.h-Switch .h-SwitchRoot):where(.wide\:h-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.h-Switch .h-SwitchRoot):where(.wide\:h-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}}:is(.h-Switch .h-SwitchRoot):where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb{align-items:center;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-switch-radius);color:var(--h-icon-primary);display:flex;justify-content:center;left:var(--h-switch-padding);position:absolute;transition:transform .2s ease-in-out;will-change:transform}:is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb):where([data-state=checked]){transform:translateX(var(--h-switch-thumb-translate-x))}:is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb):where([data-state=checked]) :where(.h-SwitchCloseIcon){display:none}:is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb):where([data-state=unchecked]) :where(.h-SwitchTickIcon){display:none}:where(.h-r-size-md :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.h-r-size-sm :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}@media (min-width:740px){:where(.tablet\:h-r-size-md :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.tablet\:h-r-size-sm :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}}@media (min-width:992px){:where(.desktop\:h-r-size-md :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.desktop\:h-r-size-sm :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}}@media (min-width:1200px){:where(.wide\:h-r-size-md :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.wide\:h-r-size-sm :is(:is(.h-Switch .h-SwitchRoot) .h-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}}.h-ModalScroll{display:flex;inset:0;overflow:auto;position:absolute}.h-ModalScrollPadding{flex-grow:1;margin:auto;padding:var(--h-space-400) var(--h-space-200)}.h-Modal{background-color:var(--h-surface-neutral-strong);border-top-left-radius:var(--h-modal-border-radius);border-top-right-radius:var(--h-modal-border-radius);bottom:0;height:-moz-fit-content;height:fit-content;left:0;min-width:0;overflow:hidden;position:fixed;right:0}@media (min-width:740px){.h-Modal{border-bottom-left-radius:var(--h-modal-border-radius);border-bottom-right-radius:var(--h-modal-border-radius);left:50%;position:relative;top:50%;transform:translateX(-50%);width:var(--h-modal-width-tablet)}}@media (min-width:992px){.h-Modal{width:var(--h-modal-width-desktop)}}.h-Modal:where([data-contains-image],[data-full-screen]){--h-modal-max-height-on-mobile:calc(100vh - 40px);height:var(--h-modal-max-height-on-mobile)}@media (min-width:740px){.h-Modal:where([data-contains-image],[data-full-screen]){height:-moz-fit-content;height:fit-content}}:is(.h-Modal :where(.h-ModalOuterContainer))::-webkit-scrollbar{display:none}.h-Modal :where(.h-ModalOuterContainer){display:flex;flex-direction:column;gap:var(--h-modal-content-gap);height:100%;overflow:auto;padding:var(--h-bottom-sheet-padding);position:relative}@media (min-width:740px){.h-Modal :where(.h-ModalOuterContainer){padding:var(--h-modal-padding)}}:is(.h-Modal :where(.h-ModalOuterContainer)):where([data-contains-image] :is(.h-Modal :where(.h-ModalOuterContainer))){align-items:center;padding:var(--h-modal-padding)}@media (min-width:740px){:is(.h-Modal :where(.h-ModalOuterContainer)):where([data-contains-image] :is(.h-Modal :where(.h-ModalOuterContainer))){height:-moz-fit-content;height:fit-content}}.h-Modal :where(.h-ModalCloseIconButton){position:absolute;right:var(--h-modal-padding);top:var(--h-modal-padding);z-index:1}.h-Modal :where(.h-ModalInnerContainer){display:flex;flex-direction:column;gap:var(--h-modal-content-gap);height:-moz-fit-content;height:fit-content;justify-content:center}:is(.h-Modal :where(.h-ModalInnerContainer)):where([data-contains-image] :is(.h-Modal :where(.h-ModalInnerContainer))){align-items:center}@media (min-width:740px){.h-Modal :where(.h-ModalInnerContainer){gap:var(--h-modal-gap);margin-top:auto}}.h-Modal :where(.h-ModalImage){--h-icon-button-size:1.5rem;--h-modal-image-max-size:120px;margin-top:calc(var(--h-icon-button-size) + var(--h-modal-content-gap));max-height:var(--h-modal-image-max-size);max-width:var(--h-modal-image-max-size)}@media (min-width:740px){.h-Modal :where(.h-ModalImage){margin-top:var(--h-space-0)}}@media (min-width:992px){.h-Modal :where(.h-ModalImage){--h-modal-image-max-size:160px}}.h-Modal :where(.h-ModalHeader){align-items:start;display:flex;flex-direction:column;gap:var(--h-modal-content-gap);text-align:center}@media (min-width:740px){.h-Modal :where(.h-ModalHeader){text-align:left}}:is(.h-Modal :where(.h-ModalHeader)):not([data-contains-image] :is(.h-Modal :where(.h-ModalHeader)),[data-hide-close-button] :is(.h-Modal :where(.h-ModalHeader))) :where(.h-Heading){--h-close-button-visual-size:16px;margin-right:calc(var(--h-close-button-visual-size) + var(--h-modal-padding))}:is(.h-Modal :where(.h-ModalHeader)):where([data-contains-image] :is(.h-Modal :where(.h-ModalHeader))){align-items:center}.h-Modal :where(.h-ModalContent){display:flex;width:100%}:is(.h-Modal :where(.h-ModalContent)):where([data-contains-image] :is(.h-Modal :where(.h-ModalContent))){margin-top:auto}:is(.h-Modal :where(.h-ModalContent)) :where(.h-ModalContentScrollAreaRoot){height:100%;width:100%}:is(.h-Modal :where(.h-ModalContent)) :where(.h-ModalContentScrollAreaViewport){height:100%;width:100%}:is(:is(.h-Modal :where(.h-ModalContent)) :where(.h-ModalContentScrollAreaViewport)):where([data-contains-image] :is(:is(.h-Modal :where(.h-ModalContent)) :where(.h-ModalContentScrollAreaViewport))){--h-modal-content-multiplier:0.5;max-height:calc(var(--h-modal-max-height-on-mobile)*var(--h-modal-content-multiplier))}.h-Modal :where(.h-ModalFooter){display:flex;flex-direction:column-reverse;gap:var(--h-modal-action-gap);margin-top:calc(var(--h-modal-gap) - var(--h-modal-content-gap));width:100%}@media (min-width:740px){.h-Modal :where(.h-ModalFooter){flex-direction:row;justify-content:end}}:is(.h-Modal :where(.h-ModalFooter)):where([data-contains-image] :is(.h-Modal :where(.h-ModalFooter))){justify-content:center}:is(.h-Modal :where(.h-ModalFooter)):where([data-contains-image] :is(.h-Modal :where(.h-ModalFooter))):not(.h-ModalOuterContainer:has(.h-ModalContent) :is(.h-Modal :where(.h-ModalFooter)):where([data-contains-image] :is(.h-Modal :where(.h-ModalFooter)))){bottom:0;padding:var(--h-bottom-sheet-padding);position:absolute}@media (min-width:740px){:is(.h-Modal :where(.h-ModalFooter)):where([data-contains-image] :is(.h-Modal :where(.h-ModalFooter))):not(.h-ModalOuterContainer:has(.h-ModalContent) :is(.h-Modal :where(.h-ModalFooter)):where([data-contains-image] :is(.h-Modal :where(.h-ModalFooter)))){padding:var(--h-space-0);position:static}}@media (prefers-reduced-motion:no-preference){@keyframes h-modal-slide-up{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes h-modal-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50%)}}@keyframes h-modal-show{0%{transform:translateX(-50%)}to{transform:translateX(-50%)}}@keyframes h-modal-hide{0%{transform:translateX(-50%)}to{transform:translateX(-50%)}}.h-Modal{will-change:transform}.h-Modal:where([data-state=open]){animation:h-modal-slide-up .1s ease-out}.h-Modal:where([data-state=closed]){animation:h-modal-slide-down .1s ease-in}@media (min-width:740px){.h-Modal:where([data-state=open]){animation:h-modal-show .2s ease-out}.h-Modal:where([data-state=closed]){animation:h-modal-hide .1s ease-in}}}.h-Alert{align-items:start;background-color:var(--h-alert-background-color);border-color:var(--h-alert-border-color);border-radius:var(--h-alert-border-radius);border-style:solid;border-width:var(--h-alert-border-width);display:inline-flex;flex-direction:row;gap:var(--h-alert-gap);padding:var(--h-alert-padding);position:relative}.h-Alert :where(.h-AlertContent){display:flex;flex:1;flex-direction:column;gap:var(--h-alert-content-gap)}:is(.h-Alert :where(.h-AlertContent)) :where(div){gap:var(--h-alert-content-gap)}:is(.h-Alert :where(.h-AlertContent)):has(.h-AlertLink){flex-direction:column}:is(.h-Alert :where(.h-AlertContent)):has(.h-AlertIconButton,.h-AlertLink[data-icon-only]){align-items:center;flex-direction:row;gap:var(--h-alert-gap)}.h-Alert .h-AlertCloseButton{z-index:1}.h-Alert .h-AlertLink{color:var(--h-alert-link-color)}@media (hover:hover){:is(.h-Alert .h-AlertLink):where(:hover){color:var(--h-alert-link-color-hover)}}:is(.h-Alert .h-AlertLink):where(:active){color:var(--h-alert-link-color-active)}:is(.h-Alert .h-AlertLink[data-icon-only]):after{background:transparent;border:none;border-radius:inherit;content:" ";inset:0;position:absolute;z-index:1}.h-Alert:where([data-colorscheme=info]){--h-alert-background-color:var(--h-feedback-info-surface-subtle);--h-alert-border-color:var(--h-feedback-info-border)}.h-Alert:where([data-colorscheme=positive]){--h-alert-background-color:var(--h-feedback-positive-surface-subtle);--h-alert-border-color:var(--h-feedback-positive-border)}.h-Alert:where([data-colorscheme=danger]){--h-alert-background-color:var(--h-feedback-danger-surface-subtle);--h-alert-border-color:var(--h-feedback-danger-border)}.h-Alert:where([data-colorscheme=warning]){--h-alert-background-color:var(--h-feedback-warning-surface-subtle);--h-alert-border-color:var(--h-feedback-warning-border)}.h-Alert :where(.h-AlertIconButton):after{background:transparent;border:none;border-radius:inherit;content:"";inset:0;position:absolute;z-index:1}.h-Alert .h-AlertIconButton{color:var(--h-alert-icon-button-unstyled-foreground-color)}@media (hover:hover){:is(.h-Alert .h-AlertIconButton):where(:hover){color:var(--h-alert-icon-button-unstyled-foreground-color-hover)}}:is(.h-Alert .h-AlertIconButton):where(:active){color:var(--h-alert-icon-button-unstyled-foreground-color-active)}.h-CurrencyInput :where(.h-InputBase){font-family:var(--h-font-family-detail);font-size:var(--h-detail-text-3xl-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-input-currency-gap);height:var(--h-input-currency-height);letter-spacing:var(--h-detail-text-3xl-letter-spacing);line-height:var(--h-detail-text-3xl-line-height)}.h-VerificationInput :where(.h-VerificationInputRoot){align-items:center;display:flex;flex-direction:row;gap:var(--h-input-verification-gap)}:is(.h-VerificationInput :where(.h-VerificationInputRoot)) :where(.h-InputBase){width:48px}:is(:is(.h-VerificationInput :where(.h-VerificationInputRoot)) :where(.h-InputBase)) :where(input){text-align:center}.h-DateInput{width:100%}.h-DateInput :where(.h-DateInputGroup){align-items:stretch;display:flex;gap:var(--h-input-date-gap)}:is(.h-DateInput :where(.h-DateInputGroup)) :where(.h-DateInputSegment){display:flex;flex-direction:column;gap:var(--h-input-gap);width:96px}.h-Tabs{position:relative}.h-Tabs :where(.h-TabsList){border-bottom:var(--h-tabs-divider-border-width) solid var(--h-tabs-divider-color);overflow:hidden;position:relative;width:100%}.h-Tabs :where(.h-TabsListScroll){overflow:auto hidden;scrollbar-width:none;width:100%}:is(.h-Tabs :where(.h-TabsListScroll))::-webkit-scrollbar{display:none}:is(.h-Tabs :where(.h-TabsListScroll)):where([data-scroll-left][data-scroll-right]){-webkit-mask-image:linear-gradient(90deg,transparent 20px,#000 32px,#000 calc(100% - 32px),transparent calc(100% - 20px));mask-image:linear-gradient(90deg,transparent 20px,#000 32px,#000 calc(100% - 32px),transparent calc(100% - 20px))}:is(.h-Tabs :where(.h-TabsListScroll)):where([data-scroll-left]):not([data-scroll-right]){-webkit-mask-image:linear-gradient(90deg,transparent 20px,#000 32px);mask-image:linear-gradient(90deg,transparent 20px,#000 32px)}:is(.h-Tabs :where(.h-TabsListScroll)):where([data-scroll-right]):not([data-scroll-left]){-webkit-mask-image:linear-gradient(270deg,transparent 20px,#000 32px);mask-image:linear-gradient(270deg,transparent 20px,#000 32px)}.h-Tabs :where(.h-TabsListContainer){display:flex;flex-wrap:nowrap;gap:var(--h-tabs-gap);position:relative}.h-Tabs :where(.h-Tab){all:unset;align-items:center;color:var(--h-text-primary);cursor:pointer;display:inline-flex;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-tabs-item-gap);justify-content:center;line-height:var(--h-body-text-md-line-height);padding-block:var(--h-tabs-item-padding-vertical);padding-inline:var(--h-tabs-item-padding-horizontal);position:relative}@media (hover:hover){:is(.h-Tabs :where(.h-Tab)):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}:is(.h-Tabs :where(.h-Tab)):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}:is(.h-Tabs :where(.h-Tab)):where(:focus-visible){border-radius:var(--h-border-radius-sm);outline:2px solid var(--h-focus-primary);outline-offset:-2px}.h-Tabs:where(.h-r-size-md) .h-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.h-Tabs:where(.h-r-size-lg) .h-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}@media (min-width:740px){.h-Tabs:where(.tablet\:h-r-size-md) .h-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.h-Tabs:where(.tablet\:h-r-size-lg) .h-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}}@media (min-width:992px){.h-Tabs:where(.desktop\:h-r-size-md) .h-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.h-Tabs:where(.desktop\:h-r-size-lg) .h-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}}@media (min-width:1200px){.h-Tabs:where(.wide\:h-r-size-md) .h-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.h-Tabs:where(.wide\:h-r-size-lg) .h-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}}.h-Tabs :where(.h-TabsListIndicator){background-color:var(--h-surface-brand-default);border-radius:var(--h-tabs-item-selected-border-top-radius) var(--h-tabs-item-selected-border-top-radius) var(--h-tabs-item-selected-border-bottom-radius) var(--h-tabs-item-selected-border-bottom-radius);bottom:0;height:6px;left:0;position:absolute;transform:translateX(0);transition:transform .25s ease,width .25s ease;width:0}.h-Tabs :where(.h-TabsListScrollButtonLeft,.h-TabsListScrollButtonRight){position:absolute;top:50%;transform:translateY(-50%);z-index:1}.h-Tabs :where(.h-TabsListScrollButtonLeft){left:0}.h-Tabs :where(.h-TabsListScrollButtonRight){right:0}.h-IconContainer{align-items:center;border-radius:var(--h-icon-container-border-radius);display:inline-flex;flex-shrink:0;height:-moz-fit-content;height:fit-content;justify-content:center;padding:var(--h-icon-container-padding)}.h-IconContainer:where(.h-variant-emphasis){background-color:var(--h-icon-container-emphasis-background-color);color:var(--h-icon-container-emphasis-color)}.h-IconContainer:where(.h-variant-subtle){background-color:var(--h-icon-container-subtle-background-color);color:var(--h-icon-container-subtle-color)}.h-IconContainer:where(.h-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.h-IconContainer:where(.h-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.h-IconContainer:where(.h-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}@media (min-width:740px){.h-IconContainer:where(.tablet\:h-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.h-IconContainer:where(.tablet\:h-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.h-IconContainer:where(.tablet\:h-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}}@media (min-width:992px){.h-IconContainer:where(.desktop\:h-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.h-IconContainer:where(.desktop\:h-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.h-IconContainer:where(.desktop\:h-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}}@media (min-width:1200px){.h-IconContainer:where(.wide\:h-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.h-IconContainer:where(.wide\:h-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.h-IconContainer:where(.wide\:h-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}}.h-IconContainer:where([data-fill=height],[data-fill=both]){height:100%}.h-IconContainer:where([data-fill=width],[data-fill=both]){width:100%}.h-IconContainer:where([data-colorscheme=pig]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-pig-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-pig-subtle)}.h-IconContainer:where([data-colorscheme=energy]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-energy-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-energy-subtle)}.h-IconContainer:where([data-colorscheme=broadband]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-broadband-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-broadband-subtle)}.h-IconContainer:where([data-colorscheme=mobile]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-mobile-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-mobile-subtle)}.h-IconContainer:where([data-colorscheme=cashback]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-cashback-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-cashback-subtle)}.h-IconContainer:where([data-colorscheme=insurance]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-insurance-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-insurance-subtle)}.h-IconContainer:where([data-colorscheme=highlight]){--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-highlight-subtle)}.h-Accordion{display:flex;flex-direction:column;gap:var(--h-accordion-gap)}.h-Accordion :where(.h-AccordionItem){border-bottom:var(--h-divider-border-width) solid var(--h-border-subtle)}:is(.h-Accordion :where(.h-AccordionItem)) :where(.h-AccordionItemHeader){display:flex;flex-direction:column}:is(.h-Accordion :where(.h-AccordionItem)) :where(.h-AccordionHeader){display:flex}:is(.h-Accordion :where(.h-AccordionItem)) :where(.h-AccordionItemDescription){color:var(--h-text-primary);font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);line-height:var(--h-body-text-md-line-height);padding-inline:var(--h-accordion-item-heading-padding-horizontal);padding-bottom:var(--h-accordion-item-content-padding-bottom);padding-top:var(--h-accordion-item-content-padding-top)}.h-Accordion :where(.h-AccordionTrigger){all:unset;align-items:center;color:var(--h-text-primary);cursor:pointer;display:flex;flex:1;flex-direction:row;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-accordion-item-heading-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);padding-block:var(--h-accordion-item-heading-padding-vertical);padding-inline:var(--h-accordion-item-heading-padding-horizontal)}@media (hover:hover){:is(.h-Accordion :where(.h-AccordionTrigger)):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}:is(.h-Accordion :where(.h-AccordionTrigger)):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}:is(.h-Accordion :where(.h-AccordionTrigger)):where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.h-Accordion :where(svg){transition:transform .3s}.h-Accordion :where(.h-AccordionTrigger[data-state=open]>svg){transform:rotate(180deg)}.h-Accordion :where(.h-AccordionContent){overflow:hidden}.h-Accordion :where(.h-AccordionContent[data-state=open]){animation:h-slide-down .3s ease-out}.h-Accordion :where(.h-AccordionContent[data-state=closed]){animation:h-slide-up .3s ease-out}.h-Accordion :where(.h-AccordionContentText){padding-inline:var(--h-accordion-item-heading-padding-horizontal);padding-bottom:var(--h-accordion-item-content-padding-bottom);padding-top:var(--h-accordion-item-content-padding-top)}@keyframes h-slide-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes h-slide-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.h-Select{max-width:var(--h-select-max-width);min-width:var(--h-select-min-width)}.h-Select :where(.h-SelectTrigger){all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--h-surface-neutral-strong);border:var(--h-select-border-width) solid var(--h-select-border,var(--h-border-strong));border-radius:var(--h-select-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-select-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);outline:transparent;padding-block:var(--h-select-padding-vertical);padding-inline:var(--h-select-padding-horizontal);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--radix-select-trigger-width);--h-select-border-color-focus:var(--h-border-strong)}:is(.h-Select :where(.h-SelectTrigger)):where([data-placeholder]){color:var(--h-text-secondary)}:is(.h-Select :where(.h-SelectTrigger)):where([data-disabled]){cursor:default}:is(.h-Select :where(.h-SelectTrigger)):where(:focus-visible,[data-state=open]){outline:var(--h-select-border-width-focused) solid var(--h-select-border-color-focus);outline-offset:-1px}:is(.h-Select :where(.h-SelectTrigger)):where([data-validation-status=valid] :is(.h-Select :where(.h-SelectTrigger))){--h-select-border:var(--h-feedback-positive-border);--h-select-border-color-focus:var(--h-feedback-positive-border)}:is(.h-Select :where(.h-SelectTrigger)):where([data-validation-status=invalid] :is(.h-Select :where(.h-SelectTrigger))){--h-select-border:var(--h-feedback-danger-border);--h-select-border-color-focus:var(--h-feedback-danger-border)}:is(.h-Select :where(.h-SelectTrigger)) :where(.h-SelectTriggerIcon){align-items:center;color:var(--h-text-primary);display:inline-flex;flex-shrink:0}.h-SelectContent{align-items:flex-start;background-color:var(--h-surface-neutral-strong);border:var(--h-select-dropdown-border-width) solid var(--h-border-subtle);border-radius:var(--h-select-border-radius);color:var(--h-interactive-functional-foreground-subtle);display:flex;flex-direction:column;gap:var(--h-select-dropdown-gap);max-height:var(--radix-select-content-available-height);padding:var(--h-select-dropdown-padding);width:var(--radix-select-trigger-width)}.h-SelectContent :where(.h-SelectViewport){width:100%}.h-SelectContent :where(.h-SelectItem){align-items:center;border-radius:var(--h-select-dropdown-item-border-radius);color:var(--h-interactive-functional-foreground-subtle);display:inline-flex;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-select-dropdown-item-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);padding:var(--h-select-dropdown-item-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}:is(.h-SelectContent :where(.h-SelectItem)):where([data-highlighted]){background-color:var(--h-interactive-functional-surface-subtle-hover);outline:none}:is(.h-SelectContent :where(.h-SelectItem)):where(:active):not([data-disabled]){background-color:var(--h-interactive-functional-surface-subtle-active)}:is(.h-SelectContent :where(.h-SelectItem)) :where(.h-SelectItemIndicator){flex-shrink:0}.h-SelectContent :where(span[aria-hidden=true]:has(svg)){align-items:center;display:inline-flex}.h-ToggleButtonCard{border:none;cursor:pointer;flex:1;gap:var(--h-card-selectable-gap);height:auto;justify-content:space-between}.h-ToggleButtonCard:has(button[data-state=off]){box-shadow:inset 0 0 0 var(--h-card-neutral-subtle-border-width) var(--h-border-subtle)}.h-ToggleButtonCard:has(button[data-state=on]){box-shadow:inset 0 0 0 var(--h-card-brand-border-width) var(--h-border-strong)}.h-ToggleButtonCard .h-ToggleButtonCardItem{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:var(--h-toggle-button-border-radius);box-shadow:inset 0 0 0 var(--h-toggle-button-border-width) var(--h-interactive-neutral-border-subtle);color:var(--h-interactive-neutral-foreground-subtle);font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-toggle-button-gap);line-height:var(--h-body-text-md-line-height);min-width:var(--h-toggle-button-min-width);padding-block:var(--h-toggle-button-padding-vertical);padding-inline:var(--h-toggle-button-padding-horizontal);touch-action:manipulation;transition:background-color .2s ease-out}@media (hover:hover){:is(.h-ToggleButtonCard .h-ToggleButtonCardItem):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}:is(.h-ToggleButtonCard .h-ToggleButtonCardItem):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}:is(.h-ToggleButtonCard .h-ToggleButtonCardItem):after{content:"";inset:0;position:absolute;z-index:0}[data-state=on]:is(.h-ToggleButtonCard .h-ToggleButtonCardItem){background-color:var(--h-interactive-brand-surface-strong-default);color:var(--h-interactive-brand-foreground-strong)}@media (hover:hover){[data-state=on]:is(.h-ToggleButtonCard .h-ToggleButtonCardItem):where(:hover){background-color:var(--h-interactive-brand-surface-strong-hover)}}[data-state=on]:is(.h-ToggleButtonCard .h-ToggleButtonCardItem):where(:active){background-color:var(--h-interactive-brand-surface-strong-active)}[data-state=off]:is(.h-ToggleButtonCard .h-ToggleButtonCardItem) svg{display:none}.h-DescriptionList{display:flex;flex-direction:column;gap:var(--h-description-list-gap)}.h-DescriptionList :where(.h-DescriptionListContainer){flex-direction:column;gap:var(--h-description-list-stack-gap)}:is(.h-DescriptionList :where(.h-DescriptionListContainer)) :where(.h-DescriptionListItem){flex-direction:row;gap:var(--h-description-list-item-gap);justify-content:space-between;width:100%}:is(:is(.h-DescriptionList :where(.h-DescriptionListContainer)) :where(.h-DescriptionListItem)) :where(.h-Flex){-moz-column-gap:var(--h-description-list-item-row-gap);column-gap:var(--h-description-list-item-row-gap)}:is(:is(:is(.h-DescriptionList :where(.h-DescriptionListContainer)) :where(.h-DescriptionListItem)) :where(.h-Flex)) :where(.h-Flex){flex-direction:column}.h-DescriptionList dt{color:var(--h-text-secondary);min-width:var(--h-description-list-item-row-heading-width)}.h-DescriptionList dd{color:var(--h-text-primary)}.h-Menu{display:flex;flex-direction:column}.h-Menu,.h-MenuContent{max-width:var(--h-menu-max-width);min-width:var(--h-menu-min-width)}.h-MenuContent{background-color:var(--h-surface-neutral-strong);border:var(--h-select-dropdown-border-width) solid var(--h-border-subtle);border-radius:var(--h-select-border-radius);color:var(--h-interactive-functional-foreground-subtle);padding:var(--h-menu-padding)}.h-MenuContent :where(.h-MenuContentList){align-items:flex-start;display:flex;flex-direction:column;gap:var(--h-menu-gap)}.h-MenuContent :where(.h-MenuItem){align-items:center;border-radius:var(--h-menu-item-border-radius);display:inline-flex;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-menu-item-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);padding:var(--h-menu-item-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}:is(.h-MenuContent :where(.h-MenuItem)):where(a){text-decoration:none}:is(.h-MenuContent :where(.h-MenuItem)):not([data-disabled]){cursor:pointer}:is(.h-MenuContent :where(.h-MenuItem)):where([data-colorscheme=functional]){color:var(--h-interactive-functional-foreground-subtle);--h-menu-item-background-colour-hover:var(--h-interactive-functional-surface-subtle-hover);--h-menu-item-background-colour-active:var(--h-interactive-functional-surface-subtle-active)}:is(.h-MenuContent :where(.h-MenuItem)):where([data-colorscheme=destructive]){color:var(--h-interactive-destructive-foreground-subtle);--h-menu-item-background-colour-hover:var(--h-interactive-destructive-surface-subtle-hover);--h-menu-item-background-colour-active:var(
|
|
10
10
|
--h-interactive-destructive-surface-subtle-active
|
|
11
11
|
)}@media (hover:hover){:is(.h-MenuContent :where(.h-MenuItem)):where(:hover,[data-highlighted]):not([data-disabled]){background-color:var(--h-menu-item-background-colour-hover);outline:none}}:is(.h-MenuContent :where(.h-MenuItem)):where(:active):not([data-disabled]){background-color:var(--h-menu-item-background-colour-active)}.h-Breadcrumbs :where(ol){display:flex;flex-direction:row;gap:var(--h-breadcrumb-gap)}.h-BreadcrumbItem>.h-BodyText{cursor:default;opacity:1}.h-ProgressStepper :where(ol){counter-reset:list-item;display:flex;flex-direction:row;gap:var(--h-progress-stepper-gap-horizontal)}.h-ProgressStepper :where(.h-ProgressStep){align-items:stretch;counter-increment:list-item;display:flex;flex:1;flex-direction:column;gap:var(--h-progress-stepper-gap-vertical)}:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepRow){align-items:center;display:flex;flex-direction:row;gap:var(--h-progress-stepper-gap-horizontal)}:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepIndicator){align-items:center;border-radius:var(--h-border-radius-full);display:flex;flex-shrink:0;height:var(--h-progress-stepper-indicator-height);justify-content:center;position:relative;width:var(--h-progress-stepper-indicator-width)}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepIndicator)):where([data-status=complete]){background-color:var(--h-progress-stepper-bar-complete-background-color);border:none}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepIndicator)):where([data-status=complete])>svg{color:var(--h-progress-stepper-indicator-complete-icon-color)}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepIndicator)):where([data-status=active]){background-color:var(--h-progress-stepper-bar-complete-background-color);border:none}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepIndicator)):where([data-status=active]):before{background-color:var(--h-progress-stepper-bar-complete-background-color);border:2px solid var(--h-color-warm-white-50);border-radius:50%;content:"";height:calc(var(--h-progress-stepper-indicator-height) - var(--h-border-width-2)*2);position:absolute;width:calc(var(--h-progress-stepper-indicator-width) - var(--h-border-width-2)*2)}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepIndicator)):where([data-status=active]):after{color:var(--h-progress-stepper-indicator-complete-icon-color);content:counter(list-item);font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-weight:var(--h-font-weight-medium);line-height:1;position:relative}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepIndicator)):where([data-status=incomplete]){background-color:var(--h-color-warm-white-50);border:var(--h-progress-stepper-indicator-future-border-width) solid var(--h-color-grey-400)}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepIndicator)):where([data-status=incomplete]):after{color:var(--h-color-grey-700);content:counter(list-item);font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-weight:var(--h-font-weight-medium);line-height:1}:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepConnector){flex:1;height:var(--h-progress-stepper-bar-height)}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepConnector)):where([data-status=complete]){background-color:var(--h-progress-stepper-bar-complete-background-color)}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepConnector)):where([data-status=active],[data-status=incomplete]){background-color:var(--h-color-grey-400)}:is(.h-ProgressStepper :where(.h-ProgressStep)):where(:last-child){flex:0}:is(.h-ProgressStepper :where(.h-ProgressStep)):where(:last-child) :where(.h-ProgressStepConnector){display:none}:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepLabel){text-align:left;white-space:nowrap}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepLabel)):where(:after){content:attr(data-content);display:block;font-weight:var(--h-font-weight-semibold);height:0;overflow:hidden;visibility:hidden}:is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepLabel)):where([data-visually-hidden-labels] :is(:is(.h-ProgressStepper :where(.h-ProgressStep)) :where(.h-ProgressStepLabel))){border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.h-Avatar{align-items:center;background-color:var(--h-surface-pig-subtle);display:inline-flex;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.h-Avatar:where(.h-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.h-Avatar:where(.h-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}@media (min-width:740px){.h-Avatar:where(.tablet\:h-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.h-Avatar:where(.tablet\:h-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}}@media (min-width:992px){.h-Avatar:where(.desktop\:h-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.h-Avatar:where(.desktop\:h-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}}@media (min-width:1200px){.h-Avatar:where(.wide\:h-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.h-Avatar:where(.wide\:h-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}}.h-Avatar .h-AvatarImage{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.h-Avatar .h-AvatarFallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.h-Pagination :where(.h-PaginationContainer){align-items:center;display:flex;flex-wrap:nowrap;gap:var(--h-pagination-gap);justify-content:space-between;list-style:none;margin:0;padding:0}:is(.h-Pagination :where(.h-PaginationContainer)) :where(li){display:flex}.h-Pagination :where(.h-PaginationControllers){align-items:center;display:flex;gap:var(--h-pagination-gap)}.h-Pagination :where(.h-PaginationPages){align-items:center;display:flex;flex-wrap:nowrap;gap:var(--h-pagination-gap)}.h-Pagination :where(.h-PaginationEllipsis){align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:var(--h-button-min-width);padding-inline:var(--h-button-sm-padding-horizontal)}.h-Pagination :where(.h-PaginationPage){aspect-ratio:1/1;height:var(--h-pagination-item-height);padding:var(--h-space-0);text-decoration:none;width:var(--h-pagination-item-width)}:is(.h-Pagination :where(.h-PaginationPage)):where([data-active]){background:var(--h-interactive-brand-surface-strong-default);color:var(--h-interactive-brand-foreground-strong)}.h-Table{display:flex;flex-direction:column;overflow:hidden;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.h-Table :where(table){border-collapse:collapse;border-spacing:0;font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);line-height:var(--h-line-height-500);width:100%}.h-Table :where(.h-TableRow){border-bottom:var(--h-table-cell-border-width) solid var(--h-border-subtle)}:is(.h-Table :where(.h-TableRow)):where(.h-Card:not(:has(.h-TablePagination)) :is(.h-Table :where(.h-TableRow))):last-child{border-bottom:none}.h-Table :where(.h-TableHeader){background-color:var(--h-surface-neutral-strong);border-bottom:var(--h-table-header-cell-border-width) solid var(--h-border-subtle)}:is(.h-Table :where(.h-TableHeader)):where(.h-Card :is(.h-Table :where(.h-TableHeader))){background-color:var(--h-surface-brand-default);border-bottom-color:var(--h-border-strong);color:var(--h-text-inverted)}.h-Table :where(.h-TableHeaderCell){padding-block:var(--h-table-header-cell-padding-vertical);padding-inline:var(--h-table-header-cell-padding-horizontal);text-align:left;white-space:nowrap}:is(.h-Table :where(.h-TableHeaderCell)):not([scope=row]){font-weight:var(--h-body-text-font-weight-semibold)}.h-Table :where(.h-TableCell){color:var(--h-text-primary);min-height:var(--h-table-cell-min-height);padding:var(--h-table-cell-padding)}.h-Table :where(.h-TablePagination){padding-block:var(--h-space-200);padding-inline:var(--h-space-300)}.h-ProgressBar :where(.h-ProgressBarLinear){display:grid;grid-template-columns:1fr 1fr;row-gap:var(--h-progress-bar-linear-gap);width:100%}:is(.h-ProgressBar :where(.h-ProgressBarLinear)) :where(.h-ProgressBarLabel){grid-column-start:1;text-align:left}:is(.h-ProgressBar :where(.h-ProgressBarLinear)) :where(.h-ProgressBarValueText){grid-column-start:2;text-align:right}:is(.h-ProgressBar :where(.h-ProgressBarLinear)) :where(.h-ProgressBarLinearTrack){background-color:var(--h-progress-bar-bar-color);border-radius:var(--h-progress-bar-linear-bar-border-radius);grid-column:1/3;height:var(--h-progress-bar-linear-bar-height);overflow:hidden;position:relative;width:100%}:is(.h-ProgressBar :where(.h-ProgressBarLinear)) :where(.h-ProgressBarLinearIndicator){background-color:var(--h-progress-bar-progress-default-color);border-radius:var(--h-progress-bar-linear-bar-border-radius);height:100%;transition:width .3s ease-in-out}:is(:is(.h-ProgressBar :where(.h-ProgressBarLinear)) :where(.h-ProgressBarLinearIndicator)):where([data-colorscheme=success] :is(:is(.h-ProgressBar :where(.h-ProgressBarLinear)) :where(.h-ProgressBarLinearIndicator))){background-color:var(--h-progress-bar-progress-success-color)}:is(:is(.h-ProgressBar :where(.h-ProgressBarLinear)) :where(.h-ProgressBarLinearIndicator)):where([data-colorscheme=danger] :is(:is(.h-ProgressBar :where(.h-ProgressBarLinear)) :where(.h-ProgressBarLinearIndicator))){background-color:var(--h-progress-bar-progress-danger-color)}.h-ProgressBar :where(.h-ProgressBarCircular){align-items:center;display:flex;height:var(--h-progress-bar-circular-size);justify-content:center;position:relative;width:var(--h-progress-bar-circular-size);--h-pi:3.14;--h-radius:calc(var(--h-progress-bar-circular-size)/2 - var(--h-progress-bar-circular-bar-width)/2);--h-circumference:calc(var(--h-pi)*2*var(--h-radius));--h-stroke-dashoffset:calc(var(--h-circumference) - var(--h-value)/100*var(--h-circumference))}:is(.h-ProgressBar :where(.h-ProgressBarCircular)) :where(.h-ProgressBarLabel){display:var(--h-progress-bar-label-display,block);max-width:90px;text-wrap:wrap}:is(.h-ProgressBar :where(.h-ProgressBarCircular))>svg{height:100%;position:absolute;width:100%}:is(:is(.h-ProgressBar :where(.h-ProgressBarCircular))>svg)>circle{cx:50%;cy:50%;fill:transparent;r:var(--h-radius);stroke-width:var(--h-progress-bar-circular-bar-width)}:is(.h-ProgressBar :where(.h-ProgressBarCircular)) :where(.h-ProgressBarValueText){font-family:var(--h-progress-bar-circular-md-label-font-family);font-size:var(--h-progress-bar-circular-label-font-size);font-weight:var(--h-progress-bar-value-text-font-weight);line-height:var(--h-progress-bar-circular-md-label-line-height)}:is(.h-ProgressBar :where(.h-ProgressBarCircular)):where(.h-r-size-md :is(.h-ProgressBar :where(.h-ProgressBarCircular))){--h-progress-bar-circular-size:var(--h-progress-bar-circular-md-height);--h-progress-bar-circular-bar-width:var(--h-progress-bar-circular-md-bar-width);--h-progress-bar-circular-label-font-weight:var(
|
|
12
12
|
--h-progress-bar-circular-md-label-font-weight
|
package/dist/chunk-54YG4VNB.cjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNFPIFSDDcjs = require('./chunk-NFPIFSDD.cjs');var _chunkY36SCAZGcjs = require('./chunk-Y36SCAZG.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _chunkVCSJTDQRcjs = require('./chunk-VCSJTDQR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _jsxruntime = require('react/jsx-runtime');var v="TextInput",E=_chunk7LZI6HLWcjs.b.call(void 0, v),M= exports.a =y=>{let{className:P,validationStatus:i,validationText:r,label:N,labelVariant:F,helperText:t,children:O,id:g,disabled:e,readOnly:n,hideLabel:B,required:o,placeholder:C,"aria-describedby":D,...V}=_chunkVCSJTDQRcjs.a.call(void 0, y,_chunkRDNRX35Pcjs.a),{id:l,labelId:s,helperTextId:p,validationTextId:d}=_chunkITZEACMWcjs.a.call(void 0, {providedId:g,prefix:"text-input"}),a=!n&&!e,q={id:l,labelId:s,helperTextId:p,validationTextId:d,label:N,labelVariant:F,helperText:t,validationText:a?r:void 0,validationStatus:a?i:void 0,hideLabel:B,required:o},w=_chunkDSW76HKTcjs.a.call(void 0, D,t?p:void 0,a&&r!==void 0?d:void 0);return _jsxruntime.jsx.call(void 0, _chunkY36SCAZGcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, E,P),"data-disabled":e?"":void 0,...q,children:_jsxruntime.jsx.call(void 0, _chunkNFPIFSDDcjs.a,{spellCheck:"false",id:l,required:o,disabled:e,readOnly:n,placeholder:e?void 0:C,"aria-labelledby":s,"aria-describedby":w,"aria-invalid":i==="invalid"?!0:void 0,"aria-errormessage":i==="invalid"?d:void 0,...V,children:O})})};M.displayName=v;exports.a = M;
|
|
2
|
-
//# sourceMappingURL=chunk-54YG4VNB.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-54YG4VNB.cjs","../src/components/TextInput/TextInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TextInput","props","className","validationStatus","validationText","label","labelVariant","helperText","children","providedId","disabled","readOnly","hideLabel","required","placeholder","ariaDescribedby","textInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","jsx","FormField","cn","InputBase"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,+CCmEjU,IAvDAA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAaC,CAAAA,EAA0B,CAClD,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,kBAAA,CAAoBC,CAAAA,CACpB,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAahB,CAAOiB,mBAAc,CAAA,CAEhC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAd,CAAAA,CACA,MAAA,CAAQ,YACV,CAAC,CAAA,CAEKe,CAAAA,CAAyB,CAACb,CAAAA,EAAY,CAACD,CAAAA,CAEvCe,CAAAA,CAAiB,CACrB,EAAA,CAAAN,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAAjB,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBiB,CAAAA,CAAiBpB,CAAAA,CAAiB,KAAA,CAAA,CAClD,gBAAA,CAAkBoB,CAAAA,CAAiBrB,CAAAA,CAAmB,KAAA,CAAA,CACtD,SAAA,CAAAS,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,CAEMa,CAAAA,CAAuBC,iCAAAA,CAC3BZ,CACER,CAAAA,CAAac,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,EAAkBpB,CAAAA,GAAmB,KAAA,CAAA,CAAYkB,CAAAA,CAAmB,KAAA,CACtE,CAAA,CAEA,OACEM,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGhC,CAAoBI,CAAS,CAAA,CAC3C,eAAA,CAAeQ,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC9B,GAAGe,CAAAA,CAEJ,QAAA,CAAAG,6BAAAA,mBAACG,CAAA,CACC,UAAA,CAAW,OAAA,CACX,EAAA,CAAIZ,CAAAA,CACJ,QAAA,CAAUN,CAAAA,CACV,QAAA,CAAUH,CAAAA,CACV,QAAA,CAAUC,CAAAA,CACV,WAAA,CAAcD,CAAAA,CAAyB,KAAA,CAAA,CAAdI,CAAAA,CACzB,iBAAA,CAAiBM,CAAAA,CACjB,kBAAA,CAAkBM,CAAAA,CAClB,cAAA,CAAcvB,CAAAA,GAAqB,SAAA,CAAY,CAAA,CAAA,CAAO,KAAA,CAAA,CACtD,mBAAA,CAAmBA,CAAAA,GAAqB,SAAA,CAAYmB,CAAAA,CAAmB,KAAA,CAAA,CACtE,GAAGN,CAAAA,CAEH,QAAA,CAAAR,CAAAA,CACH,CAAA,CACF,CAEJ,CAAA,CAEAR,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-54YG4VNB.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TextInputProps } from './TextInput.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { cn } from '../../helpers/cn';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { FormField } from '../FormField/FormField';\n\nconst COMPONENT_NAME = 'TextInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TextInput = (props: TextInputProps) => {\n const {\n className,\n validationStatus,\n validationText,\n label,\n labelVariant,\n helperText,\n children,\n id: providedId,\n disabled,\n readOnly,\n hideLabel,\n required,\n placeholder,\n 'aria-describedby': ariaDescribedby,\n ...textInputProps\n } = extractProps(props, marginPropDefs);\n\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'text-input',\n });\n\n const showValidation = Boolean(!readOnly && !disabled);\n\n const formFieldProps = {\n id,\n labelId,\n helperTextId,\n validationTextId,\n label,\n labelVariant,\n helperText,\n validationText: showValidation ? validationText : undefined,\n validationStatus: showValidation ? validationStatus : undefined,\n hideLabel,\n required,\n };\n\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby,\n !!helperText ? helperTextId : undefined,\n showValidation && validationText !== undefined ? validationTextId : undefined\n );\n\n return (\n <FormField\n className={cn(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n {...formFieldProps}\n >\n <InputBase\n spellCheck=\"false\"\n id={id}\n required={required}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={!disabled ? placeholder : undefined}\n aria-labelledby={labelId}\n aria-describedby={ariaDescribedbyValue}\n aria-invalid={validationStatus === 'invalid' ? true : undefined}\n aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n {...textInputProps}\n >\n {children}\n </InputBase>\n </FormField>\n );\n};\n\nTextInput.displayName = COMPONENT_NAME;\n"]}
|
package/dist/chunk-6TYBHIC2.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as I}from"./chunk-HECLKFB5.js";import{a as v}from"./chunk-HP5ULTGW.js";import{a as c}from"./chunk-W6VYE222.js";import{a as b}from"./chunk-L4OZ3M5X.js";import{a as P}from"./chunk-DVGYWBKQ.js";import{a as u}from"./chunk-BMY6GUJM.js";import{a as p}from"./chunk-MSHCGZ4G.js";import{b as f}from"./chunk-TXDSZ3MR.js";import{unstable_OneTimePasswordField as t}from"radix-ui";import{jsx as a,jsxs as C}from"react/jsx-runtime";var y="VerificationInput",T=f(y),E=N=>{let{className:O,disabled:r,readOnly:d,label:F,labelVariant:x,helperText:n,validationText:s,validationStatus:i,required:V,id:h,"aria-describedby":w,ref:S,...D}=u(N,c),{id:R,labelId:l,helperTextId:m,validationTextId:o}=b({providedId:h,prefix:"verification-input"}),e=!d&&!r,_={id:R,labelId:l,helperTextId:m,validationTextId:o,label:F,labelVariant:x,helperText:n,validationText:e?s:void 0,validationStatus:e?i:void 0,required:V},g=P(w,n?m:void 0,e&&s!==void 0?o:void 0);return a(v,{className:p(T,O),"data-disabled":r?"":void 0,..._,children:C(t.Root,{className:`${T}Root`,disabled:r,readOnly:d,"aria-labelledby":l,"aria-describedby":g,"aria-invalid":i==="invalid"?!0:void 0,"aria-errormessage":i==="invalid"?o:void 0,"data-validation-status":e?i:void 0,...D,children:[Array.from({length:6}).map((H,A)=>a(t.Input,{asChild:!0,children:a(I,{})},A)),a(t.HiddenInput,{ref:S})]})})};E.displayName=y;export{E as a};
|
|
2
|
-
//# sourceMappingURL=chunk-6TYBHIC2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/VerificationInput/VerificationInput.tsx"],"sourcesContent":["'use client';\n\nimport { unstable_OneTimePasswordField as OneTimePasswordFieldPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { VerificationInputProps } from './VerificationInput.props';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { cn } from '../../helpers/cn';\nimport { mergeIds } from '../../helpers/merge-ids';\n\nconst COMPONENT_NAME = 'VerificationInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const VerificationInput = (props: VerificationInputProps) => {\n const {\n className,\n disabled,\n readOnly,\n label,\n labelVariant,\n helperText,\n validationText,\n validationStatus,\n required,\n id: providedId,\n 'aria-describedby': ariaDescribedby,\n ref,\n ...verificationInputProps\n } = extractProps(props, marginPropDefs);\n\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'verification-input',\n });\n\n const showValidation = Boolean(!readOnly && !disabled);\n\n const formFieldProps = {\n id,\n labelId,\n helperTextId,\n validationTextId,\n label,\n labelVariant,\n helperText,\n validationText: showValidation ? validationText : undefined,\n validationStatus: showValidation ? validationStatus : undefined,\n required,\n };\n\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby,\n !!helperText ? helperTextId : undefined,\n showValidation && validationText !== undefined ? validationTextId : undefined\n );\n\n const PASSWORD_LENGTH = 6;\n\n return (\n <FormField\n className={cn(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n {...formFieldProps}\n >\n <OneTimePasswordFieldPrimitive.Root\n className={`${componentClassName}Root`}\n disabled={disabled}\n readOnly={readOnly}\n aria-labelledby={labelId}\n aria-describedby={ariaDescribedbyValue}\n aria-invalid={validationStatus === 'invalid' ? true : undefined}\n aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n data-validation-status={showValidation ? validationStatus : undefined}\n {...verificationInputProps}\n >\n {Array.from({ length: PASSWORD_LENGTH }).map((_, i) => (\n <OneTimePasswordFieldPrimitive.Input key={i} asChild>\n <InputBase />\n </OneTimePasswordFieldPrimitive.Input>\n ))}\n\n <OneTimePasswordFieldPrimitive.HiddenInput ref={ref} />\n </OneTimePasswordFieldPrimitive.Root>\n </FormField>\n );\n};\n\nVerificationInput.displayName = COMPONENT_NAME;\n"],"mappings":"gUAEA,OAAS,iCAAiCA,MAAqC,WAiEzE,OAaM,OAAAC,EAbN,QAAAC,MAAA,oBAtDN,IAAMC,EAAiB,oBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAqBC,GAAkC,CAClE,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,mBAAoBC,EACpB,IAAAC,EACA,GAAGC,CACL,EAAIC,EAAad,EAAOe,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAV,EACA,OAAQ,oBACV,CAAC,EAEKW,EAAyB,CAAClB,GAAY,CAACD,EAEvCoB,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAAf,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBe,EAAiBd,EAAiB,OAClD,iBAAkBc,EAAiBb,EAAmB,OACtD,SAAAC,CACF,EAEMc,EAAuBC,EAC3Bb,EACEL,EAAaY,EAAe,OAC9BG,GAAkBd,IAAmB,OAAYY,EAAmB,MACtE,EAIA,OACEzB,EAAC+B,EAAA,CACC,UAAWC,EAAG7B,EAAoBI,CAAS,EAC3C,gBAAeC,EAAW,GAAK,OAC9B,GAAGoB,EAEJ,SAAA3B,EAACgC,EAA8B,KAA9B,CACC,UAAW,GAAG9B,CAAkB,OAChC,SAAUK,EACV,SAAUC,EACV,kBAAiBc,EACjB,mBAAkBM,EAClB,eAAcf,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYW,EAAmB,OACvE,yBAAwBE,EAAiBb,EAAmB,OAC3D,GAAGK,EAEH,gBAAM,KAAK,CAAE,OAnBI,CAmBoB,CAAC,EAAE,IAAI,CAACe,EAAGC,IAC/CnC,EAACiC,EAA8B,MAA9B,CAA4C,QAAO,GAClD,SAAAjC,EAACoC,EAAA,EAAU,GAD6BD,CAE1C,CACD,EAEDnC,EAACiC,EAA8B,YAA9B,CAA0C,IAAKf,EAAK,GACvD,EACF,CAEJ,EAEAb,EAAkB,YAAcH","names":["OneTimePasswordFieldPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","VerificationInput","props","className","disabled","readOnly","label","labelVariant","helperText","validationText","validationStatus","required","providedId","ariaDescribedby","ref","verificationInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","FormField","cn","OneTimePasswordFieldPrimitive","_","i","InputBase"]}
|
package/dist/chunk-7G6BT4OO.cjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNFPIFSDDcjs = require('./chunk-NFPIFSDD.cjs');var _chunkY36SCAZGcjs = require('./chunk-Y36SCAZG.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _chunkVCSJTDQRcjs = require('./chunk-VCSJTDQR.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var y="VerificationInput",T=_chunk7LZI6HLWcjs.b.call(void 0, y),E= exports.a =N=>{let{className:O,disabled:r,readOnly:d,label:F,labelVariant:x,helperText:n,validationText:s,validationStatus:i,required:V,id:h,"aria-describedby":w,ref:S,...D}=_chunkVCSJTDQRcjs.a.call(void 0, N,_chunkRDNRX35Pcjs.a),{id:R,labelId:l,helperTextId:m,validationTextId:o}=_chunkITZEACMWcjs.a.call(void 0, {providedId:h,prefix:"verification-input"}),e=!d&&!r,_={id:R,labelId:l,helperTextId:m,validationTextId:o,label:F,labelVariant:x,helperText:n,validationText:e?s:void 0,validationStatus:e?i:void 0,required:V},g=_chunkDSW76HKTcjs.a.call(void 0, w,n?m:void 0,e&&s!==void 0?o:void 0);return _jsxruntime.jsx.call(void 0, _chunkY36SCAZGcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, T,O),"data-disabled":r?"":void 0,..._,children:_jsxruntime.jsxs.call(void 0, _radixui.unstable_OneTimePasswordField.Root,{className:`${T}Root`,disabled:r,readOnly:d,"aria-labelledby":l,"aria-describedby":g,"aria-invalid":i==="invalid"?!0:void 0,"aria-errormessage":i==="invalid"?o:void 0,"data-validation-status":e?i:void 0,...D,children:[Array.from({length:6}).map((H,A)=>_jsxruntime.jsx.call(void 0, _radixui.unstable_OneTimePasswordField.Input,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkNFPIFSDDcjs.a,{})},A)),_jsxruntime.jsx.call(void 0, _radixui.unstable_OneTimePasswordField.HiddenInput,{ref:S})]})})};E.displayName=y;exports.a = E;
|
|
2
|
-
//# sourceMappingURL=chunk-7G6BT4OO.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-7G6BT4OO.cjs","../src/components/VerificationInput/VerificationInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","VerificationInput","props","className","disabled","readOnly","label","labelVariant","helperText","validationText","validationStatus","required","providedId","ariaDescribedby","ref","verificationInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","jsx","FormField","cn","jsxs","OneTimePasswordFieldPrimitive"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCExP,+CAiEzE,IAtDAA,CAAAA,CAAiB,mBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAqBC,CAAAA,EAAkC,CAClE,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,kBAAA,CAAoBC,CAAAA,CACpB,GAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAad,CAAOe,mBAAc,CAAA,CAEhC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAV,CAAAA,CACA,MAAA,CAAQ,oBACV,CAAC,CAAA,CAEKW,CAAAA,CAAyB,CAAClB,CAAAA,EAAY,CAACD,CAAAA,CAEvCoB,CAAAA,CAAiB,CACrB,EAAA,CAAAN,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAAf,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBe,CAAAA,CAAiBd,CAAAA,CAAiB,KAAA,CAAA,CAClD,gBAAA,CAAkBc,CAAAA,CAAiBb,CAAAA,CAAmB,KAAA,CAAA,CACtD,QAAA,CAAAC,CACF,CAAA,CAEMc,CAAAA,CAAuBC,iCAAAA,CAC3Bb,CACEL,CAAAA,CAAaY,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,EAAkBd,CAAAA,GAAmB,KAAA,CAAA,CAAYY,CAAAA,CAAmB,KAAA,CACtE,CAAA,CAIA,OACEM,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAG9B,CAAoBI,CAAS,CAAA,CAC3C,eAAA,CAAeC,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC9B,GAAGoB,CAAAA,CAEJ,QAAA,CAAAM,8BAAAA,sCAACC,CAA8B,IAAA,CAA9B,CACC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-7G6BT4OO.cjs","sourcesContent":[null,"'use client';\n\nimport { unstable_OneTimePasswordField as OneTimePasswordFieldPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { VerificationInputProps } from './VerificationInput.props';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { cn } from '../../helpers/cn';\nimport { mergeIds } from '../../helpers/merge-ids';\n\nconst COMPONENT_NAME = 'VerificationInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const VerificationInput = (props: VerificationInputProps) => {\n const {\n className,\n disabled,\n readOnly,\n label,\n labelVariant,\n helperText,\n validationText,\n validationStatus,\n required,\n id: providedId,\n 'aria-describedby': ariaDescribedby,\n ref,\n ...verificationInputProps\n } = extractProps(props, marginPropDefs);\n\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'verification-input',\n });\n\n const showValidation = Boolean(!readOnly && !disabled);\n\n const formFieldProps = {\n id,\n labelId,\n helperTextId,\n validationTextId,\n label,\n labelVariant,\n helperText,\n validationText: showValidation ? validationText : undefined,\n validationStatus: showValidation ? validationStatus : undefined,\n required,\n };\n\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby,\n !!helperText ? helperTextId : undefined,\n showValidation && validationText !== undefined ? validationTextId : undefined\n );\n\n const PASSWORD_LENGTH = 6;\n\n return (\n <FormField\n className={cn(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n {...formFieldProps}\n >\n <OneTimePasswordFieldPrimitive.Root\n className={`${componentClassName}Root`}\n disabled={disabled}\n readOnly={readOnly}\n aria-labelledby={labelId}\n aria-describedby={ariaDescribedbyValue}\n aria-invalid={validationStatus === 'invalid' ? true : undefined}\n aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n data-validation-status={showValidation ? validationStatus : undefined}\n {...verificationInputProps}\n >\n {Array.from({ length: PASSWORD_LENGTH }).map((_, i) => (\n <OneTimePasswordFieldPrimitive.Input key={i} asChild>\n <InputBase />\n </OneTimePasswordFieldPrimitive.Input>\n ))}\n\n <OneTimePasswordFieldPrimitive.HiddenInput ref={ref} />\n </OneTimePasswordFieldPrimitive.Root>\n </FormField>\n );\n};\n\nVerificationInput.displayName = COMPONENT_NAME;\n"]}
|
package/dist/chunk-EBURNEZX.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as c}from"./chunk-IURJIQKN.js";import{a as d}from"./chunk-BCK2XQ4L.js";import{a as f}from"./chunk-OVKYZ4TW.js";import{a as m}from"./chunk-L4OZ3M5X.js";import{a as p}from"./chunk-MSHCGZ4G.js";import{b as u}from"./chunk-TXDSZ3MR.js";import i from"react";import{EyeOffSmallIcon as T,EyeSmallIcon as g}from"@utilitywarehouse/hearth-react-icons";import{Fragment as O,jsx as o,jsxs as R}from"react/jsx-runtime";var b="PasswordInput",x=u(b),N=({className:y,disabled:l,id:I,ref:w,...E})=>{let v=i.useRef(null),e=w||v,[s,S]=i.useState(!1),[n,a]=i.useState(!1),M=i.useCallback(()=>{let t=!s,r=!n;S(t),a(r)},[s,n]);i.useEffect(()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let r=()=>{t?.type&&(t.type="password")};return t&&t.form!==null&&t.form.addEventListener("submit",r),()=>{t?.form&&t.form.removeEventListener("submit",r)}},[e]);let P=`Your password is ${s?"shown":"hidden"}!`;i.useEffect(()=>{setTimeout(()=>{a(!1)},1500)},[n]);let{id:h}=m({providedId:I,prefix:"password-input"});return R(O,{children:[o(c,{ref:e,className:p(x,y),type:s?"text":"password",disabled:l,id:h,...E,children:o(d,{placement:"suffix",children:o(f,{type:"button",label:"toggle password visibility",onClick:M,disabled:l,"aria-pressed":s,children:s?o(g,{}):o(T,{})})})}),o("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:n?P:""})]})};N.displayName=b;export{N as a};
|
|
2
|
-
//# sourceMappingURL=chunk-EBURNEZX.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport React from 'react';\nimport type { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const PasswordInput = ({\n className,\n disabled,\n id: providedId,\n ref: forwardedRef,\n ...props\n}: PasswordInputProps) => {\n const defaultRef = React.useRef<HTMLInputElement | null>(null);\n const inputRef = forwardedRef || defaultRef;\n const [visible, setVisible] = React.useState(false);\n const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n const handleVisibility = React.useCallback(() => {\n const newVisibilityState = !visible;\n const newVisibilityMessageState = !showVisibilityMessage;\n setVisible(newVisibilityState);\n setShowVisibilityMessage(newVisibilityMessageState);\n }, [visible, showVisibilityMessage]);\n\n // If the PasswordInput is inside a form we should switch the input type\n // back to password when its parent form is submitted\n React.useEffect(() => {\n // Get the ref value and ensure proper typing\n let currentElement: HTMLInputElement | null = null;\n if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n // Type assertion to ensure TypeScript understands this is a valid ref object\n const refObject = inputRef as React.RefObject<HTMLInputElement>;\n currentElement = refObject.current;\n }\n\n const handleSubmit = () => {\n if (currentElement?.type) {\n currentElement.type = 'password';\n }\n };\n\n if (currentElement && currentElement.form !== null) {\n currentElement.form.addEventListener('submit', handleSubmit);\n }\n return () => {\n if (currentElement?.form) {\n currentElement.form.removeEventListener('submit', handleSubmit);\n }\n };\n }, [inputRef]);\n\n const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n React.useEffect(() => {\n setTimeout(() => {\n setShowVisibilityMessage(false);\n }, 1500);\n }, [showVisibilityMessage]);\n\n const { id } = useIds({ providedId, prefix: 'password-input' });\n\n return (\n <>\n <TextInput\n ref={inputRef}\n className={cn(componentClassName, className)}\n type={visible ? 'text' : 'password'}\n disabled={disabled}\n id={id}\n {...props}\n >\n <InputSlot placement=\"suffix\">\n <UnstyledIconButton\n type=\"button\"\n label=\"toggle password visibility\"\n onClick={handleVisibility}\n disabled={disabled}\n aria-pressed={visible}\n >\n {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n </UnstyledIconButton>\n </InputSlot>\n </TextInput>\n <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n {showVisibilityMessage ? visibilityMessage : ''}\n </div>\n </>\n );\n};\n\nPasswordInput.displayName = COMPONENT_NAME;\n"],"mappings":"gPAIA,OAAOA,MAAW,QAKlB,OAAS,mBAAAC,EAAiB,gBAAAC,MAAoB,uCA+D1C,mBAAAC,EAiBmB,OAAAC,EAjBnB,QAAAC,MAAA,oBA5DJ,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAgB,CAAC,CAC5B,UAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,IAAKC,EACL,GAAGC,CACL,IAA0B,CACxB,IAAMC,EAAaC,EAAM,OAAgC,IAAI,EACvDC,EAAWJ,GAAgBE,EAC3B,CAACG,EAASC,CAAU,EAAIH,EAAM,SAAS,EAAK,EAC5C,CAACI,EAAuBC,CAAwB,EAAIL,EAAM,SAAS,EAAK,EAExEM,EAAmBN,EAAM,YAAY,IAAM,CAC/C,IAAMO,EAAqB,CAACL,EACtBM,EAA4B,CAACJ,EACnCD,EAAWI,CAAkB,EAC7BF,EAAyBG,CAAyB,CACpD,EAAG,CAACN,EAASE,CAAqB,CAAC,EAInCJ,EAAM,UAAU,IAAM,CAEpB,IAAIS,EAA0C,KAC1CR,GAAY,OAAOA,GAAa,UAAYA,EAAS,UAGvDQ,EADkBR,EACS,SAG7B,IAAMS,EAAe,IAAM,CACrBD,GAAgB,OAClBA,EAAe,KAAO,WAE1B,EAEA,OAAIA,GAAkBA,EAAe,OAAS,MAC5CA,EAAe,KAAK,iBAAiB,SAAUC,CAAY,EAEtD,IAAM,CACPD,GAAgB,MAClBA,EAAe,KAAK,oBAAoB,SAAUC,CAAY,CAElE,CACF,EAAG,CAACT,CAAQ,CAAC,EAEb,IAAMU,EAAoB,oBAAoBT,EAAU,QAAU,QAAQ,IAE1EF,EAAM,UAAU,IAAM,CACpB,WAAW,IAAM,CACfK,EAAyB,EAAK,CAChC,EAAG,IAAI,CACT,EAAG,CAACD,CAAqB,CAAC,EAE1B,GAAM,CAAE,GAAAQ,CAAG,EAAIC,EAAO,CAAE,WAAAjB,EAAY,OAAQ,gBAAiB,CAAC,EAE9D,OACEP,EAAAF,EAAA,CACE,UAAAC,EAAC0B,EAAA,CACC,IAAKb,EACL,UAAWc,EAAGxB,EAAoBG,CAAS,EAC3C,KAAMQ,EAAU,OAAS,WACzB,SAAUP,EACV,GAAIiB,EACH,GAAGd,EAEJ,SAAAV,EAAC4B,EAAA,CAAU,UAAU,SACnB,SAAA5B,EAAC6B,EAAA,CACC,KAAK,SACL,MAAM,6BACN,QAASX,EACT,SAAUX,EACV,eAAcO,EAEb,SAAAA,EAAUd,EAAC8B,EAAA,EAAa,EAAK9B,EAAC+B,EAAA,EAAgB,EACjD,EACF,EACF,EACA/B,EAAC,OAAI,uBAAoB,GAAC,YAAU,YAAY,KAAK,SAClD,SAAAgB,EAAwBO,EAAoB,GAC/C,GACF,CAEJ,EAEAlB,EAAc,YAAcH","names":["React","EyeOffSmallIcon","EyeSmallIcon","Fragment","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","className","disabled","providedId","forwardedRef","props","defaultRef","React","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","id","useIds","TextInput","cn","InputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"]}
|
package/dist/chunk-G3CRGGF6.cjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunk54YG4VNBcjs = require('./chunk-54YG4VNB.cjs');var _chunkRH3MHHIScjs = require('./chunk-RH3MHHIS.cjs');var _chunkAGPVWUNAcjs = require('./chunk-AGPVWUNA.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var b="PasswordInput",x=_chunk7LZI6HLWcjs.b.call(void 0, b),N= exports.a =({className:y,disabled:l,id:I,ref:w,...E})=>{let v=_react2.default.useRef(null),e=w||v,[s,S]=_react2.default.useState(!1),[n,a]=_react2.default.useState(!1),M=_react2.default.useCallback(()=>{let t=!s,r=!n;S(t),a(r)},[s,n]);_react2.default.useEffect(()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let r=()=>{_optionalChain([t, 'optionalAccess', _ => _.type])&&(t.type="password")};return t&&t.form!==null&&t.form.addEventListener("submit",r),()=>{_optionalChain([t, 'optionalAccess', _2 => _2.form])&&t.form.removeEventListener("submit",r)}},[e]);let P=`Your password is ${s?"shown":"hidden"}!`;_react2.default.useEffect(()=>{setTimeout(()=>{a(!1)},1500)},[n]);let{id:h}=_chunkITZEACMWcjs.a.call(void 0, {providedId:I,prefix:"password-input"});return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunk54YG4VNBcjs.a,{ref:e,className:_chunkGVVJQBRKcjs.a.call(void 0, x,y),type:s?"text":"password",disabled:l,id:h,...E,children:_jsxruntime.jsx.call(void 0, _chunkRH3MHHIScjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkAGPVWUNAcjs.a,{type:"button",label:"toggle password visibility",onClick:M,disabled:l,"aria-pressed":s,children:s?_jsxruntime.jsx.call(void 0, _hearthreacticons.EyeSmallIcon,{}):_jsxruntime.jsx.call(void 0, _hearthreacticons.EyeOffSmallIcon,{})})})}),_jsxruntime.jsx.call(void 0, "div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:n?P:""})]})};N.displayName=b;exports.a = N;
|
|
2
|
-
//# sourceMappingURL=chunk-G3CRGGF6.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-G3CRGGF6.cjs","../src/components/PasswordInput/PasswordInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","className","disabled","providedId","forwardedRef","props","defaultRef","React","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","id","useIds","jsxs","Fragment","jsx","TextInput","cn","InputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"],"mappings":"AAAA,quBAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,4ECInO,wEAK4B,+CA+D1C,IA5DEA,CAAAA,CAAiB,eAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAgB,CAAC,CAC5B,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,GAAA,CAAKC,CAAAA,CACL,GAAGC,CACL,CAAA,CAAA,EAA0B,CACxB,IAAMC,CAAAA,CAAaC,eAAAA,CAAM,MAAA,CAAgC,IAAI,CAAA,CACvDC,CAAAA,CAAWJ,CAAAA,EAAgBE,CAAAA,CAC3B,CAACG,CAAAA,CAASC,CAAU,CAAA,CAAIH,eAAAA,CAAM,QAAA,CAAS,CAAA,CAAK,CAAA,CAC5C,CAACI,CAAAA,CAAuBC,CAAwB,CAAA,CAAIL,eAAAA,CAAM,QAAA,CAAS,CAAA,CAAK,CAAA,CAExEM,CAAAA,CAAmBN,eAAAA,CAAM,WAAA,CAAY,CAAA,CAAA,EAAM,CAC/C,IAAMO,CAAAA,CAAqB,CAACL,CAAAA,CACtBM,CAAAA,CAA4B,CAACJ,CAAAA,CACnCD,CAAAA,CAAWI,CAAkB,CAAA,CAC7BF,CAAAA,CAAyBG,CAAyB,CACpD,CAAA,CAAG,CAACN,CAAAA,CAASE,CAAqB,CAAC,CAAA,CAInCJ,eAAAA,CAAM,SAAA,CAAU,CAAA,CAAA,EAAM,CAEpB,IAAIS,CAAAA,CAA0C,IAAA,CAC1CR,CAAAA,EAAY,OAAOA,CAAAA,EAAa,QAAA,EAAYA,CAAAA,CAAS,OAAA,EAAA,CAGvDQ,CAAAA,CADkBR,CAAAA,CACS,OAAA,CAAA,CAG7B,IAAMS,CAAAA,CAAe,CAAA,CAAA,EAAM,iBACrBD,CAAAA,2BAAgB,MAAA,EAAA,CAClBA,CAAAA,CAAe,IAAA,CAAO,UAAA,CAE1B,CAAA,CAEA,OAAIA,CAAAA,EAAkBA,CAAAA,CAAe,IAAA,GAAS,IAAA,EAC5CA,CAAAA,CAAe,IAAA,CAAK,gBAAA,CAAiB,QAAA,CAAUC,CAAY,CAAA,CAEtD,CAAA,CAAA,EAAM,iBACPD,CAAAA,6BAAgB,MAAA,EAClBA,CAAAA,CAAe,IAAA,CAAK,mBAAA,CAAoB,QAAA,CAAUC,CAAY,CAElE,CACF,CAAA,CAAG,CAACT,CAAQ,CAAC,CAAA,CAEb,IAAMU,CAAAA,CAAoB,CAAA,iBAAA,EAAoBT,CAAAA,CAAU,OAAA,CAAU,QAAQ,CAAA,CAAA,CAAA,CAE1EF,eAAAA,CAAM,SAAA,CAAU,CAAA,CAAA,EAAM,CACpB,UAAA,CAAW,CAAA,CAAA,EAAM,CACfK,CAAAA,CAAyB,CAAA,CAAK,CAChC,CAAA,CAAG,IAAI,CACT,CAAA,CAAG,CAACD,CAAqB,CAAC,CAAA,CAE1B,GAAM,CAAE,EAAA,CAAAQ,CAAG,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAAjB,CAAAA,CAAY,MAAA,CAAQ,gBAAiB,CAAC,CAAA,CAE9D,OACEkB,8BAAAA,oBAAAC,CAAA,CACE,QAAA,CAAA,CAAAC,6BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKhB,CAAAA,CACL,SAAA,CAAWiB,iCAAAA,CAAG3B,CAAoBG,CAAS,CAAA,CAC3C,IAAA,CAAMQ,CAAAA,CAAU,MAAA,CAAS,UAAA,CACzB,QAAA,CAAUP,CAAAA,CACV,EAAA,CAAIiB,CAAAA,CACH,GAAGd,CAAAA,CAEJ,QAAA,CAAAkB,6BAAAA,mBAACG,CAAA,CAAU,SAAA,CAAU,QAAA,CACnB,QAAA,CAAAH,6BAAAA,mBAACI,CAAA,CACC,IAAA,CAAK,QAAA,CACL,KAAA,CAAM,4BAAA,CACN,OAAA,CAASd,CAAAA,CACT,QAAA,CAAUX,CAAAA,CACV,cAAA,CAAcO,CAAAA,CAEb,QAAA,CAAAA,CAAAA,CAAUc,6BAAAA,8BAACK,CAAA,CAAA,CAAa,CAAA,CAAKL,6BAAAA,iCAACM,CAAA,CAAA,CAAgB,CAAA,CACjD,CAAA,CACF,CAAA,CACF,CAAA,CACAN,6BAAAA,KAAC,CAAA,CAAI,sBAAA,CAAoB,CAAA,CAAA,CAAC,WAAA,CAAU,WAAA,CAAY,IAAA,CAAK,QAAA,CAClD,QAAA,CAAAZ,CAAAA,CAAwBO,CAAAA,CAAoB,EAAA,CAC/C,CAAA,CAAA,CACF,CAEJ,CAAA,CAEAlB,CAAAA,CAAc,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-G3CRGGF6.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport React from 'react';\nimport type { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const PasswordInput = ({\n className,\n disabled,\n id: providedId,\n ref: forwardedRef,\n ...props\n}: PasswordInputProps) => {\n const defaultRef = React.useRef<HTMLInputElement | null>(null);\n const inputRef = forwardedRef || defaultRef;\n const [visible, setVisible] = React.useState(false);\n const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n const handleVisibility = React.useCallback(() => {\n const newVisibilityState = !visible;\n const newVisibilityMessageState = !showVisibilityMessage;\n setVisible(newVisibilityState);\n setShowVisibilityMessage(newVisibilityMessageState);\n }, [visible, showVisibilityMessage]);\n\n // If the PasswordInput is inside a form we should switch the input type\n // back to password when its parent form is submitted\n React.useEffect(() => {\n // Get the ref value and ensure proper typing\n let currentElement: HTMLInputElement | null = null;\n if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n // Type assertion to ensure TypeScript understands this is a valid ref object\n const refObject = inputRef as React.RefObject<HTMLInputElement>;\n currentElement = refObject.current;\n }\n\n const handleSubmit = () => {\n if (currentElement?.type) {\n currentElement.type = 'password';\n }\n };\n\n if (currentElement && currentElement.form !== null) {\n currentElement.form.addEventListener('submit', handleSubmit);\n }\n return () => {\n if (currentElement?.form) {\n currentElement.form.removeEventListener('submit', handleSubmit);\n }\n };\n }, [inputRef]);\n\n const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n React.useEffect(() => {\n setTimeout(() => {\n setShowVisibilityMessage(false);\n }, 1500);\n }, [showVisibilityMessage]);\n\n const { id } = useIds({ providedId, prefix: 'password-input' });\n\n return (\n <>\n <TextInput\n ref={inputRef}\n className={cn(componentClassName, className)}\n type={visible ? 'text' : 'password'}\n disabled={disabled}\n id={id}\n {...props}\n >\n <InputSlot placement=\"suffix\">\n <UnstyledIconButton\n type=\"button\"\n label=\"toggle password visibility\"\n onClick={handleVisibility}\n disabled={disabled}\n aria-pressed={visible}\n >\n {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n </UnstyledIconButton>\n </InputSlot>\n </TextInput>\n <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n {showVisibilityMessage ? visibilityMessage : ''}\n </div>\n </>\n );\n};\n\nPasswordInput.displayName = COMPONENT_NAME;\n"]}
|
package/dist/chunk-GENAMX6B.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as l}from"./chunk-5FBINKLE.js";import{a as c}from"./chunk-Z6OGYQ26.js";import{a as f}from"./chunk-PRWBNLYT.js";import{a as e}from"./chunk-G4IYVCCQ.js";import{a as t}from"./chunk-IWAYZXLO.js";import{a as i}from"./chunk-EBTU7SDT.js";import{a as s}from"./chunk-4QNUU62Q.js";import{a}from"./chunk-W6VYE222.js";import{a as p}from"./chunk-BMY6GUJM.js";import{a as o}from"./chunk-MSHCGZ4G.js";import{a as r}from"./chunk-TLHGRJDQ.js";import{b as m}from"./chunk-TXDSZ3MR.js";import{jsx as b}from"react/jsx-runtime";var d="Card",x=m(d),g=P=>{let{className:n,children:C,colorScheme:D="neutralStrong",shadowColor:N,...h}=p(P,f,i,l,a,e,s,t);return b(c,{className:o(x,n),"data-colorscheme":r(D),"data-shadowcolor":N,...h,as:"div",children:C})};g.displayName=d;export{g as a};
|
|
2
|
-
//# sourceMappingURL=chunk-GENAMX6B.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/InputBase/InputBase.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport React, { type ComponentRef } from 'react';\nimport type { InputBaseProps } from './InputBase.props';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\n\nconst COMPONENT_NAME = 'InputBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype InputBaseElement = ComponentRef<'input'>;\n\n// We're keeping the forwardRef API here for backwards compatibility with consumers using Combobox in React 18 applications\n// https://linear.app/utilitywarehouse/issue/UWDS-4232/broken-combobox\nexport const InputBase = React.forwardRef<InputBaseElement, InputBaseProps>(\n ({ className, children, disabled, readOnly, required, placeholder, ...props }, forwardedRef) => {\n const localRef = React.useRef<HTMLInputElement>(null);\n // merge refs so we can control focus but still allow parent components to\n // have a ref to the input\n const ref = useMergedRefs(forwardedRef, localRef);\n return (\n <div\n className={cn(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n onPointerDown={event => {\n // avoid losing focus when users click on non-interactive slot elements, such as icons\n const target = event.target as HTMLElement;\n if (target.closest('input, button, a')) return;\n\n if (localRef && typeof localRef === 'object' && localRef.current) {\n const input = localRef.current;\n requestAnimationFrame(() => {\n input.focus();\n });\n }\n }}\n >\n <input\n ref={ref}\n spellCheck=\"false\"\n required={required}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={!disabled ? placeholder : undefined}\n {...props}\n />\n {children}\n </div>\n );\n }\n);\n\nInputBase.displayName = COMPONENT_NAME;\n"],"mappings":"gFAIA,OAAOA,MAAkC,QAEzC,OAAS,iBAAAC,MAAqB,+BAgBxB,OAgBE,OAAAC,EAhBF,QAAAC,MAAA,oBAdN,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAM7CG,EAAYP,EAAM,WAC7B,CAAC,CAAE,UAAAQ,EAAW,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,YAAAC,EAAa,GAAGC,CAAM,EAAGC,IAAiB,CAC9F,IAAMC,EAAWhB,EAAM,OAAyB,IAAI,EAG9CiB,EAAMhB,EAAcc,EAAcC,CAAQ,EAChD,OACEb,EAAC,OACC,UAAWe,EAAGb,EAAoBG,CAAS,EAC3C,gBAAeE,EAAW,GAAK,OAC/B,cAAeS,GAAS,CAGtB,GAAI,CADWA,EAAM,OACV,QAAQ,kBAAkB,GAEjCH,GAAY,OAAOA,GAAa,UAAYA,EAAS,QAAS,CAChE,IAAMI,EAAQJ,EAAS,QACvB,sBAAsB,IAAM,CAC1BI,EAAM,MAAM,CACd,CAAC,CACH,CACF,EAEA,UAAAlB,EAAC,SACC,IAAKe,EACL,WAAW,QACX,SAAUL,EACV,SAAUF,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdG,EACxB,GAAGC,EACN,EACCL,GACH,CAEJ,CACF,EAEAF,EAAU,YAAcH","names":["React","useMergedRefs","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","InputBase","className","children","disabled","readOnly","required","placeholder","props","forwardedRef","localRef","ref","cn","event","input"]}
|
package/dist/chunk-IURJIQKN.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as I}from"./chunk-HECLKFB5.js";import{a as T}from"./chunk-HP5ULTGW.js";import{a as c}from"./chunk-W6VYE222.js";import{a as b}from"./chunk-L4OZ3M5X.js";import{a as x}from"./chunk-DVGYWBKQ.js";import{a as f}from"./chunk-BMY6GUJM.js";import{a as m}from"./chunk-MSHCGZ4G.js";import{b as u}from"./chunk-TXDSZ3MR.js";import{jsx as h}from"react/jsx-runtime";var v="TextInput",E=u(v),M=y=>{let{className:P,validationStatus:i,validationText:r,label:N,labelVariant:F,helperText:t,children:O,id:g,disabled:e,readOnly:n,hideLabel:B,required:o,placeholder:C,"aria-describedby":D,...V}=f(y,c),{id:l,labelId:s,helperTextId:p,validationTextId:d}=b({providedId:g,prefix:"text-input"}),a=!n&&!e,q={id:l,labelId:s,helperTextId:p,validationTextId:d,label:N,labelVariant:F,helperText:t,validationText:a?r:void 0,validationStatus:a?i:void 0,hideLabel:B,required:o},w=x(D,t?p:void 0,a&&r!==void 0?d:void 0);return h(T,{className:m(E,P),"data-disabled":e?"":void 0,...q,children:h(I,{spellCheck:"false",id:l,required:o,disabled:e,readOnly:n,placeholder:e?void 0:C,"aria-labelledby":s,"aria-describedby":w,"aria-invalid":i==="invalid"?!0:void 0,"aria-errormessage":i==="invalid"?d:void 0,...V,children:O})})};M.displayName=v;export{M as a};
|
|
2
|
-
//# sourceMappingURL=chunk-IURJIQKN.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/TextInput/TextInput.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TextInputProps } from './TextInput.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { cn } from '../../helpers/cn';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { FormField } from '../FormField/FormField';\n\nconst COMPONENT_NAME = 'TextInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TextInput = (props: TextInputProps) => {\n const {\n className,\n validationStatus,\n validationText,\n label,\n labelVariant,\n helperText,\n children,\n id: providedId,\n disabled,\n readOnly,\n hideLabel,\n required,\n placeholder,\n 'aria-describedby': ariaDescribedby,\n ...textInputProps\n } = extractProps(props, marginPropDefs);\n\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'text-input',\n });\n\n const showValidation = Boolean(!readOnly && !disabled);\n\n const formFieldProps = {\n id,\n labelId,\n helperTextId,\n validationTextId,\n label,\n labelVariant,\n helperText,\n validationText: showValidation ? validationText : undefined,\n validationStatus: showValidation ? validationStatus : undefined,\n hideLabel,\n required,\n };\n\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby,\n !!helperText ? helperTextId : undefined,\n showValidation && validationText !== undefined ? validationTextId : undefined\n );\n\n return (\n <FormField\n className={cn(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n {...formFieldProps}\n >\n <InputBase\n spellCheck=\"false\"\n id={id}\n required={required}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={!disabled ? placeholder : undefined}\n aria-labelledby={labelId}\n aria-describedby={ariaDescribedbyValue}\n aria-invalid={validationStatus === 'invalid' ? true : undefined}\n aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n {...textInputProps}\n >\n {children}\n </InputBase>\n </FormField>\n );\n};\n\nTextInput.displayName = COMPONENT_NAME;\n"],"mappings":"gUAmEM,cAAAA,MAAA,oBAvDN,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAaC,GAA0B,CAClD,GAAM,CACJ,UAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,mBAAoBC,EACpB,GAAGC,CACL,EAAIC,EAAahB,EAAOiB,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAd,EACA,OAAQ,YACV,CAAC,EAEKe,EAAyB,CAACb,GAAY,CAACD,EAEvCe,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAAjB,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBiB,EAAiBpB,EAAiB,OAClD,iBAAkBoB,EAAiBrB,EAAmB,OACtD,UAAAS,EACA,SAAAC,CACF,EAEMa,EAAuBC,EAC3BZ,EACER,EAAac,EAAe,OAC9BG,GAAkBpB,IAAmB,OAAYkB,EAAmB,MACtE,EAEA,OACE1B,EAACgC,EAAA,CACC,UAAWC,EAAG/B,EAAoBI,CAAS,EAC3C,gBAAeQ,EAAW,GAAK,OAC9B,GAAGe,EAEJ,SAAA7B,EAACkC,EAAA,CACC,WAAW,QACX,GAAIX,EACJ,SAAUN,EACV,SAAUH,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdI,EACzB,kBAAiBM,EACjB,mBAAkBM,EAClB,eAAcvB,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYmB,EAAmB,OACtE,GAAGN,EAEH,SAAAR,EACH,EACF,CAEJ,EAEAR,EAAU,YAAcH","names":["jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","TextInput","props","className","validationStatus","validationText","label","labelVariant","helperText","children","providedId","disabled","readOnly","hideLabel","required","placeholder","ariaDescribedby","textInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","FormField","cn","InputBase"]}
|