code[class*=language-],pre[class*=language-]{background:none;color:var(--docs-color-on-background-surface-1);font-family:var(--docs-font-family-mono);font-size:.9em;text-align:left;text-shadow:none;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;border-radius:var(--docs-border-radius-md);-webkit-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2}pre[class*=language-]{background-color:var(--docs-color-background-surface-1);border:var(--docs-border-width-thin) solid var(--docs-color-border-surface-1);border-radius:var(--docs-border-radius-md);box-shadow:var(--docs-shadow-xs);margin:1em 0;overflow:auto;padding:1.25em;position:relative;transition:all .2s ease}pre[class*=language-]:before{border-bottom-left-radius:var(--docs-border-radius-sm);border-bottom-right-radius:var(--docs-border-radius-sm);color:var(--docs-color-on-background-surface-2-disabled);content:attr(data-language);font-size:.75rem;opacity:.7;padding:.25rem .5rem;position:absolute;right:1rem;text-transform:uppercase;top:0;transition:opacity .2s ease}pre[class*=language-]:hover:before{opacity:1}pre[class*=language-]:hover{box-shadow:var(--docs-shadow-sm)}:not(pre)>code[class*=language-]{align-items:center;background-color:var(--docs-color-background-surface-1);border-radius:var(--docs-border-radius-sm);display:inline-flex;font-size:.85em;margin:0 .1em;padding:.2em .4em;white-space:normal}.token.cdata,.token.doctype,.token.prolog{color:var(--docs-color-on-background-surface-1-disabled)}.token.comment{color:var(--docs-code-token-comment);font-style:italic}.token.punctuation{color:var(--docs-code-token-punctuation)}.token.namespace{color:var(--docs-code-token-namespace);opacity:.8}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:var(--docs-code-token-tag)}.token.boolean,.token.number{color:var(--docs-code-token-number)}.token.builtin,.token.char,.token.inserted,.token.string{color:var(--docs-code-token-string)}.token.attr-name{color:var(--docs-code-token-attribute-name);font-style:italic}.token.selector{color:var(--docs-code-token-selector)}.token.entity,.token.operator,.token.url,.token.variable{color:var(--docs-code-token-variable)}.language-css .token.string,.style .token.string{color:var(--docs-code-token-string)}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:var(--docs-code-token-function)}.token.keyword{color:var(--docs-code-pre-token-keyword);font-weight:var(--docs-font-weight-medium)}.token.important,.token.regex{color:var(--docs-color-foreground-warning)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}:defined{opacity:1;transition:opacity .1s}.preview{margin-bottom:1.5rem}.preview:not(.preview--no-styles){background-color:var(--docs-color-background-page);border:1px solid var(--docs-color-border-page);border-radius:var(--preview-border-radius);position:relative;transition:border-radius .3s cubic-bezier(.4,0,.2,1) 0s}.preview .preview__canvas{max-width:100%;min-width:20rem;padding:1.25rem 3.25rem 1.25rem 1.25rem}.preview:not(.preview--no-styles) .preview__canvas{background-color:var(--docs-color-background-page);background-image:linear-gradient(45deg,#cccccc11 25%,transparent 0),linear-gradient(135deg,#cccccc11 25%,transparent 0),linear-gradient(45deg,transparent 75%,#cccccc11 0),linear-gradient(135deg,transparent 75%,#cccccc11 0);background-position:0 0,12.5px 0,12.5px -12.5px,0 12.5px;background-size:25px 25px;border-bottom:none;border-radius:var(--preview-border-radius) var(--preview-border-radius) 0 0;color:var(--docs-color-on-background-page);position:relative}.preview__canvas>:not(.output,.preview__resizer,.preview__size-info,gstock-animation),.preview__canvas>gstock-animation>:not(.output,.preview__resizer,.preview__size-info){margin:.5rem}.preview__canvas--dragging:after{content:"";cursor:ew-resize;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.preview__resizer{align-items:center;background-color:var(--docs-color-layout-gray-100);border-left:2px dotted var(--docs-color-layout-gray-200);border-radius:0 var(--preview-border-radius) var(--preview-border-radius) 0;bottom:0;color:var(--docs-color-layout-gray-600);cursor:ew-resize;display:flex;font-size:20px;justify-content:center;position:absolute;right:0;top:0;width:1.75rem}@media screen and (max-width:600px){.preview__canvas{padding-right:1.5rem}.preview__resizer{display:none}}.preview__size-info{display:none;padding:0;position:absolute;right:32px;top:4px}.preview__canvas--dragging .preview__size-info{display:block}.preview__size-info>span{align-items:center;background-color:rgba(0,0,0,.1);border-radius:var(--preview-border-radius);display:inline-flex;font-size:var(--docs-font-size-xs);height:24px;padding:2px 4px}.preview__source{border-bottom:none;border-radius:0!important;border-top:1px solid var(--docs-color-layout-gray-200);display:none;position:relative}.preview--expanded .preview__source{display:block}pre{background-color:var(--docs-color-background-page);border-radius:0 0 var(--preview-border-radius) var(--preview-border-radius)!important;color:var(--docs-color-on-background-page);margin:0!important;overflow:auto;padding:1rem 1.5rem}.preview__controls{padding:1rem 1.5rem 1.5rem}.preview__buttons{display:flex;height:2rem;justify-content:flex-end;padding:2px 28px 2px 12px;position:relative}.preview__tabs{display:inline-flex;flex:1}.preview__tabs--hidden{display:none}.preview__button{background-color:transparent;border:none;border-radius:0;color:var(--docs-color-layout-gray-600);cursor:pointer;flex:0 0 auto;font:inherit;font-size:.7rem;font-weight:500;min-width:2.5rem;padding:0 .5rem;text-transform:uppercase}.preview__button:not(:last-of-type){border-right:1px solid var(--docs-color-layout-gray-200)}.preview__button--html,.preview__button--react{display:flex;justify-content:center;place-items:center;width:70px}.preview__button--selected{color:var(--docs-color-primary);font-weight:700}.preview__button:active,.preview__button:hover{border-right-color:transparent;box-shadow:0 0 0 1px var(--docs-color-primary);color:var(--docs-color-primary);z-index:1}.preview__button:focus-visible{outline:var(--docs-focus-ring-width) var(--docs-focus-ring-style) var(--docs-focus-ring-color);z-index:2}.preview__toggle{color:var(--docs-color-layout-gray-600);cursor:pointer}.preview__canvas .output{margin-top:var(--docs-spacing-md)}.preview__canvas .output ul{margin:0}.preview__canvas .output__key{font-weight:700}.preview__canvas .preview__canvas--box{border:2px solid var(--docs-color-layout-gray-500);height:300px;margin-bottom:1rem;padding:1rem;position:relative}.flavor-html [data-flavor]:not([data-flavor=html]),.flavor-react [data-flavor]:not([data-flavor=react]){display:none}.copy-code-button,.preview__buttons .component-page__navigation,.preview__buttons .copy-code-button,.preview__buttons .preview__buttons,.preview__buttons .preview__resizer,.preview__resizer .component-page__navigation,.preview__resizer .copy-code-button,.preview__resizer .preview__buttons,.preview__resizer .preview__resizer{display:none!important}.component-page__navigation .component-page__navigation,.component-page__navigation .copy-code-button,.component-page__navigation .preview__buttons,.component-page__navigation .preview__resizer,.preview:not(.preview--expanded) .preview__buttons{border-radius:0 0 var(--preview-border-radius) var(--preview-border-radius)}.flavor-html .preview__source--html>pre,.flavor-react .preview__source--react>pre{border:none}.preview__source-group{border-bottom:1px solid var(--docs-color-layout-gray-200);border-bottom-left-radius:var(--docs-border-radius-md);border-bottom-right-radius:var(--docs-border-radius-md)}