@utilitywarehouse/hearth-react 0.24.7 → 0.24.8
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-3FVXPWOT.js +2 -0
- package/dist/chunk-3FVXPWOT.js.map +1 -0
- package/dist/{chunk-5RKXT7C7.js → chunk-6PP5XB56.js} +2 -2
- package/dist/{chunk-YELELW46.js → chunk-7HUJMNQ7.js} +2 -2
- package/dist/{chunk-WNJPRTTD.cjs → chunk-GJKKZENW.cjs} +2 -2
- package/dist/chunk-GJKKZENW.cjs.map +1 -0
- package/dist/chunk-GNS34UOB.cjs +2 -0
- package/dist/chunk-GNS34UOB.cjs.map +1 -0
- package/dist/{chunk-EMSE7SXP.js → chunk-I4U2WQWM.js} +2 -2
- package/dist/{chunk-UIRC2BXB.cjs → chunk-KUOOI3LW.cjs} +2 -2
- package/dist/{chunk-UIRC2BXB.cjs.map → chunk-KUOOI3LW.cjs.map} +1 -1
- package/dist/{chunk-FDKVJZ4L.js → chunk-MTZAO3QT.js} +2 -2
- package/dist/chunk-MTZAO3QT.js.map +1 -0
- package/dist/chunk-MUVMQMM4.js +2 -0
- package/dist/chunk-MUVMQMM4.js.map +1 -0
- package/dist/{chunk-EVRLAXIA.cjs → chunk-NIXPLCMH.cjs} +2 -2
- package/dist/{chunk-EVRLAXIA.cjs.map → chunk-NIXPLCMH.cjs.map} +1 -1
- package/dist/chunk-NUGQLWLQ.cjs +2 -0
- package/dist/chunk-NUGQLWLQ.cjs.map +1 -0
- package/dist/{chunk-B2NGDRHY.cjs → chunk-XPSM6UZT.cjs} +2 -2
- package/dist/{chunk-B2NGDRHY.cjs.map → chunk-XPSM6UZT.cjs.map} +1 -1
- package/dist/components/CurrencyInput/CurrencyInput.cjs +1 -1
- package/dist/components/CurrencyInput/CurrencyInput.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.cjs +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/SearchInput/SearchInput.cjs +1 -1
- package/dist/components/SearchInput/SearchInput.js +1 -1
- package/dist/components/TextArea/TextArea.cjs +1 -1
- package/dist/components/TextArea/TextArea.cjs.map +1 -1
- package/dist/components/TextArea/TextArea.d.cts +18 -1
- package/dist/components/TextArea/TextArea.d.ts +18 -1
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/TextArea/TextArea.props.d.cts +20 -5
- package/dist/components/TextArea/TextArea.props.d.ts +20 -5
- package/dist/components/TextInput/TextInput.cjs +1 -1
- package/dist/components/TextInput/TextInput.js +1 -1
- package/dist/components/VerificationInput/VerificationInput.cjs +1 -1
- package/dist/components/VerificationInput/VerificationInput.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/styles.css +1 -1
- package/dist/chunk-66HOS3IW.js +0 -2
- package/dist/chunk-66HOS3IW.js.map +0 -1
- package/dist/chunk-AGW5MDBJ.cjs +0 -2
- package/dist/chunk-AGW5MDBJ.cjs.map +0 -1
- package/dist/chunk-FDKVJZ4L.js.map +0 -1
- package/dist/chunk-P5U3V3RN.js +0 -2
- package/dist/chunk-P5U3V3RN.js.map +0 -1
- package/dist/chunk-VTSB2PZN.cjs +0 -2
- package/dist/chunk-VTSB2PZN.cjs.map +0 -1
- package/dist/chunk-WNJPRTTD.cjs.map +0 -1
- /package/dist/{chunk-5RKXT7C7.js.map → chunk-6PP5XB56.js.map} +0 -0
- /package/dist/{chunk-YELELW46.js.map → chunk-7HUJMNQ7.js.map} +0 -0
- /package/dist/{chunk-EMSE7SXP.js.map → chunk-I4U2WQWM.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(.h-TextAreaRoot){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);box-sizing:border-box;cursor:text;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);max-width:var(--h-input-max-width);min-width:var(--h-input-min-width);overflow:hidden;padding:var(--h-input-padding-vertical) var(--h-space-100) var(--h-space-100) var(--h-input-padding-horizontal);position:relative;text-align:start;width:-moz-fit-content;width:fit-content;--h-input-border-color-focus:var(--h-border-strong)}:is(.h-TextArea :where(.h-TextAreaRoot)):where(:has(textarea[readonly]):not([data-disabled] :is(.h-TextArea :where(.h-TextAreaRoot)))){border-color:var(--h-border-subtle);--h-input-border-color-focus:var(--h-border-subtle)}:is(.h-TextArea :where(.h-TextAreaRoot)):where(:has(textarea:disabled,textarea[readonly])){cursor:default}:where([data-validation-status=valid]:not(:has(textarea[readonly],textarea:disabled))) :is(.h-TextArea :where(.h-TextAreaRoot)){border-color:var(--h-feedback-positive-border);--h-input-border-color-focus:var(--h-feedback-positive-border)}:where([data-validation-status=invalid]:not(:has(textarea[readonly],textarea:disabled))) :is(.h-TextArea :where(.h-TextAreaRoot)){border-color:var(--h-feedback-danger-border);--h-input-border-color-focus:var(--h-feedback-danger-border)}:is(.h-TextArea :where(.h-TextAreaRoot)):where(:has(textarea:focus)){outline:var(--h-input-border-width-focused) solid var(--h-input-border-color-focus);outline-offset:-1px}:is(.h-TextArea :where(.h-TextAreaRoot)):after{background-color:inherit;bottom:8px;content:"";display:block;height:4px;left:12px;position:absolute;right:16px}:is(.h-TextArea :where(.h-TextAreaRoot)) :where(textarea){all:unset;border:none;display:block;--h-textarea-padding-bottom:calc(var(--h-input-padding-vertical) - var(--h-space-100));--h-textarea-min-height:96px;font-style:normal;font-weight:400;max-width:calc(var(--h-input-max-width) - var(--h-input-padding-horizontal) - var(--h-space-100) - var(--h-space-100));min-height:calc(var(--h-textarea-min-height) + var(--h-input-border-width)*2 - var(--h-textarea-padding-bottom) - var(--h-input-padding-vertical)*2);min-width:calc(var(--h-input-min-width) - var(--h-input-padding-horizontal) - var(--h-space-100));padding-bottom:var(--h-textarea-padding-bottom);padding-right:calc(var(--h-input-padding-horizontal) - var(--h-space-100));text-align:start;text-indent:0;width:auto;-webkit-tap-highlight-color:transparent;cursor:text;overflow-wrap:break-word;white-space:pre-wrap}:is(:is(.h-TextArea :where(.h-TextAreaRoot)) :where(textarea)):where(:disabled,[readonly]){cursor:default}:is(:is(.h-TextArea :where(.h-TextAreaRoot)) :where(textarea))::-moz-placeholder{color:var(--h-text-secondary)}:is(:is(.h-TextArea :where(.h-TextAreaRoot)) :where(textarea))::placeholder{color:var(--h-text-secondary)}:is(:is(.h-TextArea :where(.h-TextAreaRoot)) :where(textarea)):where([data-resize=none]){resize:none}:is(:is(.h-TextArea :where(.h-TextAreaRoot)) :where(textarea)):where([data-resize=vertical]){resize:vertical}:is(:is(.h-TextArea :where(.h-TextAreaRoot)) :where(textarea)):where([data-resize=horizontal]){resize:horizontal}:is(:is(.h-TextArea :where(.h-TextAreaRoot)) :where(textarea)):where([data-resize=both]){resize:both}.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-VerificationInputRow){align-items:center;display:flex;flex-direction:row;gap:var(--h-input-verification-gap)}:is(.h-VerificationInput :where(.h-VerificationInputRow)) :where(.h-InputBase){width:48px}:is(:is(.h-VerificationInput :where(.h-VerificationInputRow)) :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;gap:var(--h-card-selectable-gap)}.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}:is(:is(.h-DescriptionList :where(.h-DescriptionListContainer)) :where(.h-DescriptionListItem)) dt{color:var(--h-text-secondary);width:var(--h-description-list-item-row-heading-width)}:is(:is(.h-DescriptionList :where(.h-DescriptionListContainer)) :where(.h-DescriptionListItem)) 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-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{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{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}.h-TextArea:where([data-resize=none]){resize:none}.h-TextArea:where([data-resize=vertical]){resize:vertical}.h-TextArea:where([data-resize=horizontal]){resize:horizontal}.h-TextArea:where([data-resize=both]){resize:both}:where([data-validation-status=valid]:not(:has(textarea[readonly],textarea:disabled))) .h-TextArea{--h-textarea-border-color:var(--h-feedback-positive-border)}:where([data-validation-status=invalid]:not(:has(textarea[readonly],textarea:disabled))) .h-TextArea{--h-textarea-border-color:var(--h-feedback-danger-border)}.h-TextArea:where(:focus){--h-textarea-border-width:var(--h-input-border-width-focused)}.h-TextArea:where(:disabled,[readonly]){cursor:default}.h-TextArea:where([readonly]):not([data-disabled] .h-TextArea){--h-textarea-border-color:var(--h-border-subtle)}.h-TextArea::-moz-placeholder{color:var(--h-text-secondary)}.h-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{align-items:center;display:flex;flex-direction:row;gap:var(--h-input-verification-gap)}.h-VerificationInput :where(.h-InputBase){width:48px}:is(.h-VerificationInput :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;gap:var(--h-card-selectable-gap)}.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}:is(:is(.h-DescriptionList :where(.h-DescriptionListContainer)) :where(.h-DescriptionListItem)) dt{color:var(--h-text-secondary);width:var(--h-description-list-item-row-heading-width)}:is(:is(.h-DescriptionList :where(.h-DescriptionListContainer)) :where(.h-DescriptionListItem)) 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-66HOS3IW.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as P}from"./chunk-FZVOPBRY.js";import{a as y}from"./chunk-SJLMCKQK.js";import{a as g}from"./chunk-W6VYE222.js";import{a as T}from"./chunk-L4OZ3M5X.js";import{a as N}from"./chunk-DVGYWBKQ.js";import{a as v}from"./chunk-TONM4LZL.js";import{a as b}from"./chunk-MSHCGZ4G.js";import{b as h}from"./chunk-TXDSZ3MR.js";import{jsx as r}from"react/jsx-runtime";var F="TextArea",A=h(F),R=$=>{let{className:H,validationStatus:e,validationText:t,label:I,labelVariant:w,helperText:o,id:M,disabled:a,readOnly:n,required:l,placeholder:O,"aria-describedby":D,resize:V,rows:q=3,minHeight:s,maxHeight:c,style:z,...C}=v($,g),{id:m,labelId:p,helperTextId:f,validationTextId:i}=T({providedId:M,prefix:"textarea"}),d=!n&&!a,E={id:m,labelId:p,helperTextId:f,validationTextId:i,label:I,labelVariant:w,helperText:o,validationText:d?t:void 0,validationStatus:d?e:void 0,required:l},S=N(D,o?f:void 0,d&&t!==void 0?i:void 0),u="calc(var(--h-input-border-width) * 2)",x="calc(var(--h-textarea-padding-bottom) + calc(var(--h-input-padding-vertical) * 2))",B=s?`calc(${s} + ${u} - ${x})`:void 0,G=c?`calc(${c} + ${u} - ${x})`:void 0;return r(P,{className:b(A,H),"data-validation-status":e||void 0,"data-disabled":a?"":void 0,...E,children:r(y,{direction:"column",className:`${A}Root`,children:r("textarea",{id:m,rows:q,required:l,disabled:a,readOnly:n,placeholder:a?void 0:O,"aria-labelledby":p,"aria-describedby":S,"aria-invalid":e==="invalid"?!0:void 0,"aria-errormessage":e==="invalid"?i:void 0,"data-resize":V,style:{...z,minHeight:B,maxHeight:G},...C})})})};R.displayName=F;export{R as a};
|
|
2
|
-
//# sourceMappingURL=chunk-66HOS3IW.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { useIds } from '../../hooks/use-ids';\nimport type { TextAreaProps } from './TextArea.props';\nimport { Flex } from '../Flex/Flex';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { FormField } from '../FormField/FormField';\n\nconst COMPONENT_NAME = 'TextArea';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TextArea = (props: TextAreaProps) => {\n const {\n className,\n validationStatus,\n validationText,\n label,\n labelVariant,\n helperText,\n id: providedId,\n disabled,\n readOnly,\n required,\n placeholder,\n 'aria-describedby': ariaDescribedby,\n resize,\n rows = 3,\n minHeight: providedMinHeight,\n maxHeight: providedMaxHeight,\n style,\n ...textAreaProps\n } = extractProps(props, marginPropDefs);\n\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'textarea',\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 // we have to set the min-height on the textarea otherwise we break resizing,\n // so we need to account for borders and padding of the root container\n const borders = 'calc(var(--h-input-border-width) * 2)';\n const padding =\n 'calc(var(--h-textarea-padding-bottom) + calc(var(--h-input-padding-vertical) * 2))';\n const minHeight = providedMinHeight\n ? `calc(${providedMinHeight} + ${borders} - ${padding})`\n : undefined;\n const maxHeight = providedMaxHeight\n ? `calc(${providedMaxHeight} + ${borders} - ${padding})`\n : undefined;\n\n return (\n <FormField\n className={cn(componentClassName, className)}\n data-validation-status={validationStatus ? validationStatus : undefined}\n data-disabled={disabled ? '' : undefined}\n {...formFieldProps}\n >\n <Flex direction=\"column\" className={`${componentClassName}Root`}>\n <textarea\n id={id}\n rows={rows}\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 data-resize={resize}\n style={{ ...style, minHeight, maxHeight }}\n {...textAreaProps}\n />\n </Flex>\n </FormField>\n );\n};\n\nTextArea.displayName = COMPONENT_NAME;\n"],"mappings":"gUAmFQ,cAAAA,MAAA,oBAvER,IAAMC,EAAiB,WACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAYC,GAAyB,CAChD,GAAM,CACJ,UAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EACA,mBAAoBC,EACpB,OAAAC,EACA,KAAAC,EAAO,EACP,UAAWC,EACX,UAAWC,EACX,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAanB,EAAOoB,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAlB,EACA,OAAQ,UACV,CAAC,EAEKmB,EAAyB,CAACjB,GAAY,CAACD,EAEvCmB,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAApB,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBoB,EAAiBvB,EAAiB,OAClD,iBAAkBuB,EAAiBxB,EAAmB,OACtD,SAAAQ,CACF,EAEMkB,EAAuBC,EAC3BjB,EACEN,EAAaiB,EAAe,OAC9BG,GAAkBvB,IAAmB,OAAYqB,EAAmB,MACtE,EAIMM,EAAU,wCACVC,EACJ,qFACIC,EAAYjB,EACd,QAAQA,CAAiB,MAAMe,CAAO,MAAMC,CAAO,IACnD,OACEE,EAAYjB,EACd,QAAQA,CAAiB,MAAMc,CAAO,MAAMC,CAAO,IACnD,OAEJ,OACEpC,EAACuC,EAAA,CACC,UAAWC,EAAGtC,EAAoBI,CAAS,EAC3C,yBAAwBC,GAAsC,OAC9D,gBAAeM,EAAW,GAAK,OAC9B,GAAGmB,EAEJ,SAAAhC,EAACyC,EAAA,CAAK,UAAU,SAAS,UAAW,GAAGvC,CAAkB,OACvD,SAAAF,EAAC,YACC,GAAI0B,EACJ,KAAMP,EACN,SAAUJ,EACV,SAAUF,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdG,EACzB,kBAAiBW,EACjB,mBAAkBM,EAClB,eAAc1B,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYsB,EAAmB,OACvE,cAAaX,EACb,MAAO,CAAE,GAAGI,EAAO,UAAAe,EAAW,UAAAC,CAAU,EACvC,GAAGf,EACN,EACF,EACF,CAEJ,EAEAnB,EAAS,YAAcH","names":["jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","TextArea","props","className","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","placeholder","ariaDescribedby","resize","rows","providedMinHeight","providedMaxHeight","style","textAreaProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","borders","padding","minHeight","maxHeight","FormField","cn","Flex"]}
|
package/dist/chunk-AGW5MDBJ.cjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWY3I6O7Dcjs = require('./chunk-WY3I6O7D.cjs');var _chunkNH5SKNL4cjs = require('./chunk-NH5SKNL4.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _chunkCMZ47UG6cjs = require('./chunk-CMZ47UG6.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _jsxruntime = require('react/jsx-runtime');var F="TextArea",A=_chunk7LZI6HLWcjs.b.call(void 0, F),R= exports.a =$=>{let{className:H,validationStatus:e,validationText:t,label:I,labelVariant:w,helperText:o,id:M,disabled:a,readOnly:n,required:l,placeholder:O,"aria-describedby":D,resize:V,rows:q=3,minHeight:s,maxHeight:c,style:z,...C}=_chunkCMZ47UG6cjs.a.call(void 0, $,_chunkRDNRX35Pcjs.a),{id:m,labelId:p,helperTextId:f,validationTextId:i}=_chunkITZEACMWcjs.a.call(void 0, {providedId:M,prefix:"textarea"}),d=!n&&!a,E={id:m,labelId:p,helperTextId:f,validationTextId:i,label:I,labelVariant:w,helperText:o,validationText:d?t:void 0,validationStatus:d?e:void 0,required:l},S=_chunkDSW76HKTcjs.a.call(void 0, D,o?f:void 0,d&&t!==void 0?i:void 0),u="calc(var(--h-input-border-width) * 2)",x="calc(var(--h-textarea-padding-bottom) + calc(var(--h-input-padding-vertical) * 2))",B=s?`calc(${s} + ${u} - ${x})`:void 0,G=c?`calc(${c} + ${u} - ${x})`:void 0;return _jsxruntime.jsx.call(void 0, _chunkWY3I6O7Dcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, A,H),"data-validation-status":e||void 0,"data-disabled":a?"":void 0,...E,children:_jsxruntime.jsx.call(void 0, _chunkNH5SKNL4cjs.a,{direction:"column",className:`${A}Root`,children:_jsxruntime.jsx.call(void 0, "textarea",{id:m,rows:q,required:l,disabled:a,readOnly:n,placeholder:a?void 0:O,"aria-labelledby":p,"aria-describedby":S,"aria-invalid":e==="invalid"?!0:void 0,"aria-errormessage":e==="invalid"?i:void 0,"data-resize":V,style:{...z,minHeight:B,maxHeight:G},...C})})})};R.displayName=F;exports.a = R;
|
|
2
|
-
//# sourceMappingURL=chunk-AGW5MDBJ.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-AGW5MDBJ.cjs","../src/components/TextArea/TextArea.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TextArea","props","className","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","placeholder","ariaDescribedby","resize","rows","providedMinHeight","providedMaxHeight","style","textAreaProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","borders","padding","minHeight","maxHeight","jsx","FormField","cn","Flex"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,+CCmF/T,IAvEFA,CAAAA,CAAiB,UAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAYC,CAAAA,EAAyB,CAChD,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,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,kBAAA,CAAoBC,CAAAA,CACpB,MAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CAAO,CAAA,CACP,SAAA,CAAWC,CAAAA,CACX,SAAA,CAAWC,CAAAA,CACX,KAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAanB,CAAOoB,mBAAc,CAAA,CAEhC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAlB,CAAAA,CACA,MAAA,CAAQ,UACV,CAAC,CAAA,CAEKmB,CAAAA,CAAyB,CAACjB,CAAAA,EAAY,CAACD,CAAAA,CAEvCmB,CAAAA,CAAiB,CACrB,EAAA,CAAAN,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAApB,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBoB,CAAAA,CAAiBvB,CAAAA,CAAiB,KAAA,CAAA,CAClD,gBAAA,CAAkBuB,CAAAA,CAAiBxB,CAAAA,CAAmB,KAAA,CAAA,CACtD,QAAA,CAAAQ,CACF,CAAA,CAEMkB,CAAAA,CAAuBC,iCAAAA,CAC3BjB,CACEN,CAAAA,CAAaiB,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,EAAkBvB,CAAAA,GAAmB,KAAA,CAAA,CAAYqB,CAAAA,CAAmB,KAAA,CACtE,CAAA,CAIMM,CAAAA,CAAU,uCAAA,CACVC,CAAAA,CACJ,oFAAA,CACIC,CAAAA,CAAYjB,CAAAA,CACd,CAAA,KAAA,EAAQA,CAAiB,CAAA,GAAA,EAAMe,CAAO,CAAA,GAAA,EAAMC,CAAO,CAAA,CAAA,CAAA,CACnD,KAAA,CAAA,CACEE,CAAAA,CAAYjB,CAAAA,CACd,CAAA,KAAA,EAAQA,CAAiB,CAAA,GAAA,EAAMc,CAAO,CAAA,GAAA,EAAMC,CAAO,CAAA,CAAA,CAAA,CACnD,KAAA,CAAA,CAEJ,OACEG,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGvC,CAAoBI,CAAS,CAAA,CAC3C,wBAAA,CAAwBC,CAAAA,EAAsC,KAAA,CAAA,CAC9D,eAAA,CAAeM,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC9B,GAAGmB,CAAAA,CAEJ,QAAA,CAAAO,6BAAAA,mBAACG,CAAA,CAAK,SAAA,CAAU,QAAA,CAAS,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-AGW5MDBJ.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { useIds } from '../../hooks/use-ids';\nimport type { TextAreaProps } from './TextArea.props';\nimport { Flex } from '../Flex/Flex';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { FormField } from '../FormField/FormField';\n\nconst COMPONENT_NAME = 'TextArea';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TextArea = (props: TextAreaProps) => {\n const {\n className,\n validationStatus,\n validationText,\n label,\n labelVariant,\n helperText,\n id: providedId,\n disabled,\n readOnly,\n required,\n placeholder,\n 'aria-describedby': ariaDescribedby,\n resize,\n rows = 3,\n minHeight: providedMinHeight,\n maxHeight: providedMaxHeight,\n style,\n ...textAreaProps\n } = extractProps(props, marginPropDefs);\n\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'textarea',\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 // we have to set the min-height on the textarea otherwise we break resizing,\n // so we need to account for borders and padding of the root container\n const borders = 'calc(var(--h-input-border-width) * 2)';\n const padding =\n 'calc(var(--h-textarea-padding-bottom) + calc(var(--h-input-padding-vertical) * 2))';\n const minHeight = providedMinHeight\n ? `calc(${providedMinHeight} + ${borders} - ${padding})`\n : undefined;\n const maxHeight = providedMaxHeight\n ? `calc(${providedMaxHeight} + ${borders} - ${padding})`\n : undefined;\n\n return (\n <FormField\n className={cn(componentClassName, className)}\n data-validation-status={validationStatus ? validationStatus : undefined}\n data-disabled={disabled ? '' : undefined}\n {...formFieldProps}\n >\n <Flex direction=\"column\" className={`${componentClassName}Root`}>\n <textarea\n id={id}\n rows={rows}\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 data-resize={resize}\n style={{ ...style, minHeight, maxHeight }}\n {...textAreaProps}\n />\n </Flex>\n </FormField>\n );\n};\n\nTextArea.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -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"]}
|
package/dist/chunk-P5U3V3RN.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as I}from"./chunk-52GAUAZQ.js";import{a as v}from"./chunk-FZVOPBRY.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-TONM4LZL.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:w,"aria-describedby":h,ref:S,...D}=u(N,c),{id:R,labelId:l,helperTextId:m,validationTextId:o}=b({providedId:w,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(h,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}Row`,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-P5U3V3RN.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}Row`}\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,MAChC,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-VTSB2PZN.cjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKWHBTF5Fcjs = require('./chunk-KWHBTF5F.cjs');var _chunkWY3I6O7Dcjs = require('./chunk-WY3I6O7D.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _chunkCMZ47UG6cjs = require('./chunk-CMZ47UG6.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:w,"aria-describedby":h,ref:S,...D}=_chunkCMZ47UG6cjs.a.call(void 0, N,_chunkRDNRX35Pcjs.a),{id:R,labelId:l,helperTextId:m,validationTextId:o}=_chunkITZEACMWcjs.a.call(void 0, {providedId:w,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, h,n?m:void 0,e&&s!==void 0?o:void 0);return _jsxruntime.jsx.call(void 0, _chunkWY3I6O7Dcjs.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}Row`,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, _chunkKWHBTF5Fcjs.a,{})},A)),_jsxruntime.jsx.call(void 0, _radixui.unstable_OneTimePasswordField.HiddenInput,{ref:S})]})})};E.displayName=y;exports.a = E;
|
|
2
|
-
//# sourceMappingURL=chunk-VTSB2PZN.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-VTSB2PZN.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-VTSB2PZN.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}Row`}\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"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WNJPRTTD.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-WNJPRTTD.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"]}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|