.s1hfctpl{border-radius:8px;background-color:var(--color-background);color:var(--color-text);-webkit-print-color-scheme:dark;color-scheme:dark}.io76lfy{margin-top:16px;margin-bottom:48px}@media (max-width:48rem){.io76lfy{margin-bottom:32px}}.io76lfy[data-stacked=true]{margin-bottom:16px}.w5hp34c{background:var(--syntax-bg);border:none}.w5hp34c[data-is-fullscreened=false]{position:relative;z-index:1;width:calc(100% + 16px * 2);margin-inline:calc(16px * -1);border-radius:6px;outline:1px solid var(--color-gray-100)}@media (max-width:35.1875rem){.w5hp34c[data-is-fullscreened=false]{border-radius:0;outline:none;border-bottom:2px solid var(--color-gray-100)}}.w5hp34c[data-is-fullscreened=true]{position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;display:flex;flex-direction:column}.w5hp34c[data-is-fullscreened=true] .sp-wrapper{flex:1 1;height:100%}.w5hp34c .sp-cm{padding-top:16px;padding-bottom:8px;animation:fadeIn 125ms}.w5hp34c .sp-code-editor{scrollbar-width:thin}.w5hp34c .sp-tabs{border-bottom-color:var(--color-gray-100)}.w5hp34c .sp-stack{height:100%}.w5hp34c .sp-cm:focus-visible .cm-editor{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:4px}.w5hp34c .cm-editor *{line-height:1.5}.w5hp34c .cm-content{padding:0 8px!important}.w5hp34c .cm-scroller{overflow:visible!important;padding:0!important}.w5hp34c .cm-line{padding:0 8px!important}.w5hp34c .cm-activeLine{background-color:rgba(108,127,147,.165)!important}.w5hp34c .cm-gutters{margin-right:-4px}.w5hp34c .cm-lineNumbers{font-size:.9em!important;color:var(--color-gray-500)}.w5hp34c .sp-pre-placeholder{margin:0!important;padding:0 16px!important;line-height:1.5}.w5hp34c .sp-tab-button{border-bottom:1px solid transparent;transition:border-bottom .15s ease-out}.w5hp34c .sp-tab-button[data-active=true]{color:#fff;border-bottom:1px solid var(--sp-colors-accent)}.w5hp34c .sp-tab-button:focus-visible{outline:2px auto var(--color-primary);outline-offset:-2px;color:var(--sp-colors-fg-active)}.w5hp34c .sp-tab-button[data-active=true]:focus-visible{border-bottom:1px solid transparent}.fegvmv9{container-type:inline-size}@media (min-width:66.51rem){.t1e31uhj .fegvmv9{position:relative;-ms-grid-column:2;-ms-grid-column-span:2;grid-column:2/4}.t1e31uhj .fegvmv9:before{content:"";display:block;position:absolute;background:var(--color-background);width:18.625rem;height:116%;top:-8%;right:0;filter:blur(30px)}}@media (max-width:66.5rem){.t1e31uhj .fegvmv9{grid-column:1/-1;padding-inline:var(
        --horizontal-padding,var(--viewport-padding)
      );margin-inline:auto;width:100%;max-width:var(--max-width,68.75rem)}}.a1perbvc .fegvmv9{position:relative;grid-column:1/-1;padding-inline:var(
      --horizontal-padding,var(--viewport-padding)
    );margin-inline:auto;width:100%;max-width:var(--max-width,68.75rem)}@media (min-width:61.625rem){.a1perbvc .fegvmv9:before{content:"";display:block;position:absolute;background:var(--color-background);width:12rem;height:116%;top:-8%;right:0;filter:blur(30px)}}.l1etwsvd{transition:stroke .25s;stroke-linecap:round;stroke-linejoin:round}.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}.w1nr0b8d{transform-origin:center center}.s1k9z937{display:block;overflow:visible;transform-origin:50% var(--origin-y);will-change:transform}@media (prefers-reduced-motion:no-preference){.s1k9z937{animation:expand-s1k9z937 .5s}}.s1k9z937 path{fill:currentColor;stroke:none}@keyframes expand-s1k9z937{0%{opacity:.1}1%{opacity:1;transform:scaleY(.2)}}.t1cz8cv8{position:relative;display:inline-block;cursor:default;line-height:1}.p1lgzcrp{--curve:cubic-bezier(0.17,0.67,0.37,1);display:none}.p1lgzcrp[popover]{position:absolute;inset:auto;flex-direction:column;width:max-content;height:max-content;max-width:19rem;margin:auto;border:0;padding:0;background:transparent;overflow:hidden;overflow:clip}.p1lgzcrp[popover]:popover-open{display:flex}.p1lgzcrp[popover].\:popover-open{display:flex}html[data-color-mode=dark] .p1lgzcrp{--tooltip-color:#000;--tooltip-bg:var(--color-adaptive-white)}html[data-color-mode=light] .p1lgzcrp{--tooltip-color:#fff;--tooltip-bg:var(--color-primary)}.p1lgzcrp[data-direction^=n]:popover-open{animation:slideUp-p1lgzcrp .45s both var(--curve)}.p1lgzcrp[data-direction^=n].\:popover-open{animation:slideUp-p1lgzcrp .45s both var(--curve)}@keyframes slideUp-p1lgzcrp{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}@keyframes slideDown-p1lgzcrp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}.p1lgzcrp[data-direction^=s]:popover-open{animation:slideDown-p1lgzcrp .45s both var(--curve)}.p1lgzcrp[data-direction^=s].\:popover-open{animation:slideDown-p1lgzcrp .45s both var(--curve)}.p833mxt{display:block;padding:1rem 1.5rem;border-radius:4px;text-align:center;color:var(--tooltip-color);background:var(--tooltip-bg)}html[data-color-mode=dark] .p833mxt{--selection-background-color:#ffec8f;--selection-text-color:#000}html[data-color-mode=light] .p833mxt{--selection-background-color:#1f1ab3;--selection-text-color:#fff}.pj0hw36{display:block;animation:fadeIn .3s .2s both;-webkit-user-select:all;-moz-user-select:all;user-select:all}.s1vq0yeh{margin-inline:auto;color:var(--tooltip-bg)}.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}}.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}.w1jngkvq,.wsn2i55{transform-origin:center center}.w1jngkvq{transition:opacity .25s}.wqhni94{position:relative;display:flex;justify-content:space-between;min-height:32px;line-height:2rem;padding:0 16px;background:var(--color-gray-100);border-radius:5px 5px 0 0}@media (max-width:35.1875rem){.wqhni94{border-radius:0}}.takdomy{font-size:.875rem;line-height:inherit;font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.a1bczmae{display:flex;gap:8px;margin-right:-10px;color:var(--color-text)}@media (max-width:35.1875rem){.a1bczmae{display:none}}.wz6vz5e{padding-top:0;padding-bottom:8px;height:100%;font-size:.875rem}.whty8xo{transform-origin:center center;transition:opacity .25s;color:inherit}@media (prefers-reduced-motion:no-preference){.whty8xo{transition:transform .8s cubic-bezier(.17,.67,.36,1.04),opacity .25s}}.w11fipa1{transform-origin:center center;transition:opacity .25s;color:inherit}@media (prefers-reduced-motion:no-preference){.w11fipa1{transition:transform .8s cubic-bezier(.17,.67,.36,1.04),opacity .25s}}.w1n7upnl{display:flex;align-items:center;height:2.5rem;border-bottom:1px solid var(--color-gray-100);padding:0 16px}.tv02bcs{height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 8px;margin-bottom:-1px;border-bottom:1px solid transparent;color:var(--sp-colors-clickable);text-transform:capitalize}.tv02bcs:first-of-type{margin-left:-8px}.tv02bcs:focus-visible{outline-color:var(--color-primary);outline-offset:-1px}.a5rk396.tv02bcs{color:#fff;border-bottom-color:var(--color-primary)}.a1puyu63{margin-left:auto;margin-right:-10px}.wodakp4{display:flex;gap:8px;align-items:flex-start;font-family:var(--font-family-mono);white-space:pre-wrap;color:var(--color)}.wodakp4:not(:last-of-type){padding-bottom:16px;border-bottom:1px dashed var(--color-gray-200);margin-bottom:16px}.i1r571h9{min-width:16px;transform:translateY(5px)}.ikoec29{flex:1 1}.i1ywvga7{display:block;animation:fadeFromTransparent .3s}.i1ywvga7 .sp-cm{padding:0}.i1ywvga7 .cm-content,.i1ywvga7 .cm-line{padding-left:0!important}.i1ywvga7.i1ywvga7 .sp-pre-placeholder{opacity:1;margin-left:0!important;background:transparent!important}.i1ywvga7:not(:last-of-type){margin-bottom:8px}.w9st8ae{list-style-type:none;max-height:100%;overflow:auto;overflow-wrap:break-word;overflow-wrap:anywhere;padding:0}.i13sqsb4{--color-primary:#ffd500;background:transparent;border:none;height:100%;display:flex;flex-direction:column}.cwadq0p{position:relative;scrollbar-width:thin}.r15tdzfk{display:flex;flex-direction:column;height:100%;padding:0;border-top:1px solid var(--color-gray-100);font-size:.875rem}.r29zulw{position:relative;padding:16px;height:var(--height);isolation:isolate}.r1fige5{border-radius:4px;overflow:hidden;overflow:clip;height:100%}.r1fige5 iframe{background:var(--iframe-background-color)}.c1xyggd{position:absolute;top:15px;left:15px;right:15px;bottom:15px;padding:1px;z-index:4;background:var(--syntax-bg);transition:opacity .2s var(--transition-delay);pointer-events:var(--pointer-events)}.c1xyggd,.c1xyggd>*{opacity:var(--opacity)}.c1xyggd>*{transition:opacity .2s var(--child-delay)}.prqec4b{flex:1 1}.c19l1n8l,.prqec4b{display:flex;flex-direction:column}.c19l1n8l{height:250px}.wpmelzo{max-width:100%;overflow:hidden;flex:1 1;container-type:inline-size}@media (max-width:48rem){.wpmelzo{border-radius:0;border-left:none;border-right:none}}.c57y05s{height:100%;display:flex;flex-direction:column}@container (min-width: 43.75rem){.c57y05s{flex-direction:row;align-items:stretch}.p1po48jq{flex:var(--desktop-flex);min-width:200px}}.fi4glkm.p1po48jq{flex:1 1;min-height:200px}@container (min-width: 43.75rem){.fi4glkm.p1po48jq{margin-right:-8px;flex:var(--desktop-flex);min-height:unset}}.sm0fezx.p1po48jq{border-top:1px solid var(--color-gray-100)}@container (min-width: 43.75rem){.sm0fezx.p1po48jq{margin-left:-8px;border-top:none}}.d5w3fkw{display:none}@container (min-width: 43.75rem){.d5w3fkw{display:block;position:relative;z-index:2;pointer-events:auto;width:16px;cursor:col-resize;padding:0}.d5w3fkw:after,.d5w3fkw:before{content:"";height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.d5w3fkw:before{width:1px;height:auto;background-color:var(--color-gray-100)}.d5w3fkw:after{width:11px;background-color:rgba(43,51,59,.5);opacity:0;transform:scaleX(0);transition:opacity .5s,transform .5s}.d5w3fkw:hover:after{opacity:1;transform:scaleX(1);transition:opacity .25s,transform .5s cubic-bezier(.17,.67,.44,1)}}.ibsvt7h{--color-primary:#ffd500;background:transparent;border:none;height:100%;display:flex;flex-direction:column}.ibsvt7h .sp-code-editor{max-height:calc(100lvh - 5rem - 100px)}.r1w674po{display:flex;flex-direction:column;height:100%;padding:0;font-size:.875rem}.r14pemjt{flex:1 1;position:relative;padding:16px;isolation:isolate}.r1lwkt8c{border-radius:4px;overflow:hidden;overflow:clip;height:100%}.r1lwkt8c iframe{background:var(--iframe-background-color)}.cvykehj{position:absolute;top:15px;left:15px;right:15px;bottom:15px;padding:1px;z-index:4;background:var(--syntax-bg);transition:opacity .2s var(--transition-delay);pointer-events:var(--pointer-events)}.cvykehj,.cvykehj>*{opacity:var(--opacity)}.cvykehj>*{transition:opacity .2s var(--child-delay)}.ps80g1r{flex:1 1}.cgb9yb1,.ps80g1r{display:flex;flex-direction:column}.cgb9yb1{height:250px;border-top:1px solid var(--color-gray-100)}
/*# sourceMappingURL=0fc4caba7e39bcdf.css.map*/