.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-copy-button{cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;aspect-ratio:1/1;border-radius:var(--hd-border-radius-sm);width:var(--hd-space-4);background-color:transparent}.hd-copy-button:not([disabled]):hover{background-color:var(--hd-color-neutral-surface-weak)}.hd-copy-button.hd-copy-button--on-dark:not([disabled]):hover{background-color:var(--hd-neutral-800)}.hd-copy-button:not([disabled]):focus-visible{box-shadow:var(--hd-focus-ring);outline:none}.hd-copy-button__icon{stroke:currentcolor}.hd-copy-button[disabled]:hover{cursor:not-allowed}.hd-copy-button--inline{width:var(--hd-space-3)}.hd-copy-button--ghost{aspect-ratio:unset;width:auto}.hd-copy-button--ghost:not([disabled]):hover{background-color:transparent}.hd-copy-button--on-dark{color:#FFFFFF}.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-prompt-snippet{font-family:var(--hd-mono-font-family);font-size:.8125rem;color:var(--hd-color-accent-text);border-radius:var(--hd-border-radius-sm);padding-block:var(--hd-space-05);padding-inline:var(--hd-space-1);background-color:var(--hd-color-accent-surface)}.hd-prompt-snippet__wrapper{display:inline-flex}.hd-prompt-snippet__copy{opacity:0;transform:translateX(-50%);transition:transform .2s ease-in-out,opacity .2s ease-in-out}.hd-prompt-snippet__wrapper--interactive:hover{cursor:pointer}.hd-prompt-snippet__wrapper--interactive:hover .hd-prompt-snippet__copy{opacity:1;transform:translateX(var(--hd-space-1))}.hd-prompt-snippet--ghost{padding-block:0;padding-inline:0;background-color:transparent}.hd-popover{--hd-popover-shadow:0 0.25rem 0.625rem 0.25rem rgb(60 60 60/8%);background-color:var(--hd-color-neutral-surface);border:var(--hd-border-size) solid var(--hd-color-neutral-border);box-shadow:var(--hd-popover-shadow);overflow-y:auto;scroll-margin-top:var(--hd-space-8);scrollbar-width:thin;scrollbar-color:var(--hd-scrollbar-color) transparent}.hd-popover,.hd-tabs__list{border-radius:var(--hd-border-radius-md)}.hd-tabs__list{font-size:1rem;font-family:var(--hd-header-font-family);display:inline-flex;gap:.125rem;padding-inline:var(--hd-space-05);padding-block:var(--hd-space-05);background-color:var(--hd-color-neutral-surface-weak)}.hd-tabs__item-button{display:flex;align-items:center;cursor:pointer;background-color:transparent;border:none;border-radius:var(--hd-border-radius-sm);padding-inline:var(--hd-space-2);padding-block:var(--hd-space-1);transition:background-color .15s ease-in,color .05s linear;z-index:1}.hd-tabs__item-button--active,.hd-tabs__item-button:hover{color:var(--hd-color-neutral-text);background-color:var(--hd-color-neutral-surface);box-shadow:0 .0625rem 0 0 rgb(0 0 0/15%)}.hd-tabs__item-button:focus-visible{outline:none;box-shadow:var(--hd-focus-ring);z-index:10}.hd-tabs__content{padding-top:var(--hd-space-2)}.hd-tabs__icon{display:flex;margin-inline-end:var(--hd-space-1);height:1rem;width:1rem}.hd-props-table{--hd-props-table-row-border:var(--hd-border-size) solid var(--hd-color-neutral-border);--hd-props-table-row-padding:var(--hd-space-2);--hd-props-table-cell-display:flex;--hd-props-table-cell-border:none;--hd-props-table-cell-label-display:inline-block;--hd-props-table-cell-padding-block:var(--hd-space-1);--hd-props-table-cell-padding-inline:0;--hd-props-table-cell-font-size:0.875rem;box-sizing:border-box;text-indent:0;border:var(--hd-props-table-row-border);border-radius:var(--hd-space-1);@media screen and (min-width:64rem){--hd-props-table-header-display:table-header-group;--hd-props-table-cell-label-display:none;--hd-props-table-cell-padding-block:var(--hd-space-1);--hd-props-table-cell-padding-inline:var(--hd-space-1)}}.hd-props-table__row{border-bottom:var(--hd-props-table-row-border);display:flex;flex-direction:column;padding:var(--hd-props-table-row-padding)}.hd-props-table__row:last-child{border-bottom:0}.hd-props-table__cell{display:var(--hd-props-table-cell-display);flex-flow:row nowrap;gap:var(--hd-space-1)}.hd-props-table__cell.hd-table__cell{border-bottom:var(--hd-props-table-cell-border);font-family:var(--hd-default-font-family);padding:0}.hd-props-table [data-rehype-pretty-code-figure]{margin:0}.hd-props-table__description-list{display:flex;flex-direction:column}.hd-props-table__default-value,.hd-props-table__description-list .hd-props-table__description>*{color:var(--hd-color-neutral-text-weak);font-size:var(--hd-props-table-cell-font-size)}.hd-props-table__description-term{display:flex;gap:var(--hd-space-1)}.hd-props-table__name{font-family:var(--hd-default-font-family);font-size:var(--hd-props-table-cell-font-size);font-weight:600;line-height:1.5}.hd-props-table__type [data-rehype-pretty-code-figure] [data-line]{padding-right:0;font-size:var(--hd-props-table-cell-font-size)}.hd-collapsible.hd-props-table__section{margin-top:var(--hd-space-1)}
/*# sourceMappingURL=142a2e67ab9d5d36.css.map*/