.examples-reference{container:learning-examples / inline-size}.examples-reference .examples-eyebrow{margin-bottom:10px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.12em}.examples-reference .examples-library>.chakra-card__body{padding:20px}.examples-reference .chakra-tabs__tablist{gap:8px;padding-bottom:20px;border-bottom:1px solid var(--line)}.examples-reference .chakra-tabs__tab{gap:7px;padding:9px 12px;border:1px solid transparent;border-radius:var(--chakra-radii-md);color:var(--muted);font-size:13px;font-weight:500;line-height:1.5;transition:background .15s,color .15s,border-color .15s}.examples-reference .chakra-tabs__tab:hover{background:var(--surface);color:var(--text)}.examples-reference .chakra-tabs__tab[aria-selected=true]{background:var(--surface);color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--glass-panel-shadow)}.examples-reference .chakra-tabs__tab-panel{padding:24px 0 0}.examples-reference .examples-count{color:var(--muted);background:var(--surface);white-space:nowrap;border-radius:5px;padding:3px 7px;font-weight:500;text-transform:none}.examples-reference .chakra-accordion{display:grid;gap:14px}.examples-reference .example-card{overflow:hidden;box-shadow:var(--action-card-shadow)}.examples-reference .example-card>.chakra-heading{margin:0;letter-spacing:normal}.examples-reference .chakra-accordion__button{align-items:flex-start;gap:12px;padding:18px;color:var(--text)}.examples-reference .chakra-accordion__button:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.examples-reference .chakra-accordion__icon{margin-top:1px;flex-shrink:0}.examples-reference .example-number{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;padding-top:3px}.examples-reference .chakra-accordion__panel{padding:0 18px 18px}.examples-reference .chakra-accordion__panel>.chakra-stack{border-top:1px solid var(--line);padding-top:16px}.examples-reference .examples-timing-summary{border-left:2px solid var(--accent);padding:0 0 0 12px;margin-bottom:20px;color:var(--muted);line-height:1.7}.examples-reference .example-duration{color:var(--muted)}.examples-reference .examples-execution-notes{scroll-margin-top:100px}.examples-reference a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.examples-reference strong{color:var(--text);font-weight:600}.examples-reference .examples-next-links{font-size:13px;padding:0 4px}.examples-reference :is(.chakra-tabs__tab,.chakra-accordion__button,.code-toolbar button,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.examples-reference .chakra-accordion__button:focus-visible{outline-offset:-3px}@container learning-examples (max-width: 620px){.examples-reference .examples-library>.chakra-card__body{padding:12px}.examples-reference .chakra-tabs__tablist{gap:4px;padding-bottom:16px}.examples-reference .chakra-tabs__tab{padding:8px;font-size:12px;gap:5px}.examples-reference .chakra-accordion__button{padding:14px;gap:9px}.examples-reference .chakra-accordion__panel{padding:0 14px 14px}.examples-reference .example-number{display:none}}.examples-reference .example-step .learning-code{width:fit-content;min-width:min(100%,360px);max-width:100%}.restyle-app[data-mode=light] .examples-reference :is(.examples-category-description,.examples-timing-summary,.examples-timing-summary a,.chakra-tabs__tab){color:var(--text)}