.code-playground{--practice-line:#e5e1ed;--practice-purple:#6e56af;--practice-dark:#252330;border:1px solid var(--practice-line);color:#36313f;background:#fff;border-radius:15px;margin:28px 0;scroll-margin-top:24px;font-size:13px;line-height:1.7;overflow:hidden}.code-playground [hidden]{display:none!important}.code-playground button,.code-playground select,.code-playground textarea{font:inherit}.code-playground button,.code-playground select{cursor:pointer}.code-playground button:focus-visible,.code-playground select:focus-visible,.code-playground textarea:focus-visible{outline-offset:-2px;outline:2px solid #9876ca}.code-playground button:disabled{opacity:.4;cursor:default}.practice-summary{cursor:pointer;background:#faf8fd;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;list-style:none;display:flex}.practice-summary::-webkit-details-marker{display:none}.practice-summary>span:first-child{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.practice-summary strong{letter-spacing:-.4px;font-size:15px;font-weight:600}.practice-summary small{color:#8c8199;font-size:12px}.practice-mark{color:#9275ad;font:600 19px Consolas,monospace}.practice-summary-action{white-space:nowrap;color:#836598;font-size:11px}.code-playground[open] .practice-summary{border-bottom:1px solid var(--practice-line)}.practice-topbar{flex-wrap:wrap;align-items:center;gap:20px;padding:18px 22px 9px;display:flex}.practice-topbar label{color:#8d8197;align-items:center;gap:9px;font-size:11px;display:flex}.practice-topbar select{border:1px solid var(--practice-line);color:#50425e;background:#fff;border-radius:6px;min-width:120px;max-width:100%;padding:7px 25px 7px 10px;font-size:12px}.practice-example-label{flex:1;min-width:0}.practice-example-label select{flex:1;min-width:0;max-width:440px}.practice-expand{color:#8b719f;white-space:nowrap;margin-left:auto;font-size:11px}.practice-context{color:#8c8199;justify-content:space-between;gap:12px;padding:0 23px 15px;font-size:11px;display:flex}.practice-context a{color:#8b719f;white-space:nowrap}.practice-workspace{border:1px solid var(--practice-line);border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 22px;display:grid;overflow:hidden}.practice-input{background:var(--practice-dark);min-width:0}.practice-filebar{background:#302d3d;border-bottom:1px solid #3a3649;align-items:stretch;min-height:43px;padding:0 8px;display:flex;overflow-x:auto}.practice-filebar button{color:#a69ab4;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 11px;font:11px/1.4 Consolas,monospace}.practice-filebar button[aria-pressed=true]{color:#f0e8ff;border-bottom-color:#b596df}.practice-code-wrap{min-width:0;height:350px;display:flex;overflow:hidden}.practice-code-wrap textarea{resize:none;outline-offset:-3px;color:#f1edf7;tab-size:2;white-space:pre;caret-color:#d7b7ff;background:0 0;border:0;flex:1;width:0;height:100%;padding:18px 15px 28px 8px;font:13px/1.85 Consolas,SFMono-Regular,Malgun Gothic,monospace;display:block;overflow:auto}.practice-lines{text-align:right;white-space:pre;color:#756d83;user-select:none;flex:0 0 44px;padding:18px 10px 28px 0;font:12px/24.05px Consolas,monospace;overflow:hidden}.practice-stdin{color:#c1b2ce;background:#2b2837;border-top:1px solid #3f394d}.practice-stdin summary{cursor:pointer;padding:11px 15px;font-size:11px}.practice-stdin summary span{color:#8d819b;margin-left:8px;font-size:9px}.practice-stdin textarea{resize:vertical;color:#ded3eb;box-sizing:border-box;background:#252330;border:0;border-top:1px solid #3a3547;width:100%;height:100px;padding:12px 16px;font:12px/1.7 Consolas,monospace;display:block}.practice-result{border-left:1px solid var(--practice-line);background:#fefefe;flex-direction:column;min-width:0;display:flex;position:relative}.practice-result-bar{border-bottom:1px solid var(--practice-line);flex-wrap:wrap;align-items:center;gap:8px;min-height:43px;padding:0 14px;display:flex}.practice-result-bar strong{margin-right:auto;font-size:11px;font-weight:500}.practice-result-bar>span{color:#94849f;overflow-wrap:anywhere;max-width:100%;font-size:10px}.practice-result-bar button{color:#9c8ba9;background:0 0;border:0;padding:4px 6px;font-size:9px}.practice-result-bar button[aria-pressed=true]{color:#6e4b8d;background:#f1ebf7;border-radius:4px}.practice-empty{text-align:center;color:#b1a4bd;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:25px;display:flex}.practice-empty>span{color:#c9b9d9;margin-bottom:15px;font-size:32px;font-weight:300}.practice-empty strong{color:#94849f;font-size:12px;font-weight:500}.practice-empty p{margin:8px 0;font-size:11px}.practice-frame-wrap{background:#eeeaf3;justify-content:center;width:100%;min-width:0;display:flex;overflow-x:auto}.practice-preview{background:#fff;border:0;flex:1;width:100%;min-width:0;height:350px;display:block}.practice-frame-wrap.is-narrow .practice-preview{flex:0 0 390px;max-width:390px}.practice-console{white-space:pre-wrap;overflow-wrap:anywhere;color:#554461;max-height:350px;margin:0;padding:16px 18px;font:12px/1.85 Consolas,Malgun Gothic,monospace;overflow:auto}.practice-frame-wrap:not([hidden])~.practice-console{border-top:1px solid var(--practice-line);max-height:160px}.practice-tables{max-height:350px;padding:10px 14px;overflow:auto}.practice-table-scroll{overflow:auto}.practice-tables table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.practice-tables caption{text-align:left;color:#9b88a9;padding:7px 0;font-size:10px}.practice-tables th,.practice-tables td{text-align:left;border:1px solid #e9e3ef;padding:9px 12px}.practice-tables th{color:#736181;background:#f5f0fa;font-weight:500}.practice-tables:not([hidden])~.practice-console,.practice-comparison:empty{display:none}.practice-comparison{color:#a68045;background:#fcf8ef;border-top:1px solid #eee7d8;margin:auto 0 0;padding:12px 16px;font-size:11px}.practice-comparison.is-match{color:#588774;background:#f0f7f3;border-color:#dcebe3}.practice-error-help{border-top:1px solid var(--practice-line);color:#9b657c;background:#fcf6f8;margin:0;padding:13px 16px;font-size:11px;line-height:1.9}.practice-error-help a{text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.practice-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:17px 22px 12px;display:flex}.practice-actions button{border:1px solid var(--practice-line);color:#897493;background:#fff;border-radius:6px;padding:8px 12px;font-size:11px}.practice-actions .practice-run{color:#fff;background:#6f568d;border-color:#6f568d;padding:9px 15px}.practice-run kbd{color:#cfbedf;margin-left:12px;font-size:9px}.practice-action-space{flex:1}.practice-footnote{color:#a293ae;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;padding:0 23px 17px;font-size:10px;display:flex}.practice-expected{border-top:1px solid var(--practice-line);color:#8c779c;padding:13px 23px;font-size:11px}.practice-expected summary{cursor:pointer}.practice-expected pre{white-space:pre-wrap;color:#776581;font:12px/1.9 Consolas,monospace}.practice-expected p{font-size:10px}.playground-page{padding-top:60px;padding-bottom:80px}.playground-heading{text-align:center;margin-bottom:35px}.playground-heading h1{letter-spacing:-1.8px;margin:15px 0;font-size:38px;font-weight:600;line-height:1.5}.playground-heading h1 span{color:#857591}.playground-heading>p:not(.eyebrow){color:#a395ae;font-size:13px;line-height:1.95}.playground-language-list{color:#9f8bad;margin:18px 0 0;font:10px/1.8 Consolas,monospace}.playground-language-list span{color:#cebedb;padding:0 10px}.playground-standalone .practice-code-wrap,.playground-standalone .practice-preview{height:430px}.playground-standalone .practice-summary-action{display:none}.playground-next{color:#8c779e;border-bottom:1px solid #ebe5ef;align-items:center;gap:22px;margin:28px 0;padding:25px 4px;font-size:12px;display:flex}.playground-next>div{margin-right:auto}.playground-next strong{color:#766380;font-size:13px;font-weight:500}.playground-next p{color:#a798b0;margin:6px 0;font-size:11px}.playground-next a{white-space:nowrap}.playground-home-link{color:#847192;background:#f7f4fb;border:1px solid #e6e0ef;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin:25px 0;padding:25px 28px;display:flex}.playground-home-link strong{color:#756083;font-size:17px;font-weight:500}.playground-home-link p{color:#9c8aaa;margin:8px 0 0;font-size:12px}.playground-home-link>span{white-space:nowrap;font-size:12px}.practice-jump{color:#88669e;border-bottom:1px solid #ccb4dd;margin:3px 0 20px;padding-bottom:4px;font-size:12px;display:inline-block}@media (width<=1000px){.article-body .practice-workspace{grid-template-columns:1fr}.article-body .practice-result{border-left:0;border-top:1px solid var(--practice-line)}.practice-summary small{display:none}.practice-topbar{gap:12px}.practice-standalone .practice-expand{display:none}}@media (width<=700px){.practice-workspace{grid-template-columns:1fr;margin:0 12px}.practice-result{border-left:0;border-top:1px solid var(--practice-line)}.practice-summary{padding:18px 16px}.practice-summary strong{font-size:14px}.practice-summary-action{font-size:10px}.practice-topbar{gap:10px;padding:15px 13px 10px}.practice-topbar label{font-size:10px}.practice-topbar select{min-width:110px;min-height:36px;font-size:12px}.practice-example-label{flex-basis:100%;order:3}.practice-context{gap:8px;padding:0 14px 12px}.practice-context span{overflow-wrap:anywhere}.practice-context a,.practice-expand{font-size:10px}.practice-code-wrap,.playground-standalone .practice-code-wrap{height:310px}.practice-code-wrap textarea{font-size:13px}.practice-preview,.playground-standalone .practice-preview{height:360px}.practice-lines{flex-basis:33px;font-size:10px}.practice-actions{gap:6px;padding:14px 12px 12px}.practice-actions button{min-height:38px;padding:9px 10px}.practice-run kbd{display:none}.practice-footnote{gap:5px;padding:0 14px 16px;font-size:10px}.playground-page{padding-top:38px;padding-bottom:45px}.playground-heading{margin-bottom:26px}.playground-heading h1{letter-spacing:-1.4px;font-size:30px}.playground-heading>p:not(.eyebrow){font-size:12px}.playground-language-list{font-size:9px}.playground-language-list span{padding:0 4px}.playground-next{flex-wrap:wrap;gap:12px 20px;padding:15px 0}.playground-next>div{flex-basis:100%}.playground-home-link{padding:22px 18px}.playground-home-link strong{font-size:15px}.playground-home-link>span{font-size:11px}}.code-playground .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.practice-frame-wrap.is-narrow{justify-content:flex-start}.practice-frame-wrap.is-narrow .practice-preview{margin-inline:auto}