.q-docs-example{padding:48px;border-bottom:1px solid var(--q-gray-400);scroll-margin-top:65px}.q-docs-example__anchor{display:inline-block;margin-left:-20px;padding-left:20px;text-decoration:none;color:inherit}.q-docs-example h2{margin:0;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.96px}.q-docs-example__description{margin:16px 0 0;line-height:24px;color:var(--q-gray-900)}.q-docs-example__frame{margin-top:28px;border:1px solid var(--q-gray-alpha-400);border-radius:8px;background:var(--q-background-100);min-width:0}.q-docs-example__preview{padding:24px;overflow-x:auto}.q-docs-example__toggle{display:flex;align-items:center;gap:12px;width:100%;height:49px;border:0;border-top:1px solid var(--q-gray-400);border-radius:0 0 8px 8px;background:var(--q-background-200);color:var(--q-gray-900);padding:0 16px;font:400 14px/20px QuoterGeist,Arial,sans-serif;text-align:left;cursor:pointer}.q-docs-example__arrow{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transform:rotate(-90deg);flex:none}.q-docs-example__toggle[aria-expanded=true] .q-docs-example__arrow{transform:none}.q-docs-example__code>.q-code-block{margin:0;border-radius:0 0 8px 8px}.q-docs-example__code .q-code-block__content{border:0}.q-docs-example__row{display:flex;gap:16px;align-items:flex-start}.q-docs-example__matrix{display:flex;gap:24px;flex-direction:column}@media(max-width:600px){.q-docs-example{padding:32px 16px}.q-docs-example__row{flex-direction:column}}
.q-docs-example__matrix-row{display:flex;align-items:center;gap:12px}
.q-docs-example__viewport{display:flex;width:100%;overflow:visible}.q-docs-example__preview{width:100%;overflow:visible}@media(max-width:1199px){.q-docs-example__frame{margin-top:16px}}@media(max-width:600px){.q-docs-example{padding:24px}.q-docs-example__viewport{overflow-x:auto}}
.q-docs-example__anchor{position:relative}
.q-docs-example__anchor::before{content:"";position:absolute;left:0;top:8px;width:14px;height:14px;background:currentColor;mask:url('../assets/icons/heading-link.svg') center/contain no-repeat;opacity:0;pointer-events:none}
.q-docs-example__anchor:hover::before,.q-docs-example__anchor:focus::before{opacity:1}
.q-docs .q-docs-example__anchor:focus-visible{outline:none;box-shadow:none}
.q-docs-example__anchor{scroll-margin-top:96px}
/* Reference grid cells include a 1px trailing spacer before the section border. */
.q-docs-example:has(>.q-docs-example__frame){padding-bottom:49px}
@media(max-width:600px){.q-docs-example:has(>.q-docs-example__frame){padding-bottom:25px}}
@media(max-width:1199px){.q-docs-example__description{margin-top:8px}}
.q-docs-example__description code{font-family:QuoterGeistMono,monospace;font-size:.857142857em;line-height:inherit;padding:2px 3.6px;border:1px solid #e6e6e6;border-radius:6px;background:var(--q-gray-100);color:var(--q-gray-900)}

.q-docs-example__toggle{font-feature-settings:"calt" 0,"rlig" 1,"ss11" 1}.q-docs .q-docs-example__toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--q-background-100),0 0 0 4px var(--ss-primary)}
@media(min-width:601px) and (max-width:960px){.q-docs-example{padding:40px}.q-docs-example:has(>.q-docs-example__frame){padding-bottom:41px}}

[data-theme=dark] .q-docs-example__description code{border-color:#292929}

/* Desktop reference cells start on the shared sidebar border. */
@media(min-width:1200px){.q-docs-example{position:relative;left:-1px}}