.gallery-demo[data-v-7224c895]{border:1px solid #d8dbe0;border-radius:.5rem;overflow:hidden;margin-bottom:1rem;background:#fff}.gallery-demo__head[data-v-7224c895]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.5rem;padding:.5rem .875rem;background:#f7f7f9;border-bottom:1px solid #d8dbe0}.gallery-demo__title[data-v-7224c895]{font-size:.8125rem;font-weight:600;color:#3c4b64}.gallery-demo__copy[data-v-7224c895]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;background:transparent;font-size:.75rem;color:#768192;padding:.125rem .375rem;border-radius:.25rem}.gallery-demo__copy[data-v-7224c895]:hover{background:rgba(0,0,21,.05);color:#3c4b64}.gallery-demo__stage[data-v-7224c895]{padding:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:4.5rem}.gallery-demo__stage--wide>[data-v-7224c895]{width:100%}.gallery-demo__stage>[data-v-7224c895]{max-width:100%}.gallery-demo__error[data-v-7224c895]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#e55353;font-size:.8125rem}.gallery-demo__error-detail[data-v-7224c895]{font-family:monospace;font-size:.75rem;opacity:.85;margin-top:.25rem;word-break:break-word}.gallery-demo__docs-only[data-v-7224c895]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.8125rem;color:#768192}.gallery-demo__code[data-v-7224c895]{margin:0;padding:.875rem;background:#2c384a;color:#e3e8ef;font-size:.75rem;line-height:1.6;overflow-x:auto;white-space:pre}.gallery-api__section[data-v-28cde3a3]{margin-top:1rem}.gallery-api__heading[data-v-28cde3a3]{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#768192;margin-bottom:.375rem}.gallery-api__table[data-v-28cde3a3]{width:100%;border-collapse:collapse;font-size:.8125rem}.gallery-api__table td[data-v-28cde3a3],.gallery-api__table th[data-v-28cde3a3]{text-align:left;padding:.375rem .5rem;border-bottom:1px solid #ebedef;vertical-align:top}.gallery-api__table th[data-v-28cde3a3]{font-weight:600;color:#768192;white-space:nowrap}.gallery-api__table code[data-v-28cde3a3]{font-size:.75rem;color:#321fdb;background:rgba(50,31,219,.06);padding:.0625rem .25rem;border-radius:.1875rem}.gallery-api__type[data-v-28cde3a3]{font-family:monospace;font-size:.75rem;color:#768192;white-space:nowrap}.component-gallery__index[data-v-1d84c28a]{position:sticky;top:5rem}.component-gallery__index-group[data-v-1d84c28a]{margin-bottom:1rem}.component-gallery__index-title[data-v-1d84c28a]{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#768192;margin-bottom:.375rem}.component-gallery__index-link[data-v-1d84c28a]{display:block;width:100%;text-align:left;border:0;background:transparent;padding:.25rem .5rem;border-radius:.25rem;font-size:.8125rem;color:#3c4b64}.component-gallery__index-link[data-v-1d84c28a]:hover{background:rgba(0,0,21,.05)}.component-gallery__index-link.is-active[data-v-1d84c28a]{background:rgba(50,31,219,.08);color:#321fdb;font-weight:600}.component-gallery__group[data-v-1d84c28a]{margin-bottom:2rem}.component-gallery__group-title[data-v-1d84c28a]{font-size:1.125rem;font-weight:600;color:#3c4b64;margin-bottom:.75rem}.component-gallery__item[data-v-1d84c28a]{scroll-margin-top:5rem}.component-gallery__item-head[data-v-1d84c28a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.component-gallery__item-name[data-v-1d84c28a]{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#3c4b64}.component-gallery__item-summary[data-v-1d84c28a]{margin:0;font-size:.8125rem;color:#768192}.component-gallery__import[data-v-1d84c28a]{display:block;font-size:.75rem;color:#321fdb;background:rgba(50,31,219,.06);padding:.375rem .5rem;border-radius:.25rem;margin-bottom:.75rem;overflow-x:auto}.component-gallery__notes[data-v-1d84c28a]{font-size:.8125rem;color:#768192;background:#f7f7f9;border-left:3px solid #d8dbe0;padding:.5rem .75rem;border-radius:0 .25rem .25rem 0;margin-bottom:.75rem}.component-gallery__empty[data-v-1d84c28a]{font-size:.875rem;color:#768192}