.sl-vbtn{cursor:pointer;font:inherit;color:var(--sl-ink-2);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;margin:0;padding:0;display:inline-flex}.sl-vbtn:disabled{cursor:default;opacity:.4}.sl-vbtn-disc{width:var(--sl-vbtn-size,56px);height:var(--sl-vbtn-size,56px);background:var(--sl-solid);color:var(--sl-on-solid);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-hue) 34%, transparent);border-radius:50%;place-items:center;transition:box-shadow .35s;display:grid;position:relative}body[data-theme=light] .sl-vbtn-disc{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-hue) 45%, transparent), 0 1px 2px #17140f0f, 0 10px 26px -14px #8a4e1273}body[data-theme=light] .sl-vbtn:is(:hover,:focus-visible):not(:disabled) .sl-vbtn-disc{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-hue) 60%, transparent), 0 1px 2px #17140f0f, 0 12px 30px -12px #8a4e128c}.sl-vbtn-disc svg{z-index:2;width:36%;height:36%;position:relative}.sl-vbtn-disc:after{content:"";z-index:1;pointer-events:none;background:conic-gradient(from var(--sl-hue-a), transparent 0deg, color-mix(in oklab, var(--sl-hue) 30%, transparent) 50deg, var(--sl-hue-hot) 120deg, color-mix(in oklab, var(--sl-hue) 65%, transparent) 170deg, color-mix(in oklab, var(--sl-hue) 10%, transparent) 245deg, transparent 360deg);-webkit-mask-composite:xor;opacity:1;border-radius:50%;padding:1px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sl-vbtn-label{font-family:var(--sl-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-ink-3);font-size:.68rem;transition:color .3s}.sl-vbtn:hover:not(:disabled) .sl-vbtn-disc,.sl-vbtn:focus-visible .sl-vbtn-disc{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-hue) 30%, transparent), 0 0 22px -8px color-mix(in oklab, var(--sl-hue) 70%, transparent)}.sl-vbtn:hover:not(:disabled) .sl-vbtn-disc:after{opacity:1}.sl-vbtn:is(:hover,:focus-visible):not(:disabled) .sl-vbtn-disc:after,.sl-vbtn.is-live .sl-vbtn-disc:after,.sl-vbtn.is-busy .sl-vbtn-disc:after{animation:6s linear infinite sl-hue-turn}.sl-vbtn:hover:not(:disabled) .sl-vbtn-label{color:var(--sl-ink-2)}.sl-vbtn:focus-visible{outline:none}.sl-vbtn:focus-visible .sl-vbtn-disc{outline:1px solid var(--sl-hue);outline-offset:3px}.sl-vbtn-orbit{z-index:1;opacity:0;pointer-events:none;border-radius:50%;transition:opacity .5s;position:absolute;inset:0}.sl-vbtn-orbit:before{content:"";background:conic-gradient(from 0turn, transparent 0 .7turn, color-mix(in oklab, var(--sl-hue) 80%, transparent) 1turn);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1px))}.sl-vbtn-orbit:after{content:"";background:var(--sl-hue-hot);width:4px;height:4px;box-shadow:0 0 5px color-mix(in oklab, var(--sl-hue) 80%, transparent);border-radius:50%;margin-left:-2px;position:absolute;top:-1.5px;left:50%}@keyframes sl-vbtn-orbit{to{transform:rotate(1turn)}}.sl-vbtn.is-live{color:var(--sl-ink)}.sl-vbtn.is-live .sl-vbtn-disc:after{opacity:1}.sl-vbtn.is-live .sl-vbtn-orbit{opacity:1;animation:2.8s linear infinite sl-vbtn-orbit}.sl-vbtn.is-live .sl-vbtn-label{color:var(--sl-ink)}.sl-vbtn.is-busy .sl-vbtn-orbit{opacity:1;animation:1s linear infinite sl-vbtn-orbit}.sl-vbtn.is-busy .sl-vbtn-orbit:before{background:conic-gradient(from 0turn, transparent 0 .82turn, color-mix(in oklab, var(--sl-hue) 80%, transparent) 1turn)}@media (prefers-reduced-motion:reduce){.sl-vbtn-disc:after,.sl-vbtn-orbit{animation:none!important}}.sl-wave{--sl-wave-h:40px;height:var(--sl-wave-h);align-items:center;gap:3px;display:flex}.sl-wave>*{background:var(--sl-ink-3);opacity:.7;border-radius:1px;flex:0 0 2px;min-height:1px;transition:height 80ms linear}.sl-wave.is-live>*{background:var(--sl-ink-2);opacity:1}.sl-instrument{background:var(--sl-void-2);border-radius:var(--sl-radius);box-shadow:inset 0 0 0 1px var(--sl-line);transition:box-shadow .3s;position:relative}body[data-theme=light] .sl-instrument{background:var(--sl-surface-solid)}.sl-instrument:focus-within{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-ink) 34%, transparent)}.sl-tag{font-family:var(--sl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sl-ink-3);box-shadow:inset 0 0 0 1px var(--sl-line);background:0 0;border-radius:2px;align-items:center;gap:6px;padding:3px 7px;font-size:.66rem;display:inline-flex}span.sl-tag{letter-spacing:.08em;white-space:nowrap;text-wrap:nowrap;opacity:1;max-width:none;margin:0;padding:3px 7px;font-size:.66rem;line-height:1.4;animation:none;position:static;inset:auto}.sl-lang{min-width:0;position:relative}.sl-lang-trigger{text-align:left;cursor:pointer;border-radius:var(--sl-radius);width:100%;min-width:0;font:inherit;color:var(--sl-ink);box-shadow:inset 0 0 0 1px var(--sl-line);background:0 0;border:0;padding:9px 38px 10px 14px;transition:box-shadow .25s;display:block;position:relative}.sl-lang-trigger:hover:not(:disabled){box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-ink) 40%, transparent)}.sl-lang.is-open .sl-lang-trigger{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-ink) 60%, transparent)}.sl-lang-trigger:focus-visible{outline:1px solid var(--sl-gold);outline-offset:2px}.sl-lang-trigger:disabled{opacity:.45;cursor:default}.sl-lang-cap{font-family:var(--sl-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-ink-3);margin-bottom:2px;font-size:.62rem;display:block}.sl-lang-chev{border-right:1px solid var(--sl-ink-3);border-bottom:1px solid var(--sl-ink-3);width:6px;height:6px;transition:transform .3s var(--sl-ease,ease), margin .3s ease;margin-top:-5px;position:absolute;top:50%;right:15px;transform:rotate(45deg)}.sl-lang.is-open .sl-lang-chev{margin-top:-1px;transform:rotate(225deg)}.sl-lang-roll{transition:transform .24s,opacity .24s;display:grid;overflow:hidden}.sl-lang-val{white-space:nowrap;grid-area:1/1;align-items:baseline;gap:8px;min-width:0;display:flex}.sl-lang-val.in{animation:sl-lang-in .32s var(--sl-ease,ease) both}.sl-lang-val.out{animation:sl-lang-out .32s var(--sl-ease,ease) both}@keyframes sl-lang-in{0%{opacity:0;transform:translateY(80%)}to{opacity:1;transform:none}}@keyframes sl-lang-out{to{opacity:0;transform:translateY(-80%)}}.sl-lang-native{font-family:var(--sl-font-body);color:var(--sl-ink);text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.sl-lang-en{font-family:var(--sl-font-body);color:var(--sl-ink-3);text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.sl-lang-pop{z-index:40;background:var(--sl-void-2);border-radius:var(--sl-radius);width:max(100%,290px);max-width:calc(100vw - 32px);box-shadow:inset 0 0 0 1px var(--sl-line), 0 22px 48px -30px #0000008c;animation:.18s both sl-lang-pop;position:absolute;top:calc(100% + 6px);left:0}body[data-theme=light] .sl-lang-pop{background:var(--sl-surface-solid);box-shadow:inset 0 0 0 1px var(--sl-line), 0 22px 48px -30px #17140f4d}@keyframes sl-lang-pop{0%{opacity:0;transform:translateY(-4px)}}.sl-lang-search{border:0;border-bottom:1px solid var(--sl-line);width:100%;font-family:var(--sl-font-body);color:var(--sl-ink);background:0 0;outline:none;padding:11px 14px;font-size:.88rem;display:block}.sl-lang-search::placeholder{color:var(--sl-ink-3)}.sl-lang-list{overscroll-behavior:contain;max-height:300px;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.sl-lang-opt{cursor:pointer;animation:.26s both sl-lang-opt;animation-delay:calc(var(--i,0) * 14ms);grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:8px 14px 8px 16px;display:grid;position:relative}@keyframes sl-lang-opt{0%{opacity:0;transform:translateY(3px)}}.sl-lang-opt:before{content:"";background:var(--sl-gold);width:1px;transition:transform .2s var(--sl-ease,ease);position:absolute;top:7px;bottom:7px;left:0;transform:scaleY(0)}.sl-lang-opt.on{background:var(--sl-surface)}.sl-lang-opt.on:before{transform:scaleY(1)}.sl-lang-code{font-family:var(--sl-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sl-ink-3);font-size:.64rem}.sl-lang-opt.cur .sl-lang-code:before{content:"";background:var(--sl-gold);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin:0 7px 1px 0;display:inline-block}.sl-lang-none{color:var(--sl-ink-3);padding:12px 14px;font-size:.85rem}.sl-lang-pair{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.sl-lang-to .sl-lang-pop{left:auto;right:0}.sl-lang-swap{border-radius:var(--sl-radius);cursor:pointer;color:var(--sl-ink-2);box-shadow:inset 0 0 0 1px var(--sl-line);background:0 0;border:0;place-items:center;padding:0;transition:box-shadow .25s,color .25s;display:grid}.sl-lang-swap svg{width:18px;height:18px;transition:transform .5s var(--sl-ease,ease)}.sl-lang-swap:hover:not(:disabled){color:var(--sl-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-hue) 55%, transparent)}.sl-lang-swap:focus-visible{outline:1px solid var(--sl-gold);outline-offset:2px}.sl-lang-swap:disabled{opacity:.35;cursor:default}.sl-lang-pair.is-swapping .sl-lang-from .sl-lang-roll{opacity:0;transform:translate(16px)}.sl-lang-pair.is-swapping .sl-lang-to .sl-lang-roll{opacity:0;transform:translate(-16px)}@media (max-width:520px){.sl-lang-pair .sl-lang-en{display:none}}@media (prefers-reduced-motion:reduce){.sl-lang-val.in,.sl-lang-val.out,.sl-lang-pop,.sl-lang-opt{animation:none}.sl-lang-val.out{display:none}.sl-lang-roll,.sl-lang-swap svg{transition:none}}.sl-select .sl-lang-val{align-items:center}.sl-select-glyph{width:14px;height:14px;color:var(--sl-ink-3);flex:none;place-items:center;display:inline-grid}.sl-select-glyph svg{width:100%;height:100%}.sl-select-label{text-overflow:ellipsis;min-width:0;font-family:var(--sl-font-body);color:var(--sl-ink);font-size:.95rem;overflow:hidden}.sl-select .sl-select-tag{flex:none;padding:2px 6px;font-size:.6rem}.sl-select-opt{grid-template-columns:14px minmax(0,1fr) auto;align-items:center}.sl-select-opt.no-glyph{grid-template-columns:minmax(0,1fr) auto}.sl-select-opt .sl-select-label{font-size:.9rem}.sl-select-opt.cur .sl-select-label:after{content:"";background:var(--sl-gold);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin:0 0 2px 8px;display:inline-block}.sl-select-group{font-family:var(--sl-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-ink-3);padding:12px 16px 5px;font-size:.6rem}.sl-select-group:not(:first-child){border-top:1px solid var(--sl-line-2);margin-top:4px}.sl-lang-list:focus{outline:none}.sl-lang-list:focus-visible .sl-lang-opt.on:before{transform:scaleY(1)}@layer components{.sl-ibtn{flex:none;place-items:center;margin:0;display:inline-grid;position:relative}}.sl-ibtn{--sl-ibtn-size:36px;width:var(--sl-ibtn-size);height:var(--sl-ibtn-size);border-radius:var(--sl-radius);cursor:pointer;font:inherit;color:var(--sl-ink-3);box-shadow:inset 0 0 0 1px var(--sl-line);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:color .25s,box-shadow .25s}.sl-ibtn.sl-ibtn-sm{--sl-ibtn-size:32px}.sl-ibtn:before{content:"";inset:calc((var(--sl-ibtn-size) - 44px) / 2);position:absolute}.sl-ibtn>span{place-items:center;width:16px;height:16px;display:grid}.sl-ibtn svg{width:100%;height:100%}.sl-ibtn:hover:not(:disabled){color:var(--sl-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-ink) 40%, transparent)}.sl-ibtn:focus-visible{outline:1px solid var(--sl-gold);outline-offset:2px}.sl-ibtn:disabled{opacity:.35;cursor:default}.sl-ibtn.is-done{color:var(--sl-ink)}.sl-ibtn.is-done>span{animation:sl-ibtn-done .32s var(--sl-ease,ease) both}@keyframes sl-ibtn-done{0%{opacity:0;transform:scale(.7)}}.sl-textbtn{cursor:pointer;min-height:44px;font-family:var(--sl-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-ink-3);text-underline-offset:5px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:0 2px;font-size:.68rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:color .25s,text-decoration-color .25s;display:inline-flex}.sl-textbtn:hover:not(:disabled),.sl-textbtn[aria-pressed=true],.sl-textbtn[aria-expanded=true]{color:var(--sl-ink);-webkit-text-decoration-color:var(--sl-gold);text-decoration-color:var(--sl-gold)}.sl-textbtn:focus-visible{outline:1px solid var(--sl-gold);outline-offset:2px}.sl-textbtn:disabled{opacity:.4;cursor:default}.sl-playback{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;display:grid;position:relative}.sl-playback-track{background:var(--sl-line);height:1px;position:relative}.sl-playback-track i{background:var(--sl-gold);transform-origin:0;transition:transform .12s linear;position:absolute;inset:0}.sl-playback-track b{background:var(--sl-ink);opacity:0;border-radius:50%;width:5px;height:5px;margin:-2px 0 0 -2.5px;transition:opacity .25s;position:absolute;top:0}.sl-playback:not(.is-idle) .sl-playback-track b{opacity:1}.sl-playback-rail{min-width:0;position:relative}.sl-playback-input{opacity:0;cursor:pointer;width:100%;height:28px;margin:-14px 0 0;padding:0;position:absolute;top:50%;left:0}.sl-playback-input:disabled{cursor:default}.sl-playback:has(.sl-playback-input:focus-visible) .sl-playback-track{outline:1px solid var(--sl-gold);outline-offset:6px}.sl-playback-time{font-family:var(--sl-font-mono);letter-spacing:.06em;color:var(--sl-ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.68rem}.sl-playback.is-idle .sl-playback-time{opacity:.6}@media (prefers-reduced-motion:reduce){.sl-playback-track i,.sl-ibtn.is-done>span{transition:none;animation:none}}.sl-toggles{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:0 20px;display:grid}.sl-toggle{cursor:pointer;text-align:left;width:100%;min-height:44px;font:inherit;color:var(--sl-ink-2);-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:flex-start;gap:12px;margin:0;padding:10px 2px;display:flex}.sl-toggle-box{border-radius:var(--sl-radius);width:16px;height:16px;color:var(--sl-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-ink) 34%, transparent);flex:none;place-items:center;margin-top:2px;transition:box-shadow .2s;display:grid}.sl-toggle-box svg{opacity:0;width:11px;height:11px;transition:opacity .18s ease, transform .18s var(--sl-ease,ease);transform:scale(.7)}.sl-toggle:hover:not(:disabled) .sl-toggle-box{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-ink) 70%, transparent)}.sl-toggle.is-on .sl-toggle-box{box-shadow:inset 0 0 0 1px var(--sl-ink)}.sl-toggle.is-on .sl-toggle-box svg{opacity:1;transform:none}.sl-toggle-text{gap:2px;min-width:0;display:grid}.sl-toggle-name{font-family:var(--sl-font-body);color:var(--sl-ink);font-size:.92rem;line-height:1.35}.sl-toggle-hint{font-family:var(--sl-font-body);color:var(--sl-ink-3);font-size:.78rem;line-height:1.4}.sl-toggle:focus-visible{outline:1px solid var(--sl-gold);outline-offset:2px}.sl-toggle:disabled{opacity:.45;cursor:default}.sl-range{border-radius:var(--sl-radius);min-width:0;box-shadow:inset 0 0 0 1px var(--sl-line);gap:4px;padding:9px 14px 6px;transition:box-shadow .25s;display:grid}.sl-range:hover:not(.is-disabled){box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-ink) 40%, transparent)}.sl-range-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sl-range-cap{font-family:var(--sl-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-ink-3);font-size:.62rem}.sl-range-val{font-family:var(--sl-font-mono);letter-spacing:.04em;color:var(--sl-ink);font-variant-numeric:tabular-nums;font-size:.74rem}.sl-range-input{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;padding:0;display:block}.sl-range-input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--sl-gold) 0 calc(var(--p,0) * 100%), var(--sl-line) calc(var(--p,0) * 100%) 100%);border:0;height:1px}.sl-range-input::-moz-range-track{background:var(--sl-line);border:0;height:1px}.sl-range-input::-moz-range-progress{background:var(--sl-gold);height:1px}.sl-range-input::-webkit-slider-thumb{appearance:none;border-radius:var(--sl-radius);background:var(--sl-solid);width:12px;height:12px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-hue) 60%, transparent), 0 0 0 1px var(--sl-line);border:0;margin-top:-5.5px}.sl-range-input::-moz-range-thumb{border-radius:var(--sl-radius);background:var(--sl-solid);width:12px;height:12px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-hue) 60%, transparent), 0 0 0 1px var(--sl-line);border:0}.sl-range-input:focus-visible{outline:1px solid var(--sl-gold);outline-offset:3px}.sl-range-input:disabled{cursor:default}.sl-range.is-disabled{opacity:.45}.sl-input{gap:6px;min-width:0;display:grid}.sl-input-box{border-radius:var(--sl-radius);min-width:0;box-shadow:inset 0 0 0 1px var(--sl-line);gap:2px;padding:9px 14px 10px;transition:box-shadow .25s;display:grid}.sl-input-box:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-ink) 40%, transparent)}.sl-input-box:focus-within{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sl-ink) 60%, transparent)}.sl-input-toolbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.sl-input-toolbar-control{flex:none}.sl-input-dictation{border:1px solid var(--sl-line);border-radius:var(--sl-radius);min-height:26px;color:var(--sl-ink-3);font:500 .68rem/1 var(--sl-font-mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:3px 8px;display:inline-flex}.sl-input-dictation:hover:not(:disabled),.sl-input-dictation[aria-pressed=true]{border-color:var(--sl-gold);color:var(--sl-ink)}.sl-input-dictation:disabled{opacity:.5;cursor:not-allowed}.sl-input-cap{font-family:var(--sl-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sl-ink-3);font-size:.62rem}.sl-input-control{resize:vertical;width:100%;min-width:0;font-family:var(--sl-font-body);color:var(--sl-ink);background:0 0;border:0;outline:none;margin:0;padding:0;font-size:.95rem;line-height:1.5;display:block}.sl-input-control::placeholder{color:var(--sl-ink-3);opacity:1}.sl-input-control:disabled{opacity:.45}.sl-input-hint{color:var(--sl-ink-3);padding:0 2px;font-size:.76rem;line-height:1.4}.sl-utabs{scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--sl-line);flex-wrap:nowrap;gap:0 26px;display:flex;overflow-x:auto}.sl-utabs::-webkit-scrollbar{display:none}.sl-utab{cursor:pointer;white-space:nowrap;min-height:44px;font-family:var(--sl-font-display);letter-spacing:.04em;color:var(--sl-ink-3);background:0 0;border:0;flex:none;align-items:center;margin:0;padding:10px 0 11px;font-size:.92rem;text-decoration:none;transition:color .25s;display:inline-flex;position:relative}.sl-utab:after{content:"";border-bottom:1px solid var(--sl-gold);transform-origin:0;height:0;transition:transform .35s var(--sl-ease,ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.sl-utab:hover,.sl-utab.on{color:var(--sl-ink)}.sl-utab.on:after{transform:scaleX(1)}.sl-utab:focus-visible{outline:1px solid var(--sl-gold);outline-offset:2px}.sl-code{border-radius:var(--sl-radius);background:var(--sl-void);min-width:0;box-shadow:inset 0 0 0 1px var(--sl-line)}.sl-code-head{min-height:48px;box-shadow:inset 0 -1px 0 var(--sl-line);justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 6px 14px;display:flex}.sl-code-tabs{scrollbar-width:none;gap:0 18px;min-width:0;display:flex;overflow-x:auto}.sl-code-tabs::-webkit-scrollbar{display:none}.sl-code-tabs button,.sl-code-label{min-height:36px;font-family:var(--sl-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sl-ink-3);background:0 0;border:0;flex:none;margin:0;padding:0;font-size:.66rem;position:relative}.sl-code-label{align-items:center;display:inline-flex}.sl-code-tabs button{cursor:pointer;transition:color .2s}.sl-code-tabs button:hover,.sl-code-tabs button.on{color:var(--sl-ink)}.sl-code-tabs button:after{content:"";border-bottom:1px solid var(--sl-gold);transform-origin:0;transition:transform .3s var(--sl-ease,ease);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.sl-code-tabs button.on:after{transform:scaleX(1)}.sl-code-tabs button:focus-visible{outline:1px solid var(--sl-gold);outline-offset:2px}.sl-code-actions{flex:none;gap:8px;display:flex}.sl-code-body{overscroll-behavior:contain;max-height:26rem;font-family:var(--sl-font-mono);color:var(--sl-ink);white-space:pre;tab-size:2;scrollbar-width:thin;scrollbar-color:var(--sl-line) transparent;margin:0;padding:14px 16px 16px;font-size:.78rem;line-height:1.65;overflow:auto}.sl-code-body:focus-visible{outline:1px solid var(--sl-gold);outline-offset:-3px}.sl-code-c{color:var(--sl-ink-3)}@media (prefers-reduced-motion:reduce){.sl-toggle-box,.sl-toggle-box svg,.sl-utab,.sl-utab:after,.sl-code-tabs button:after{transition:none}}