body{background-image:url(/my-graphics-demos/ceiling1.png);margin:0!important}#sequenceItemInput{display:none}h1{font-size:64px;color:#ff0;font-weight:900;margin:0!important;text-shadow:black 5px 5px}#header{font-family:angelicpeace;height:125px;margin:5px 5px 0;padding:0 20px;display:flex;align-items:center;justify-content:space-between}#starsheader{transform:scale(1)!important;width:200px}#header a,.controlButton{font-size:32px;background-color:#ff0;box-shadow:inset -1px -3px 3px 3px red;padding:5px;cursor:pointer;font-family:angelicpeace;color:#000;text-align:center}.controlButton2{font-size:32px;background-image:url(/my-graphics-demos/uipamnel1.png);background-size:50% 100%;box-shadow:inset -1px -3px 3px 3px red;padding:5px;cursor:pointer;font-family:angelicpeace;text-align:center;color:#ff0}.controlButton:hover,.controlButton2:hover{background-color:#00ff0d;box-shadow:inset -1px -3px 3px 3px #00a83e}@font-face{font-family:angelicpeace;src:url(/my-graphics-demos/Angelic%20Peace.ttf)}@font-face{font-family:chalkabout;src:url(/my-graphics-demos/Chalkabout.ttf)}#root{display:grid;grid-template-columns:repeat(5,1fr);max-height:calc(100% - 185px);min-height:400px}.post{font-family:angelicpeace;background-color:#0fb;border-image:url(/my-graphics-demos/wood02.jpg) 30;border-image-width:30px;padding:30px}.miniPost{font-family:angelicpeace;border:30px solid white;background-image:url(/my-graphics-demos/chalkboard.png);border-image:url(/my-graphics-demos/woodborder.png)150;border-image-width:30px;max-width:50vw}#sequencerTimeline{align-items:start;overflow:auto;width:100%;height:325px;max-height:500px}.sequencerLibrary{max-height:calc(100vh - 300px);overflow:auto;width:300px}.clipLayer{display:grid;min-width:100%;width:auto;min-height:75px;padding:10px;width:1000px}#exportProgressBar{position:absolute;left:50%;top:50%}#sequencerRoot,#fractalViewerRoot{display:grid;grid-template-rows:400px 75px 55px;width:75%;height:600px;background-image:url(/my-graphics-demos/uipamnel1.png)!important}#fractalViewerRoot{display:flex;flex-direction:column;justify-content:center;width:75%;height:600px;background-image:url(/my-graphics-demos/uipamnel1.png)!important}#fractalViewerRoot{background-size:50% 50%;display:flex!important;align-items:center;justify-content:center}#fractalViewerRoot #gl-canvas{width:70%;height:auto;aspect-ratio:1 / 1}#viewportContainer{height:calc(100% - 75px)}#viewport{display:flex;height:95%;width:100%;flex-direction:column;align-items:center;justify-content:center;background-image:url(/my-graphics-demos/uipamnel1.png);background-size:50% 100%;max-height:500px;overflow:auto}#viewport canvas{border-image:url(/my-graphics-demos/woodborder.png) 30;border-image-width:30px;padding:25px}.helpPopup{font-family:angelicpeace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(/my-graphics-demos/chalkboard.png);width:40vw;height:500px;display:none;z-index:10;border:30px solid white;border-image:url(/my-graphics-demos/woodborder.png) 30;border-image-width:30px;padding:25px;overflow-y:auto;font-size:24px;color:#fff}.smallMessage{font-family:angelicpeace;position:absolute;top:7vh;background-image:url(/my-graphics-demos/chalkboard.png);display:none;z-index:10;border:10px solid white;border-image:url(/my-graphics-demos/woodborder.png) 10;border-image-width:10px;padding:10px;overflow-y:auto}.smallMessage p{font-size:24px;color:#fff}.popupHeader{display:flex;justify-content:space-between;align-items:center}#popupGlass{display:none;content:"";background:#01010140;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:9}#sequencerControls{display:flex;width:100%;align-items:center;justify-content:center}.sequenceThumbnail{width:30px;height:30px;-webkit-user-select:none;user-select:none}.sequenceItemName{margin:0 0 0 5px;font-size:24px;color:#ff0;overflow:hidden;white-space:nowrap;max-width:50px;-webkit-user-select:none;user-select:none}.sequenceItemPlaceholder{display:grid;grid-template-columns:auto 32px;width:auto}#contentRoot{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;grid-column:2 / 6}@media (max-width:800px){#root{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;max-height:calc(100% - 185px);min-height:400px;width:100%}#sidebar{grid-row:2;margin:0!important;height:1200px!important;flex-grow:1}.sequencerLibrary{max-height:none}#contentRoot{max-width:100vw;grid-row:1;grid-column:1;align-items:flex-start}#header{display:block}#sequencerTimeline{align-items:start;overflow:auto;width:100%;height:200px;max-height:500px}#sequencerRoot,#fractalViewerRoot{width:calc(100% - 60px)}#sidebar{width:calc(100% - 100px)}.value{font-size:35px!important}#starsheader{transform:scale(1);width:200px}.helpPopup{width:70%}#viewport{max-width:calc(100vw - 75px);overflow:auto}#sequencerControls{max-width:calc(100vw - 60px);overflow:auto}#sequencerControls>:nth-child(1){margin-left:50px!important}.miniPost{max-width:calc(100vw - 75px)}}#sidebar{font-family:chalkabout;grid-column:1;border-image:url(/my-graphics-demos/wood02.jpg) 30;border-image-width:30px;padding:50px;background-image:url(/my-graphics-demos/chalkboard.png);height:100%;color:#fff;font-weight:100;display:flex;flex-direction:column;margin-left:10px;box-shadow:inset -32px -32px 5px 3px #003405}#sidebar a{margin-bottom:5px}#sidebar a:hover{color:#ff0;font-weight:900;text-decoration:underline;cursor:pointer}.treeBuilderControl{display:flex;align-items:center;justify-content:space-between}#treeBuilderRoot{display:flex;flex-direction:column;align-items:center;justify-content:center}#sequenceMarker{position:absolute;width:4px;height:200px;background-color:red!important;box-shadow:1px 1px 1px 1px #000!important;border:0 in!important;z-index:5}#timelineRuler{background:url(/my-graphics-demos/chalkboard.png);width:100%;height:25px}#timelineTools{max-height:130px;overflow:auto}.sequenceTimelineRulerTick{position:absolute;width:4px;height:10px;background-color:red!important;box-shadow:1px 1px 1px 1px #000!important;border:0 in!important;z-index:5}.sequenceTimelineRulerTick p{font-size:16px;color:#ff0;text-shadow:black 2px 2px}#sequencerTimeline>:nth-child(odd){border-top:2px solid rgb(169,78,255);background-image:url(/my-graphics-demos/uipamnel1.png);background-size:50% 100%}#sequencerTimeline>:nth-child(2n){border-top:2px solid rgb(169,78,255);background-image:url(/my-graphics-demos/ceiling1.png)}.lengthController{cursor:e-resize;border-left:5px dashed rgb(83,26,137);transition:background-color .125s ease-in-out}.lengthController:hover{background-color:#531a89}#assetList,#mainSequenceControls{margin-top:5px;background-image:url(/my-graphics-demos/kitchenfloor2.png);border:2px solid rgb(169,78,255);box-shadow:inset -1px -3px 3px 3px #340000;padding:5px;overflow:auto}#sequenceItemInspect{margin-top:5px;margin-bottom:5px;background-image:url(/my-graphics-demos/kitchenfloor2.png);border:2px solid rgb(169,78,255);box-shadow:inset -2px -1px 5px 3px #340000;padding:5px;overflow:auto}.selected{background:#ff0!important;box-shadow:-2px -1px 5px 3px #340000!important}.disabled{background:#fff!important;border:1px solid black!important;font-family:Times New Roman!important;box-shadow:none!important;opacity:.5;color:#000}.selected .sequenceItemName{color:#a94eff!important}.sequenceInfoItem,.renderSettingsItem{display:flex;justify-content:space-between;color:#ff0;text-shadow:2px 2px black}input[type=number]{border:0;border-bottom:1px solid black;font-family:angelicpeace;font-size:36;color:#ff0;text-shadow:black 2px 2px;font-weight:bolder;margin-bottom:5px;background-image:url(/my-graphics-demos/uipamnel1.png);background-size:100% 100%;background-repeat:no-repeat;max-width:100px}.value{font-size:48px;color:#ff0;text-shadow:black 2px 2px;margin:0!important}#sequenceTimerContainer{display:flex;justify-content:center;align-items:center;width:100%}#sequenceTimer{display:flex;width:100%;justify-content:center;align-items:center;padding:1px;background-image:url(/my-graphics-demos/kitchenfloor2.png)}.sequenceInfoItem select,.renderSettingsItem select{background-image:url(/my-graphics-demos/mattresstx.png);font-family:angelicpeace;font-size:24px;color:#00f}