.dropdown_dropdown__Tr6Mq{position:relative}.dropdown_toggle__6yzTh{display:flex;align-items:center;gap:.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;color:var(--fiddle-text-color,inherit)}.dropdown_toggle__6yzTh:hover{background-color:var(--fiddle-selection-color,rgba(128,128,128,.2))}.dropdown_menu__AdVIc{position:absolute;right:0;bottom:calc(100% + .25rem);z-index:10;min-width:10rem;margin:0;padding:.25rem;list-style:none;border-radius:.5rem;border:1px solid var(--fiddle-border-color,rgba(128,128,128,.3));background-color:var(--fiddle-surface-color,canvas);box-shadow:0 4px 16px rgba(0,0,0,.2)}.dropdown_item__n3AqK{display:block;width:100%;text-align:left;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;color:var(--fiddle-text-color,inherit);white-space:nowrap}.dropdown_item__n3AqK:hover{background-color:var(--fiddle-active-color,rgba(128,128,128,.15))}.dropdown_itemActive__r__DL{background-color:var(--fiddle-selection-color,rgba(128,128,128,.25))}.styles_root___Ml5F{--fiddle-surface-color:#ffffff;--fiddle-background-color:#f6f7f8;--fiddle-border-color:rgba(0,0,0,0.1);--fiddle-active-color:rgba(0,0,0,0.05);--fiddle-selection-color:rgba(0,0,0,0.1);--fiddle-muted-color:rgba(0,0,0,0.4);--fiddle-text-color:#1c1e21;--fiddle-error-color:#e13238;--fiddle-error-background:rgba(225,50,56,0.08);--fiddle-accent-color:#737373;--fiddle-pre-padding:1rem;--hl-color:rgb(57,58,52);--hl-background:var(--fiddle-surface-color);--hl-comment:#999988;--hl-keyword:#00009f;--hl-number:#36acaa;--hl-string:#e3116c;--hl-punctuation:#393a34;--hl-constant:#36acaa;--hl-variable:var(--hl-color);--hl-tag:#00009f;--hl-function:#d73a49;--hl-class:#00009f;--hl-char:rgb(209,105,105);position:relative;border:1px solid var(--fiddle-border-color);border-radius:.5rem;overflow:hidden;margin:1.5rem 0;color:var(--fiddle-text-color)}.dark .styles_root___Ml5F{--fiddle-surface-color:#161616;--fiddle-background-color:#0a0a0a;--fiddle-border-color:rgba(255,255,255,0.12);--fiddle-active-color:rgba(255,255,255,0.05);--fiddle-selection-color:rgba(255,255,255,0.12);--fiddle-muted-color:rgba(255,255,255,0.35);--fiddle-text-color:#e3e3e3;--fiddle-error-color:#ff5c57;--fiddle-error-background:rgba(255,92,87,0.1);--fiddle-accent-color:#a3a3a3;--hl-color:#f8f8f8;--hl-comment:rgb(106,153,85);--hl-keyword:rgb(86,156,214);--hl-number:rgb(181,206,168);--hl-string:rgb(206,145,120);--hl-punctuation:rgb(212,212,212);--hl-constant:rgb(100,102,149);--hl-variable:rgb(156,220,254);--hl-tag:rgb(78,201,176);--hl-function:rgb(220,220,170);--hl-class:rgb(78,201,176);--hl-char:rgb(209,105,105)}.styles_root___Ml5F:focus-within .styles_layoutControl__lLUHV,.styles_root___Ml5F:hover .styles_layoutControl__lLUHV{opacity:1}.styles_layoutControl__lLUHV{z-index:1;transition:opacity .2s ease-in-out;opacity:0;display:flex;column-gap:.2rem;position:absolute;right:calc(var(--fiddle-pre-padding) / 2);top:calc(var(--fiddle-pre-padding) / 2)}.styles_layoutControl__lLUHV .styles_icon__KruhF{transition:color .1s ease-in-out;color:var(--fiddle-muted-color)}.styles_icon__KruhF.styles_active__TQKCc{color:var(--fiddle-text-color);pointer-events:none}.styles_progress__2BjXl{height:1px;margin-bottom:-1px;position:relative;z-index:1;background-color:var(--fiddle-accent-color)}.styles_controls__vb7QK{background-color:var(--fiddle-surface-color);display:flex;border-bottom:1px solid var(--fiddle-border-color);border-top:1px solid var(--fiddle-border-color)}.styles_previewOnly__3EVDR .styles_controls__vb7QK{border-bottom:none}.styles_section__AghlM{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px}.styles_section__AghlM.styles_disabled__i7wst{opacity:.5;pointer-events:none}.styles_section__AghlM:first-child{flex-basis:100%;justify-content:start}.styles_section__AghlM:last-child{flex-basis:100%;justify-content:end}.styles_icon__KruhF{cursor:pointer;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--fiddle-text-color);transition:background .1s ease-in-out}.styles_icon__KruhF:hover{background-color:var(--fiddle-selection-color);color:var(--fiddle-text-color)}.styles_root___Ml5F button{appearance:none;background-color:unset;border:none;font:inherit}.styles_error__8dISD{border-radius:0;margin:0;padding:var(--fiddle-pre-padding);border-top:1px solid var(--fiddle-error-color);border-bottom:1px solid var(--fiddle-error-color);background-color:var(--fiddle-error-background);color:var(--fiddle-text-color);font-family:var(--font-ibm-plex-mono),monospace;font-size:.8125rem;white-space:pre-wrap}.styles_root___Ml5F .styles_editor__L13Z_ .styles_source__p0uds{display:none}.styles_root___Ml5F .styles_editor__L13Z_ .styles_source__p0uds pre{margin:0;border:none;border-radius:0;background-color:var(--hl-background)}.styles_root___Ml5F .styles_editor__L13Z_ .styles_source__p0uds:first-child:last-child{display:block}.styles_preview__5Kt3t{background-color:var(--fiddle-surface-color);overflow:hidden;display:flex;align-items:center;justify-content:center}.styles_preview__5Kt3t canvas{max-width:100%;max-height:100%}.styles_button__bMUhI{cursor:pointer;height:2rem;padding:0 .375rem;color:var(--fiddle-text-color);gap:.5rem;display:flex;align-items:center}.styles_button__bMUhI kbd{border:1px solid var(--fiddle-border-color);border-radius:.25rem;padding:0 .3rem;font-size:.75rem;font-family:var(--font-ibm-plex-mono),monospace}.styles_picker__4Qai_{margin-right:.375rem}.styles_codeOnly__Y9Tvd .cm-editor,.styles_codeOnly__Y9Tvd .styles_controls__vb7QK,.styles_codeOnly__Y9Tvd .styles_error__8dISD,.styles_codeOnly__Y9Tvd .styles_preview__5Kt3t,.styles_codeOnly__Y9Tvd .styles_progress__2BjXl{display:none!important}.styles_codeOnly__Y9Tvd .styles_editor__L13Z_ .styles_source__p0uds{display:block}.styles_previewOnly__3EVDR .styles_editor__L13Z_{display:none}