_site/functional_programming/assets/useMarimoWebSocket-CYiIF7o8.css

.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-grid-item.react-grid-placeholder{background-color:var(--grass-9)}.react-resizable-handle{visibility:hidden}.react-grid-item:hover .react-resizable-handle{visibility:visible}.dark .react-grid-item>.react-resizable-handle:after{border-bottom:2px solid hsla(0,0%,100%,.5);border-right:2px solid hsla(0,0%,100%,.5)}.disable-animation .react-grid-item{transition:none!important;transition-property:none!important}.react-grid-item .output img{height:100%;-o-object-fit:contain;object-fit:contain}#App.grid-bordered{background-color:var(--slate-1)}.tiny-code .cm-editor{font-size:8px;margin:0;padding:0}.tiny-code .cm-editor .cm-scroller{line-height:11px;overflow-x:hidden}.app-sidebar .markdown{display:block;padding-left:1.25rem;padding-right:1.25rem}.app-sidebar{container-name:app-sidebar;container-type:inline-size}@container app-sidebar (max-width: 230px){.app-sidebar[data-expanded=false] .markdown{display:none}}