.playground-page{color:#b1bad1;background:#111520;width:100%;height:100%;display:flex}.playground-page .playground-main-content-wrap{width:100%}.playground-page .playground-main-content-wrap .side-menu-wrap{background:#0d1018;height:100%}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu{flex-direction:column;height:100%;display:flex}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list{height:100%}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item{min-height:100px}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item .group-name-item{justify-content:space-between;align-items:center;display:flex}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item .group-name-item .name-wrap{width:calc(100% - 45px)}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item .group-name-item .name-wrap .title-val{color:#ccd2e0;word-break:break-word;margin:4px 0 8px;font-size:15px;line-height:1.2}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item .group-name-item .btn-wrap{gap:4px;display:none}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item .group-name-item .btn-wrap .btn{color:#6a97fa;background:0 0;border:1px solid #4073e26e;border-radius:6px;padding:2px 6px;transition:background .2s,border .2s}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item .group-name-item .btn-wrap .btn:hover{background:#4c7ee946;border-color:#4073e2a6}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item .group-name-item .btn-wrap .btn-danger{color:#ff6b6b;border-color:#ff6b6b60}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item .group-name-item .btn-wrap .btn-danger:hover{background:#ff505033;border-color:#ff6b6b}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item .group-details{margin-top:2px;padding-left:4px}.playground-page .playground-main-content-wrap .side-menu-wrap .side-menu .card-item-list .card-item .group-details .accessed-ago{color:#d0d7e3;opacity:.7;font-size:11px}.playground-page .playground-main-content-wrap .playground-editor-and-menu-wrap{width:100%;height:100%}.playground-page .playground-main-content-wrap .playground-editor-and-menu-wrap .playground-page-menu{background-color:var(--color-canvas-subtle);height:33px;display:flex;position:relative}.playground-page .playground-main-content-wrap .playground-editor-and-menu-wrap .playground-page-menu .btn{margin:3px}.playground-page .playground-main-content-wrap .playground-editor-and-menu-wrap .playground-page-menu .replay-btn{color:#adff2f}.playground-page .playground-main-content-wrap .playground-editor-and-menu-wrap .playground-editor-wrap{width:100%;height:calc(100% - 33px)}.playground-page .playground-main-content-wrap .side-pane-wrap{height:100%}.playground-page .playground-main-content-wrap .side-pane-wrap .notes-page .editor-container{padding-left:10px;padding-right:5px}.playground-page .playground-main-content-wrap .side-pane-wrap .notes-page .flow-editor{font-size:small}.playground-page .playground-main-content-wrap .side-pane-wrap .notes-page .flow-editor .te-editable>div{padding-left:30px}.playground-page .playground-main-content-wrap .side-pane-wrap .notes-page .flow-editor .te-editable>div:before{width:30px}