@layer components{.ui-code-block[data-v-c684aae8]{max-width:100%;margin:var(--ui-code-block-margin, 1.3em 0);overflow:hidden;color:var(--code-text);background:var(--inverse-surface);border:1px solid var(--ui-code-block-border-color, var(--code-border));border-radius:var(--ui-code-block-radius, var(--radius-large));box-shadow:var(--ui-code-block-shadow, none)}.ui-code-block__toolbar[data-v-c684aae8]{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:4px 6px 4px 14px;color:var(--inverse-text-muted);background:color-mix(in srgb,var(--inverse-surface) 94%,var(--inverse-text));border-bottom:1px solid color-mix(in srgb,var(--code-border) 82%,transparent);font-family:var(--font-code);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);letter-spacing:.02em;line-height:1.2}.ui-code-block__toolbar--actions-only[data-v-c684aae8]{justify-content:flex-end}.ui-code-block__actions[data-v-c684aae8]{display:flex;gap:2px;align-items:center}.ui-code-block__action[data-v-c684aae8]{display:inline-flex;flex:0 0 auto;gap:6px;align-items:center;min-height:28px;padding:0 9px;color:var(--inverse-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;font-family:var(--font-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);letter-spacing:0;white-space:nowrap}.ui-code-block__action[data-v-c684aae8]:hover,.ui-code-block__action[aria-pressed=true][data-v-c684aae8]{color:var(--inverse-text);background:color-mix(in srgb,var(--inverse-text) 8%,transparent);border-color:var(--code-border)}.ui-code-block__action[data-v-c684aae8]:focus-visible{outline:var(--focus-outline);outline-offset:1px}.ui-code-block__action svg[data-v-c684aae8]{flex:0 0 auto;width:14px;height:14px}.ui-code-block__copy-label[data-v-c684aae8]{display:inline-block;white-space:nowrap}.ui-code-block pre[data-v-c684aae8]{max-width:100%;margin:0;padding:var(--ui-code-block-padding, 18px 20px);overflow:auto;overscroll-behavior-inline:contain;color:inherit;background:transparent;border:0;border-radius:0;box-shadow:none;tab-size:2;-webkit-user-select:text;user-select:text}.ui-code-block pre[data-v-c684aae8]:focus-visible{outline:var(--focus-outline);outline-offset:-2px}.ui-code-block code[data-v-c684aae8]{display:block;min-width:max-content;padding:0;color:inherit;background:transparent;border-radius:0;font-family:var(--font-code);font-size:var(--ui-code-block-font-size, var(--font-size-ui));line-height:1.6;-webkit-user-select:text;user-select:text;white-space:pre}.ui-code-block code.ui-code-block__lines[data-v-c684aae8]{min-width:100%}.ui-code-block__line[data-v-c684aae8]{display:grid;grid-template-columns:auto minmax(max-content,1fr);min-height:1.6em;margin-inline:-20px;padding-inline:20px}.ui-code-block__line.is-highlighted[data-v-c684aae8]{background:color-mix(in srgb,var(--accent-primary) 18%,transparent);box-shadow:3px 0 0 var(--accent-primary) inset}.ui-code-block__line-number[data-v-c684aae8]{width:3.2ch;margin-right:16px;color:var(--inverse-text-muted);text-align:right;-webkit-user-select:none;user-select:none}.ui-code-block__line-content[data-v-c684aae8]{white-space:pre}.ui-code-block--wrap code[data-v-c684aae8]{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.ui-code-block--wrap .ui-code-block__line[data-v-c684aae8]{grid-template-columns:auto minmax(0,1fr)}.ui-code-block--wrap .ui-code-block__line-content[data-v-c684aae8]{overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:680px){.ui-code-block__toolbar[data-v-c684aae8]{min-height:48px;padding-left:11px}.ui-code-block__action[data-v-c684aae8]{min-width:44px;min-height:44px;padding-inline:8px}.ui-code-block pre[data-v-c684aae8]{padding-inline:16px}.ui-code-block__line[data-v-c684aae8]{margin-inline:-16px;padding-inline:16px}}}