.q-code-block{--q-cb-bg:var(--ss-surface-light);--q-cb-raised:#fafafa;--q-cb-ink:#171717;--q-cb-muted:#4d4d4d;--q-cb-border:#ebebeb;--q-cb-number:#a8a8a8;--q-cb-green:hsl(133 50% 32%);--q-cb-pink:hsl(336 65% 45%);--q-cb-purple:hsl(274 71% 43%);--q-cb-red:hsl(358 66% 48%);--q-cb-blue:hsl(211 100% 42%);--q-cb-amber:hsl(30 100% 32%);--q-cb-blue-fill:hsl(210 100% 94%);--q-cb-green-fill:hsl(120 60% 91%);--q-cb-red-fill:hsl(0 100% 95%);--q-cb-amber-fill:hsl(43 96% 90%);margin:16px 0;border-radius:8px;position:relative;overflow:hidden;color:var(--q-cb-ink)}
.q-code-block__header{height:40px;display:flex;align-items:center;gap:4px;padding:0 5px 0 16px;background:var(--q-cb-raised);border:1px solid var(--q-cb-border);border-radius:8px 8px 0 0}.q-code-block__title{display:flex;align-items:center;gap:8px;min-width:0;margin-right:auto;font-size:13px;line-height:16px;color:var(--q-cb-muted)}.q-code-block__file-icon{flex:none}.q-code-block__filename{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q-code-block__content{border:1px solid var(--q-cb-border);border-top:0;border-radius:0 0 8px 8px;overflow:hidden}.q-code-block[data-has-header=false] .q-code-block__content{border-top:1px solid var(--q-cb-border);border-radius:8px}.q-code-block[data-has-footer=true] .q-code-block__content{border-bottom:0;border-radius:0}
.q-code-block__pre{margin:0;padding:16px 0;background:var(--q-cb-bg);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--q-cb-number) transparent;font:16px/24px QuoterGeistMono,monospace;tab-size:4}.q-code-block__code{display:grid;text-align:left;font:13px/20px QuoterGeistMono,monospace;font-feature-settings:"liga" 0;white-space:pre;word-break:normal;hyphens:none;color:var(--q-cb-ink)}.q-code-block__line{height:20px;padding:0 16px;position:relative}.q-code-block__source{display:inline-block}.q-code-block__line-number{all:unset;box-sizing:content-box;width:16px;padding-right:16px;font:inherit;text-align:right;color:var(--q-cb-number);cursor:pointer;user-select:none;transition:color 125ms ease-out}.q-code-block__line-number:hover{color:var(--q-cb-ink)}.q-code-block__line-number:focus-visible{outline:2px solid var(--ss-primary)}
.q-code-block__line[data-highlighted=true]{background:var(--q-cb-blue-fill);box-shadow:inset 2px 0 var(--q-cb-blue)}.q-code-block__line[data-active=true]{background:var(--q-cb-amber-fill);box-shadow:inset 2px 0 var(--q-cb-amber)}.q-code-block__line[data-added=true]{background:var(--q-cb-green-fill);box-shadow:inset 2px 0 var(--q-cb-green)}.q-code-block__line[data-removed=true]{background:var(--q-cb-red-fill);box-shadow:inset 2px 0 var(--q-cb-red)}.q-code-block__line[data-added=true]::after,.q-code-block__line[data-removed=true]::after{position:absolute;inset:0;pointer-events:none;padding-left:8px;font-weight:500}.q-code-block__line[data-added=true]::after{content:"+";color:var(--q-cb-green)}.q-code-block__line[data-removed=true]::after{content:"-";color:var(--q-cb-red)}
.q-code-block__copy{width:32px!important;height:32px!important;min-width:32px!important;color:var(--q-cb-muted)!important;box-shadow:none!important}.q-code-block[data-has-header=false]>.q-code-block__copy{position:absolute;right:16px;top:min(16%,16px);z-index:1;background:var(--q-cb-raised);box-shadow:0 0 0 1px var(--q-cb-border)!important;opacity:0}.q-code-block:hover>.q-code-block__copy,.q-code-block>.q-code-block__copy:focus{opacity:1}
.q-code-block__tabs{height:44px;overflow-x:auto;scrollbar-width:none}.q-code-block__tabs .q-tabs__list{margin-bottom:12px}.q-code-block__switcher{position:relative;height:32px;flex:none}.q-code-block__switcher-face{height:100%;display:flex;align-items:center;gap:4px;padding:0 8px;border-radius:6px;color:var(--q-cb-muted);font:13px/16px QuoterGeist,sans-serif;white-space:nowrap}.q-code-block__chevron{width:16px;height:16px;position:relative}.q-code-block__chevron::after{content:"";position:absolute;left:4px;top:3px;width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.q-code-block__select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.q-code-block__switcher:hover .q-code-block__switcher-face{background:var(--q-cb-border)}.q-code-block__switcher:focus-within .q-code-block__switcher-face{box-shadow:0 0 0 2px var(--q-cb-bg),0 0 0 4px var(--ss-primary)}.q-code-block__footer{height:40px;display:flex;justify-content:flex-end;align-items:center;padding:12px;border:1px solid var(--q-cb-border);border-radius:0 0 8px 8px;background:var(--q-cb-raised)}
.q-syntax{display:inline;position:relative}.q-syntax--namespace{opacity:.7}.q-syntax--string,.q-syntax--attr-value,.q-syntax--url,.q-syntax--symbol,.q-syntax--boolean,.q-syntax--variable,.q-syntax--constant,.q-syntax--tag,.q-syntax--class-name,.q-syntax--number,.q-syntax--selector{color:var(--q-cb-green)}.q-syntax--keyword{color:var(--q-cb-pink)}.q-syntax--function,.q-syntax--attr-name,.q-syntax--regex{color:var(--q-cb-purple)}.q-syntax--property,.q-syntax--entity,.q-syntax--deleted{color:var(--q-cb-red)}.q-syntax--inserted{color:var(--q-cb-blue)}.q-syntax--punctuation,.q-syntax--operator{color:var(--q-cb-ink)}.q-syntax--comment{color:var(--q-cb-muted)!important}.q-syntax--bold,.q-syntax--important{font-weight:700}.q-syntax--italic{font-style:italic}
[data-theme=dark] .q-code-block{--q-cb-bg:#0a0a0a;--q-cb-raised:#000;--q-cb-ink:#ededed;--q-cb-muted:#a1a1a1;--q-cb-border:#2e2e2e;--q-cb-number:hsl(0 0% 53%);--q-cb-green:hsl(131 43% 57%);--q-cb-pink:hsl(341 90% 67%);--q-cb-purple:hsl(275 80% 71%);--q-cb-red:hsl(358 100% 69%);--q-cb-blue:hsl(210 100% 66%);--q-cb-amber:hsl(39 90% 50%);--q-cb-blue-fill:hsl(213 71% 20%);--q-cb-green-fill:hsl(136 50% 14%);--q-cb-red-fill:hsl(356 54% 22%);--q-cb-amber-fill:hsl(33 100% 15%)}
@media(max-width:600px){.q-code-block__line-number{display:none}}
.q-code-block[data-has-header=true] .q-code-block__copy{width:28px!important;height:28px!important;min-width:28px!important}