.hd-callout{--hd-callout-icon-color:var(--hd-color-neutral-text);--hd-callout-background-color:transparent;--hd-callout-text-color:var(--hd-neutral-900);display:flex;gap:.5rem;align-items:center;font-family:var(--hd-title-font-family);font-size:var(--hd-default-font-size);line-height:1.3;color:var(--hd-callout-text-color);padding-block:var(--hd-space-2);padding-inline:var(--hd-space-2);margin-block:var(--hd-space-3);border-radius:.25rem;background-color:var(--hd-callout-background-color)}.hd-callout p a{color:var(--hd-neutral-900)}.hd-callout__icon{align-self:flex-start;margin-top:.25rem;flex-shrink:0;color:var(--hd-callout-icon-color)}.hd-callout--information{--hd-callout-icon-color:var(--hd-color-information-icon);--hd-callout-background-color:var(--hd-color-information-surface)}.hd-callout--warning{--hd-callout-icon-color:var(--hd-color-warning-icon);--hd-callout-background-color:var(--hd-color-warning-surface)}.hd-callout--success{--hd-callout-icon-color:var(--hd-color-success-icon);--hd-callout-background-color:var(--hd-color-success-surface)}.hd-callout--error{--hd-callout-icon-color:var(--hd-color-error-icon);--hd-callout-background-color:var(--hd-color-error-surface)}.hd-callout--message{--hd-callout-icon-color:var(--hd-color-message-icon);--hd-callout-background-color:var(--hd-color-message-surface)}.hd-card{--background:var(--hd-white);--dot-background:var(--hd-neutral-50);--color:var(--hd-color-neutral-text);display:flex;align-items:center;justify-content:center;border-radius:var(--hd-space-2);border:var(--hd-border-size) solid var(--hd-color-neutral-border);padding:var(--hd-space-4);background:linear-gradient(90deg,var(--background) .625rem,transparent 1%) 50%,linear-gradient(var(--background) .625rem,transparent 1%) 50%,var(--dot-background);background-position:0 0;background-size:.75rem .75rem;color:var(--color)}.hd-card--sm{padding:var(--hd-space-2)}.hd-card--lg{padding:var(--hd-space-6)}.hd-card--end{justify-content:flex-end}.hd-card--start{justify-content:flex-start}.hd-card+p{margin-top:var(--hd-space-4)}.hd-card--ghost{padding:0}[data-theme=dark] .hd-card{--background:var(--hd-neutral-900);--dot-background:var(--hd-neutral-800)}[data-usage=both]{overflow:hidden;border-radius:var(--hd-border-radius-lg);border:var(--hd-border-size) solid var(--hd-color-neutral-border);.hd-component-preview-wrapper__card,[data-rehype-pretty-code-figure] pre{border-radius:0}.hd-component-preview-wrapper__card{border:0}}[data-usage=code]{[data-rehype-pretty-code-figure] .hd-pre{border-radius:var(--hd-border-radius-lg)}}.hd-component-code{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);[data-rehype-pretty-code-figure]{overflow:hidden;margin-block-end:0}}.hd-component-code ::-moz-selection{background-color:var(--hd-color-surface-code-selection)}.hd-component-code ::selection{background-color:var(--hd-color-surface-code-selection)}.hd-component-code:not(.hd-component-code--expanded) .hd-copy-button{display:none}.hd-component-example__skeleton{height:13rem}.hd-component-example+p{margin-block-start:var(--hd-space-3)}.hd-component-code--expanded{grid-template-rows:1fr}.hd-component-code--expanded pre:focus-visible,.hd-component-code--expanded:focus-visible{border-bottom-left-radius:var(--hd-border-radius-lg);border-bottom-right-radius:var(--hd-border-radius-lg)}.hd-component-example-skeleton{height:100%;border-radius:var(--hd-space-2);border:var(--hd-border-size) solid transparent;animation:skeleton-loading .5s linear infinite alternate}.hd-component-example-skeleton__overlay{position:absolute;inset:-.125rem}@keyframes skeleton-loading{0%{background-color:var(--hd-neutral-20)}to{background-color:var(--hd-neutral-50)}}.hd-composed-components__wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-gap:1.5rem;gap:1.5rem}.hd-cardlink-list{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.hd-cardlink-list--sm{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}@property --angle{syntax:"<angle>";initial-value:-45deg;inherits:false}.hd-cardlink{--card-color:#332c7c;--card-color-translucent:#c58d9baa;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);background-color:var(--card-color);border-radius:var(--hd-border-radius-lg);color:var(--hd-white);display:flex;flex-direction:column;flex:1 1 auto;min-height:14rem;overflow:hidden;position:relative;padding:var(--hd-space-4) 0}.hd-cardlink:has(.hd-cardlink__logo){padding:var(--hd-space-4) 0}.hd-cardlink--sm{height:10rem}.hd-cardlink.nth-2n,.hd-cardlink:nth-child(2n){--card-color:#2b163a;--card-color-translucent:#ffb0b045}.hd-cardlink.nth-3n,.hd-cardlink:nth-child(3n){--card-color:#37345d;--card-color-translucent:#a07ff1ba}.hd-cardlink.nth-4n,.hd-cardlink:nth-child(4n){--card-color:#2b2c5c;--card-color-translucent:#ffb629bf}.hd-cardlink.nth-5n,.hd-cardlink:nth-child(5n){--card-color:#382f58;--card-color-translucent:#babeff91}.hd-cardlink.nth-6n,.hd-cardlink:nth-child(6n){--card-color:#3e254d;--card-color-translucent:#29ff9ee3}.hd-cardlink.nth-7n,.hd-cardlink:nth-child(7n){--card-color:#432055;--card-color-translucent:#4299ea91}.hd-cardlink__logo{bottom:0;right:0;max-width:10rem;opacity:.1;position:absolute;scale:1.5;z-index:-1}.hd-cardlink:after,.hd-cardlink:before{aspect-ratio:1/1;content:"";filter:blur(3rem);height:25rem;left:0;position:absolute;top:0;transition:opacity .5s linear;transform:rotate(-144deg);width:26rem;z-index:-2}.hd-cardlink:before{background-image:linear-gradient(var(--angle),var(--card-color) 50%,var(--card-color-translucent) 0)}.hd-cardlink:focus:before,.hd-cardlink:hover:before{opacity:0}.hd-cardlink:after{background-image:linear-gradient(-25deg,var(--card-color) 50%,var(--card-color-translucent) 0);opacity:0}.hd-cardlink:focus:after,.hd-cardlink:hover:after{opacity:1}.hd-cardlink__title{font-size:1.5rem}.hd-cardlink__description{font-size:1.125rem;line-height:1.5;margin-top:var(--hd-space-2)}.hd-cardlink--sm .hd-cardlink__title{font-size:1.25rem}.hd-cardlink--sm .hd-cardlink__description{font-size:1rem}.hd-cardlink__copy{padding:0 var(--hd-space-10) 0 var(--hd-space-4)}.hd-motion-preview{margin-bottom:var(--hd-space-4);gap:var(--hd-space-5);align-items:flex-end;display:flex;flex-flow:wrap}.hd-object{background-color:var(--hd-accent-900);width:10rem;height:10rem;transition:transform var(--hd-duration) var(--hd-easing)}.hd-object-animated{transform:translateX(6.25rem)}.hd-motion-preview__button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:-moz-max-content;height:max-content;background-color:var(--hd-accent-700);color:var(--hd-white);min-height:2.5rem;transition:all .2s;border-radius:.25rem;background-image:none;cursor:pointer;line-height:1;border:none;text-align:center;position:relative;width:-moz-max-content;width:max-content;font-size:100%;padding:var(--hd-space-1)}.hd-motion-preview__popover{border-radius:.25rem;background-color:var(--hd-color-neutral-surface-weak);border:.0625rem solid var(--hd-color-neutral-border);box-shadow:"0 4px 10px 4px rgba(60, 60, 60, 0.08)";padding:var(--hd-space-1)}.hd-motion-preview__select-button{border:var(--hd-border-size) solid var(--hd-color-neutral-border);padding:var(--hd-space-1);border-radius:.25rem}.hd-motion-preview__select{display:flex;flex-direction:column;gap:var(--hd-space-1);font-size:.75rem}.hd-component-overview{display:grid;grid-gap:var(--hd-space-2);gap:var(--hd-space-2);grid-template-columns:repeat(auto-fill,minmax(18.125rem,1fr))}.hd-component-overview-item__link{display:grid;grid-template-rows:9rem 1fr;justify-items:stretch;width:100%;height:100%}.hd-component-overview-item{overflow:hidden;transition:box-shadow .4s cubic-bezier(.4,0,.2,1)}.hd-component-overview-item:hover{cursor:pointer;box-shadow:0 .25rem .625rem .25rem rgb(60 60 60/8%)}.hd-component-overview-item:has(:focus){box-shadow:var(--hd-focus-ring)}.hd-component-overview-item__img{display:flex;align-items:center;justify-content:center;width:100%}.hd-component-overview-item__title{font-size:1.125rem;line-height:1.333;margin-block:0}.hd-component-overview-item__description{font-size:.875rem;color:var(--hd-color-neutral-text-weak);line-height:1.428;margin-top:var(--hd-space-1)}.hd-component-overview-category{margin-bottom:var(--hd-space-4)}.hd-component-overview-category__title{text-transform:capitalize;margin-bottom:var(--hd-space-2)}.hd-component-overview-category:not(:has(.hd-component-overview-item)){display:none}.hd-component-overview-item__caption{background-color:var(--hd-color-neutral-surface);padding:var(--hd-space-2)}.hd-pre{align-items:stretch;display:flex}.hd-pre .hd-pre__code{margin-right:auto;margin-block:.25rem;align-content:center;color:var(--hd-color-neutral-text-strong);overflow-x:auto}.hd-pre--title,[data-rehype-pretty-code-figure] .hd-pre--title{--hd-codeblock-background-color:transparent;display:block;padding-inline:0;padding-block:0}.hd-pre--title .hd-pre__code{--hd-codeblock-background-color:var(--hd-neutral-800);padding-block:var(--hd-codeblock-padding);padding-inline:var(--hd-codeblock-padding);background-color:var(--hd-codeblock-background-color);border-bottom-left-radius:var(--hd-codeblock-border-radius);border-bottom-right-radius:var(--hd-codeblock-border-radius)}.hd-pre-header+.hd-pre__code{margin-block-start:0}.hd-pre__code code{background-color:transparent}.hd-pre__code code ::-moz-selection{background-color:var(--hd-color-surface-code-selection)}.hd-pre__code code ::selection{background-color:var(--hd-color-surface-code-selection)}

/* !* pre HEADER *! */.hd-pre-header{display:flex;padding-inline:var(--hd-space-2) var(--hd-space-1);height:3rem;font-size:.875rem;font-family:var(--hd-default-font-family);align-items:center;color:var(--hd-color-neutral-text-weakest);background-color:var(--hd-color-neutral-surface);border-top-left-radius:var(--hd-codeblock-border-radius);border-top-right-radius:var(--hd-codeblock-border-radius);border:var(--hd-border-size) solid var(--hd-color-neutral-border)}.hd-pre-header__info{display:flex;align-items:center;gap:var(--hd-space-1);margin-right:auto}.hd-pre-header__lang{display:flex}.hd-pre-header__lang-icon{width:var(--hd-space-2);aspect-ratio:1/1;filter:grayscale(100%)}.hd-pre-header__title{line-height:1}.hd-image{max-width:100%;height:auto}.hd-figure{display:flex;flex-direction:column;max-width:37.5rem;margin-top:var(--hd-space-3);position:relative}.hd-figure__figcaption{color:var(--hd-color-neutral-text-weak);font-family:ABC Favorit Mono,monospace;font-size:.875rem;line-height:1.125;margin-top:var(--hd-space-2)}.hd-figure__image{height:auto;max-width:100%}.hd-footnote{border-top:.125rem solid #000;margin-top:1rem;padding:1rem}.hd-props-reference-table{table-layout:fixed}.hd-icon-table{border:.0625rem solid var(--hd-color-neutral-border);border-radius:var(--hd-space-1);display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:var(--hd-space-2)}.hd-icon-content{justify-content:center;height:100%;position:relative;width:100%}.hd-icon-content,.hd-icon-item-content{align-items:center;display:flex;flex-direction:column}.hd-icon-item-copy,.hd-icon-item__icon{aspect-ratio:1;width:3rem;color:var(--hd-color-neutral-icon)}.hd-icon-item__icon{align-items:center;border-radius:var(--hd-space-1);display:flex;justify-content:center;transition:opacity .2s ease-in-out}.hd-icon-item-copy:not([disabled]):hover{background-color:#95959326}.hd-icon-item-copy[disabled]:hover{cursor:not-allowed}.hd-icon-item__title{color:var(--hd-color-neutral-text-weak);font-size:.875rem;margin-top:var(--hd-space-1);padding-bottom:var(--hd-space-2)}.hd-switcher-picker{display:flex;gap:var(--hd-space-2)}.hd-switcher-choice{border:var(--hd-border-size) solid var(--hd-color-neutral-border);border-radius:var(--hd-border-radius-md);cursor:pointer;max-width:11rem;padding:calc(var(--hd-space-2) - var(--hd-border-size));transition:border-color .2s ease-in-out;width:100%}.hd-switcher-choice:hover:not([data-selected]){border-color:var(--hd-color-neutral-border-hover)}.hd-switcher-choice[data-selected]{background-color:var(--hd-color-accent-surface);border-color:var(--hd-color-accent-surface)}.hd-switcher-choice-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.hd-switcher-choice-infos{display:flex;flex-direction:column}.hd-switcher-choice-infos__title{color:var(--hd-color-neutral-text);font-size:1rem;font-weight:600;line-height:1.5}.hd-switcher-choice-infos__size{font-style:italic;font-size:.875rem}.hd-switcher-choice-preview{color:var(--hd-color-neutral-icon);display:flex;flex-shrink:0}.hd-switcher-choice:has(input:focus-visible){outline:-webkit-focus-ring-color auto var(--hd-border-size)}.hd-switcher__wrapper{display:flex;gap:var(--hd-space-3);flex-direction:column}@property --font-size{syntax:"<length>";inherits:false;initial-value:1rem}:root{--hd-tag-font-family:var(--hd-default-font-family);--hd-tag-font-size:0.875rem;--hd-tag-line-height:1.43;--hd-tag-background-color:var(--hd-color-accent-surface);--hd-tag-color:var(--hd-color-accent-text);--hd-tag-padding-inline:var(--hd-space-1);--hd-tag-border-radius:var(--hd-space-3)}.hd-tag{display:inline-block;font-family:var(--hd-tag-font-family);font-size:var(--hd-tag-font-size);line-height:var(--hd-tag-line-height);color:var(--hd-tag-color);background-color:var(--hd-tag-background-color);padding-inline:var(--hd-tag-padding-inline);border-radius:var(--hd-tag-border-radius)}.hd-table__cell.hd-typo__cell{text-align:left;border-bottom:0}.hd-properties-table__tbody .hd-properties-table__cell{padding:var(--hd-space-1);text-wrap:nowrap}.hd-properties-table__tbody .hd-properties-table__token-value-cell{text-wrap:wrap}.hd-typo__cell-font-family{max-width:7.8125rem}.hd-top__row .hd-table__cell{border-top:var(--hd-border-size) solid var(--hd-color-neutral-border)}.hd-typo__row:has(>:nth-child(5)) .hd-typo__cell:first-child{padding-left:0}.hd-typo__row:has(>:nth-child(3))>.hd-typo__cell,.hd-typo__row:has(>:nth-child(4))>.hd-typo__cell{padding-left:0}.hd-typo-table--has-no-sizes .hd-typo__cell{padding:0}.hd-typo-table--has-no-sizes .hd-properties-table__tbody tr>td:first-child{padding-left:0}.hd-properties-table__tbody>.hd-typo-offset-cell td{border-top:var(--hd-border-size) dashed var(--hd-color-neutral-border)}.hd-table--icon-spec th{width:25%}.hd-table--icon-spec .hd-table__cell:last-child,.hd-table--icon-spec .hd-table__column:last-child{text-align:left}.hd-table__link{color:var(--hd-color-accent-text);font-weight:600;text-decoration:none}.hd-table__wrapper{width:100%;overflow-x:auto}.hd-preview{font-family:Inter,sans-serif;width:var(--hd-space-5);height:var(--hd-space-3);border-radius:0;display:inline-block;background-color:var(--hd-color-primary-surface)}.hd-preview--stroke{border-radius:0;border:var(--hd-border-size) solid var(--hd-color-primary-border);border-bottom-style:none;border-right-style:none;background-color:transparent}.hd-preview--font{align-items:center;background-color:transparent;display:inline-flex;font-size:1.5rem;height:auto;justify-content:flex-end}.hd-preview--line-height{font-size:1rem;display:flex;flex-direction:column;gap:0;position:relative;width:auto}.hd-preview--line-height:after{border-bottom:var(--hd-border-size) dashed var(--hd-color-primary-border);content:"";display:block;height:var(--hd-border-size);position:absolute;top:50%;transform:translateY(-50%);width:100%}.hd-preview--line-height__text{position:relative}.hd-preview--line-height__text:after{content:"";display:block;height:var(--hd-border-size);width:100%;position:absolute}.hd-preview--line-height__text-top:after{top:0;border-bottom:var(--hd-border-size) dashed var(--hd-color-primary-border)}.hd-preview--line-height__text-bottom:after{bottom:0;border-bottom:var(--hd-border-size) dashed var(--hd-color-primary-border)}.hd-preview--semantic-size{display:flex;height:6.5rem;width:6.5rem}.hd-preview--semantic-size:after{background:var(--hd-color-neutral-surface);content:"";display:block;flex:1 1 auto;width:100%}.hd-preview--stack{border:var(--hd-border-size) solid var(--hd-color-neutral-border);height:auto}.hd-preview--stack:after{height:var(--hd-space-9)}.hd-preview--inline{border:var(--hd-border-size) solid var(--hd-color-neutral-border);width:auto}.hd-preview--inset{background-color:var(--hd-color-accent-surface)}.hd-preview--inline:after{width:var(--hd-space-9)}.hd-collapsible__trigger{--collapsible-trigger-background:transparent;font-family:var(--hd-default-font-family);font-size:var(--hd-default-font-size);line-height:1.35;color:var(--hd-color-neutral-text);display:flex;width:calc(100% + var(--hd-space-2) * 2);justify-content:space-between;align-items:center;padding-block:var(--hd-space-2);padding-inline:var(--hd-space-2);border:none;border-radius:var(--hd-border-radius-md);background:var(--collapsible-trigger-background);box-shadow:none;transition:box-shadow .15s ease-in-out;margin-inline:calc(-1 * var(--hd-space-2));&[data-hovered]{--collapsible-trigger-background:var(--hd-color-neutral-surface);cursor:pointer}&[data-focused=true][aria-expanded=true]:not([data-focus-visible]),&[data-focused=true][data-hovered=true]:not([data-focus-visible]),&[data-hovered]{box-shadow:var(--hd-color-shadow-collapsible)}&[data-focused=true][aria-expanded=false]:not([data-hovered]){box-shadow:none}&[data-focus-visible]{box-shadow:var(--hd-focus-ring)}}.hd-collapsible__trigger .hd-title{margin-block:0;margin-inline:0}.hd-collapsible__content-wrapper{height:0;overflow:hidden;transition:height .4s cubic-bezier(.4,0,.2,1)}.hd-collapsible__content{padding-block:var(--hd-space-1)}.hd-link{font-family:var(--hd-title-font-family);display:inline-flex;align-items:center;gap:var(--hd-space-05)}.hd-link--underline,.hd-link:hover{text-decoration:underline}.hd-table{width:100%;outline:none;border-spacing:0;align-self:start}.hd-table__column{padding:var(--hd-space-2) var(--hd-space-1);text-align:left;color:var(--hd-color-neutral-text-weakest);font-size:.8125rem;font-style:normal;font-weight:400;line-height:.8125rem}.hd-table__column:first-child{padding-left:0}.hd-table__column--size{min-width:3rem}.hd-table__cell,.hd-table__th{padding:var(--hd-space-1)}.hd-table__cell{font-family:var(--hd-mono-font-family);font-size:.8125rem;border-bottom:var(--hd-border-size) solid var(--hd-color-neutral-border)}.hd-table__row>.hd-table__cell:first-child{padding-left:0}.hd-table__cell--right,.hd-table__column--right{text-align:right}
/*# sourceMappingURL=d8f9bf81c15e33fa.css.map*/