.cw{--lh:22px;--pad:40px;--cw-gutter:color-mix(in srgb, var(--ink-2) 62%, var(--ink));background:var(--ink);color:var(--ink-fg);border:1px solid var(--ink-line);border-radius:var(--r-panel);box-shadow:var(--shadow);min-width:0;position:relative;overflow:hidden;container-type:inline-size}.cw :focus-visible{outline-color:var(--ink-acc)}.cw .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cw-bar{border-bottom:1px solid var(--ink-line);justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:52px;padding:0 14px 0 20px;display:flex}.cw-meta{min-height:50px;font:500 12px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:0 20px}.cw-meta .fn{text-transform:none;letter-spacing:.02em;white-space:nowrap;font-weight:400}.cw .tabs{align-self:stretch;gap:2px;min-width:0;margin-left:-10px;display:flex}.cw .opt{font:500 12.5px/1 var(--mono);color:var(--ink-2);white-space:nowrap;transition:color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease)}.cw .opt:hover{color:var(--ink-fg)}.cw .tab{align-items:center;min-height:44px;padding:0 10px;display:inline-flex;position:relative}.cw .tab[aria-selected=true]{color:var(--ink-fg)}.cw .tab[aria-selected=true]:after{content:"";background:var(--ink-fg);height:1px;position:absolute;bottom:-1px;left:10px;right:10px}.cw .opt:focus-visible{outline-offset:-3px}.cw .bar-r{align-self:stretch;align-items:center;gap:14px;display:flex}.cw .lt{align-self:stretch;align-items:center;display:flex}.cw .lt .opt{align-items:center;min-height:44px;padding:0 8px;display:inline-flex}.cw .lt .opt[aria-checked=true]{color:var(--ink-fg);text-decoration:underline;text-decoration-color:var(--ink-2);text-underline-offset:7px;text-decoration-thickness:1px}.cw .lt-short{display:none}.cw .copy{width:28px;height:28px;color:var(--ink-2);border:1px solid var(--ink-line);border-radius:var(--r-ctl);transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease)}.cw .copy:hover,.cw .copy.ok,.cw .copy.fail{color:var(--ink-fg);border-color:var(--ink-2)}.cw .copy .ic-ok{stroke:var(--ink-acc)}.cw .code{position:relative}.cw .code:focus-visible{outline-offset:-3px}.cw pre{min-height:calc(var(--n,0) * var(--lh) + var(--pad));font:400 13.5px/var(--lh) var(--mono);white-space:normal;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;color:var(--ink-fg);margin:0;padding:18px 0 22px;overflow-x:auto}.cw pre[hidden]{display:none}.cw pre:focus-visible{outline-offset:-3px}.cw pre.fade-r{mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.cw pre.fade-l{mask-image:linear-gradient(90deg,#0000,#000 40px)}.cw pre.fade-l.fade-r{mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.cw pre>code{counter-reset:ln;width:max-content;min-width:100%;display:block}.cw .l{white-space:pre;counter-increment:ln;padding:0 24px 0 16px;display:block}.cw .l:before{content:counter(ln);text-align:right;width:2.2em;color:var(--cw-gutter);-webkit-user-select:none;user-select:none;margin-right:1.4em;display:inline-block}.cw .hl .k,.cw .hl .f,.cw .hl .mdl{color:var(--ink-acc)}.cw .hl .s{color:var(--ink-fg)}.cw .hl .n,.cw .hl .c{color:var(--ink-2)}.cw .add{background:color-mix(in srgb, var(--ink-fg) 7%, transparent);box-shadow:inset 2px 0 0 var(--ink-2);color:var(--ink-fg)}.cw .add:before{content:"+";color:var(--ink-acc)}.cw .i2{vertical-align:top;width:0;display:inline-block;overflow:hidden}@media (width>=601px){.cw .i2{width:auto;display:inline}}@container (width<=620px){.cw .tab-x{display:none}}@media (width<=600px){.cw{--lh:20px;--pad:32px}.cw pre{padding:14px 0 18px;font-size:12px}.cw .l{padding:0 12px 0 6px}.cw .l:before{content:"";text-align:center;width:.75em;margin-right:3px}.cw .add:before{content:"+"}.cw pre.fade-r{mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000)}.cw pre.fade-l{mask-image:linear-gradient(90deg,#0000,#000 20px)}.cw pre.fade-l.fade-r{mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.cw-bar{gap:10px;min-height:48px;padding:0 12px 0 16px}.cw-meta{padding:0 16px}.cw .tabs{margin-left:-7px}.cw .tab{padding:0 7px;font-size:12px}.cw .tab[aria-selected=true]:after{left:7px;right:7px}.cw .tab-x{display:none}.cw .bar-r{gap:8px}.cw .lt .opt{padding:0 6px;font-size:12px}.cw .lt-full{display:none}.cw .lt-short{display:inline}}.cw--strip{box-shadow:none}.cw--strip pre{min-height:0;box-shadow:inset 2px 0 0 var(--ink-acc);padding:14px 16px;font-size:12.5px;line-height:20px}.cw--strip .l{padding:0}.cw--strip .l:before{content:none}
