');width:12px;height:12px;position:absolute;left:10px;top:12px}#content{flex:1;display:flex;flex-direction:column;min-width:0}#actionBar{flex:0 0 var(--litdev-drawer-header-height);margin-left:-100px;padding:0 1.3em 0 calc(100px + 1em);box-sizing:border-box;background-color:var(--sys-color-primary);color:var(--sys-color-on-primary);display:flex;justify-content:flex-end;align-items:center}#actionBar>*{margin-left:1em}#actionBar>button{font-family:"Open Sans",sans-serif;background-color:transparent;border:1px solid currentcolor;padding:.3em .5em;display:flex;color:inherit;align-items:center;font-size:16px;cursor:pointer}#tabsEditorAndPreview{flex:1;display:flex}#tabsAndEditor{width:var(--tabs-and-editor-width,60%);min-width:200px;display:flex;flex-direction:column}#tabsAndControls{display:flex;padding-right:8px;height:var(--playground-bar-height);box-sizing:border-box}playground-tab-bar{min-width:0;border-bottom:none;height:auto}playground-file-editor{flex:1 0 0}playground-preview{flex:1;height:unset;min-width:200px;margin-left:-3px}resize-bar{flex:0 0 auto}resize-bar[active]{background-color:var(--sys-color-secondary-container)}#verticalResizeBar{display:none}@media (max-width:864px){#tabsEditorAndPreview{flex-direction:column}#tabsAndEditor{width:initial;flex:1}playground-file-editor{min-height:100px}playground-preview{flex:0 0 var(--preview-height,45%);min-height:200px;margin-left:0;margin-top:-3px}#verticalResizeBar{display:initial}#horizontalResizeBar{display:none}}#actionBar lazy-svg::part(svg){width:24px;height:24px}litdev-playground-page[view-mode=code] #actionBar .splitscreen,litdev-playground-page[view-mode=preview] #actionBar .code,litdev-playground-page[view-mode=split] #actionBar .preview{display:contents}#actionBar lazy-svg,litdev-playground-page:not([view-mode=split]) .horizontalResizeBar,litdev-playground-page:not([view-mode=split]) .verticalResizeBar,litdev-playground-page[view-mode=code] #preview,litdev-playground-page[view-mode=preview] #tabsAndEditor{display:none}litdev-playground-page[view-mode=preview] #preview{--preview-height:100%;--preview-width:100%}litdev-playground-page[view-mode=code] #tabsAndEditor{--tabs-and-editor-width:100%}