body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1c2b78;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;height:100%;margin:0}a{color:red}a:visited{color:grey}li,p{line-height:1.5}li{margin-bottom:.1em;margin-top:.1em}code{font-family:Courier New,source-code-pro,Menlo,Monaco,Consolas,monospace}.line-highlight{background-color:blue!important;transition:none}.line-highlight.fade-out{background-color:initial!important;transition:background-color 1s ease!important}.outer-container{display:flex;flex-direction:column;height:calc(100vh - 10px);padding:5px}.flex-container{display:flex;flex:1 1;flex-shrink:0;height:auto}.flex-child{border:1px solid #373737;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:auto;min-width:0}#container{background-color:grey;color:#000;flex-grow:1;flex-shrink:0;height:auto;min-height:250px;overflow:visible}.center-content{align-items:center;justify-content:flex-end}.button-container{background-color:#7b7f7b;border-radius:8px;cursor:pointer;margin:5px}.active,.button-container:hover{background-color:#fff}.invisible-button{background-color:#000;border:none;cursor:pointer;display:flex;margin:5px;padding:0}.icon{border-radius:8px;flex:1 1;max-height:25px;max-width:35px}.icon:hover{background-color:#fff}.inactive{background-color:#7b7f7b}.p5-container{padding:2px}.canvas-container,.p5-container{display:flex;flex:1 1;flex-direction:column}.canvas-container{background-color:#d3d3d3;border:1px solid gray;overflow:hidden}.span-container{align-items:center;display:flex;justify-content:space-between;margin-right:4px}.intro-container{border:1px solid gray;overflow:visible;padding:5px}.description-container{border:1px solid gray;max-height:auto;overflow:visible;padding:10px}.text-button{word-wrap:break-word;background:none;border:none;color:#fff;cursor:pointer;font-size:16px;margin-left:5px;margin-right:5px;transition:transform .3s}.text-button.list{margin-bottom:10px;transform-origin:left}.text-button:hover{transform:scale(1.1)}.contents-container{border:1px solid gray;display:flex;flex-direction:column;height:100%;overflow:auto}.center-self{align-self:center}.title{font-size:18px;font-weight:700}.minimize{display:none}#remoteCodeDisplay{font-family:monospace;font-size:.85rem;max-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-handle{background:linear-gradient(180deg,#3a3a3a,#4a4a4a);cursor:col-resize;flex:0 0 auto;position:relative;transition:background-color .15s ease;-webkit-user-select:none;user-select:none;width:6px}.split-handle:before{background-color:#fff6;border-radius:1px;content:"";height:24px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.split-handle.split-handle--active,.split-handle:focus-visible,.split-handle:hover{background:linear-gradient(180deg,#4f4f4f,#5f5f5f)}.split-handle:focus-visible{outline:2px solid #8af;outline-offset:-2px}.canvas-column{display:flex;flex-direction:column;min-height:0;overflow:hidden}.canvas-column-header{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;gap:6px;padding:4px 6px}.canvas-column-header #remoteCodeDisplay{flex:1 1 auto;min-width:0}.canvas-stack-wrapper{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.canvas-stack{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;overflow:auto;padding:4px 0}.canvas-stack .p5-container{flex:1 1 auto}.split-handle-horizontal{background:linear-gradient(90deg,#3a3a3a,#4a4a4a);cursor:row-resize;flex:0 0 auto;height:8px;position:relative;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.split-handle-horizontal:before{background-color:#fff6;border-radius:1px;content:"";height:2px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.split-handle-horizontal.split-handle-horizontal--active,.split-handle-horizontal:focus-visible,.split-handle-horizontal:hover{background:linear-gradient(90deg,#4f4f4f,#5f5f5f)}.split-handle-horizontal:focus-visible{outline:2px solid #8af;outline-offset:-2px}#Canvas{height:100%;overflow:visible;position:relative;width:100%}#Canvas canvas{position:absolute}.vertical-container{align-items:center;display:flex;flex-direction:column}.horizontal-container{align-items:center;display:flex;flex-direction:row}.sliderStyle{background:#ddd;height:8px;opacity:.8;outline:none;transition:opacity .2s;width:80%}.sliderStyle::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;border-radius:50%;cursor:pointer;height:20px;width:20px}.sliderStyle::-moz-range-thumb{background:#4caf50;border-radius:50%;cursor:pointer;height:20px;width:20px}label{font-size:14px;margin-bottom:5px}
/*# sourceMappingURL=main.39c88c9a.css.map*/