.s1hfctpl{border-radius:8px;background-color:var(--color-background);color:var(--color-text);-webkit-print-color-scheme:dark;color-scheme:dark}.il1gxx9{margin-bottom:48px}@media (max-width:48rem){.il1gxx9{margin-bottom:32px}}.il1gxx9[data-stacked=true]{margin-bottom:16px}.i1j6zvew{--selection-background-color:rgba(139,133,173,.35);--playground-corner-radius:6px;--encroach-by-left:16px;--encroach-by-right:16px;--color-primary:#ffd500!important;position:relative;z-index:1;width:calc(100% + var(--encroach-by-left) + var(--encroach-by-right));margin-left:calc(var(--encroach-by-left) * -1);margin-right:calc(var(--encroach-by-right) * -1);border-radius:var(--playground-corner-radius);background:var(--syntax-bg);border:none;outline:1px solid var(--color-gray-200);outline-offset:-1px}html[data-color-mode=light] .i1j6zvew{outline:1px solid transparent}@media (max-width:35.1875rem){html[data-color-mode=light] .i1j6zvew{--playground-corner-radius:0}}.b1btlj5u .i1j6zvew{outline:none}@media (max-width:35.1875rem){.b1btlj5u .i1j6zvew{--encroach-by-left:calc(16px - var(--aside-border-width));--playground-corner-radius:0}}.f1xbttis{position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;flex-direction:column;background:var(--syntax-bg);border:none}.f1xbttis,.w15sqd9b{display:flex}.dhkb22d{border-radius:50%;opacity:0}.dhkb22d[data-is-filled=true]{opacity:1;animation:enterAnimation-dhkb22d .6s both}@keyframes enterAnimation-dhkb22d{0%{opacity:0}25%{opacity:1}to{opacity:.5}}.a6j6o3o{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;color:inherit;opacity:1}.a6j6o3o svg{display:block}.a6j6o3o:focus-visible{outline-color:var(--color-primary);outline-offset:-1px}.wy3w6yt{position:relative}.pszdhfz{position:absolute;top:4px;left:0;right:0;display:flex;justify-content:center}.s1vbyog2{animation:fadeToTransparent var(--animation-duration) both;animation-delay:var(--animation-delay)}.w15rf7yg{transform-origin:12px 12px}.skccez{transform-origin:18px 4px}.wsn2i55{transform-origin:center center}.w14j10eb{--header-top-corner-radius:var(--playground-corner-radius);position:relative;display:flex;justify-content:space-between;align-items:center;height:2rem;line-height:2rem;padding-left:var(--encroach-by-left);padding-right:var(--encroach-by-right);background:var(--color-gray-200);border-radius:var(--header-top-corner-radius) var(--header-top-corner-radius) 0 0}.tkoi9ui{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.au0cxa1{display:flex;gap:8px;margin-right:-10px;color:#fff}.ah084m5{width:32px;height:32px;display:flex;justify-content:center;align-items:center;opacity:1;color:inherit}.ah084m5 svg{display:block}.ah084m5:focus-visible{outline-color:var(--color-primary)}.w11udlg3.ah084m5{transform-origin:center center;transition:opacity .25s}@media (prefers-reduced-motion:no-preference){.w11udlg3.ah084m5{transition:transform .8s cubic-bezier(.17,.67,.36,1.04),opacity .25s}}.w198elmk{max-width:100%;overflow:hidden}@media (max-width:48rem){.w198elmk{border-radius:0;border-left:none;border-right:none}}.c1jztmaw{display:flex;flex-direction:column;align-items:stretch;height:100%}@media (min-width:48rem){.c1jztmaw{flex-direction:row}.f15xiyga{margin-right:-8px}.s1c0ceq0{margin-left:-8px}}.dijulrw{position:relative;z-index:2;cursor:default;padding:16px 0 0;pointer-events:auto}.dijulrw:focus-visible{outline-color:var(--color-primary)}.dijulrw:after,.dijulrw:before{content:"";height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.dijulrw:before{width:100%;height:1px;background-color:var(--color-gray-200)}@media (min-width:48rem){.dijulrw{width:16px;cursor:col-resize;padding:0}.dijulrw:after,.dijulrw:before{content:"";height:calc(100% - 8px);position:absolute;top:4px;left:0;right:0;bottom:4px;margin:auto}.dijulrw:before{width:1px;height:auto}.dijulrw:after{width:11px;background-color:rgba(43,51,59,.5);opacity:0;transition:opacity .5s;border-radius:3px}.dijulrw:hover:after{opacity:1;transition:opacity .25s}}.whrzwqb{padding-left:var(--encroach-by-left);padding-right:var(--encroach-by-right);padding-bottom:16px;display:flex;flex-direction:column;height:100%}.h1nlnw7n{display:flex;justify-content:space-between;align-items:center;color:#fff}.tbdao9h{text-transform:uppercase;font-size:1rem;line-height:46px;font-weight:var(--font-weight-bold);cursor:default;margin:0}.w1bgwmtf{position:relative;max-height:var(--max-height);overflow:auto;flex:1 1;scrollbar-color:var(--color-gray-300) var(--syntax-bg);scrollbar-width:thin;isolation:isolate}.f9ibg9h{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.f9ibg9h:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:4px}.c18okpq0{--color-primary:rgba(111,128,144,.25);background-color:var(--syntax-bg);color:var(--color-text);font-family:var(--font-family-mono);font-feature-settings:normal;padding:16px;border-radius:0;font-size:.875rem;line-height:1.3125rem}.c18okpq0 .token-line,.c18okpq0 .token-line *,.c18okpq0>textarea{outline:none!important;font-size:.875rem!important;line-height:1.4375rem!important}.w16o0eiw{padding:0 16px 16px;display:flex;flex-direction:column;height:100%;max-height:100%}.tt2ystl{display:flex;align-items:center;gap:16px;height:46px}.ts2dciv{text-transform:uppercase;font-size:1rem;font-weight:var(--weight);cursor:default;margin:0 -4px;padding:8px 4px;color:var(--color);cursor:pointer}.ts2dciv:focus-visible{outline-color:var(--color-primary);outline-offset:0}.ejxs6xt{background-color:var(--color-error);color:var(--color-background);padding:12px 16px;position:absolute;width:100%;bottom:0;box-sizing:border-box;border-radius:0 0 4px 4px;font-size:1rem;margin-bottom:0}.wqqdb70{flex:var(--flex);position:relative;border-radius:4px;background:#fff;resize:var(--resize);width:100%;max-width:100%;height:var(--height);min-height:250px;margin:0 auto;overflow:hidden;box-shadow:0 .4px .8px rgba(0,0,0,.028),0 1.3px 2.7px rgba(0,0,0,.042),0 6px 12px rgba(0,0,0,.07)}.sb475t4{position:absolute;z-index:100;top:16px;right:16px;opacity:.5;color:#000}.fxdlgbu{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.b1yqj86f{height:100%;flex:1 1}.b1yqj86f,.l7kkzg0{border-top:1px solid var(--color-gray-200)}.v18zw8yz{display:flex;flex-direction:column-reverse}@media (min-width:48rem){.v18zw8yz{flex-direction:column;height:100%}}
/*# sourceMappingURL=2b7f617b0955e18f.css.map*/