[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)}
/*# sourceMappingURL=f3bd701fca5ec536.css.map*/