[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;-webkit-margin-after:0;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{-webkit-margin-before:var(--hd-space-3);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)}}
/*# sourceMappingURL=3b30a31bb5b8203a.css.map*/