@import"https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Oxanium:wght@200..800&display=swap";:root{--background-color: #141b28;--background-color--transparent: rgba(20, 27, 40, .5);--disabled-color: #666;--active-color: #ffcf00;--active-color--faded: #534300;--done-color: #004c00;--default-gap: .5rem;--default-border-image: linear-gradient(120deg, #c97100, #005689) 1}html,body{height:100%}body{font-family:Oxanium,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;background-color:var(--background-color);color:var(--disabled-color);line-height:1.3rem}ul{list-style-type:none;padding:0}li{font-size:80%}button,.button{margin:1rem 0;padding:1rem;border:1px solid var(--active-color--faded);color:var(--active-color--faded);background-color:transparent;cursor:pointer;transition:border,color .2s}button.active,.button.active{border:1px solid var(--active-color);color:var(--active-color)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.environment{position:fixed;right:0;bottom:0;font-size:10px;color:#fff;padding:.5rem;z-index:1000}#header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--default-gap);box-shadow:0 0 10px #000;padding:0 1rem;height:3rem}#header .grow{flex-grow:1;flex-shrink:1;display:flex;justify-content:flex-end}#header .email{display:block;text-align:right;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}#header .discord-button{margin:0 1rem}#header .button{border:0;text-decoration:none}#header .button:hover{border-color:var(--active-color);color:var(--active-color)}#process-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--default-gap);box-shadow:0 0 10px #000;padding:1rem}#stop-button{padding:1rem;border:1px solid red;background-color:transparent;cursor:pointer;border-color:red;color:red;min-width:20%;position:relative;overflow:hidden;font-weight:700;margin:0}#stop-button:before{content:"";position:absolute;z-index:-1;top:50%;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,0,0,.4) 10px,rgba(255,0,0,.4) 12px);transform:translateY(-50%)}#process-title{font-size:1.3rem;color:var(--active-color);padding:0 2rem;-webkit-user-select:none;margin-bottom:var(--default-gap);-moz-user-select:none;-ms-user-select:none;user-select:none}.time-overview{position:relative;height:3.4rem;flex-grow:1;margin-left:var(--default-gap)}#detailed-state{padding:1rem 1rem 30vh;overflow-y:auto;scrollbar-color:var(--active-color--faded) black;scrollbar-width:thin}.mobile #detailed-state{padding-left:0}.title{margin-bottom:var(--default-gap);color:#737373}.active.serial>.title,.active.parallel>.title{filter:opacity(.6);color:var(--active-color)}.active.leaf>.title{color:var(--active-color)}.states{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;gap:var(--default-gap);margin-bottom:var(--default-gap)}.parallel{padding:.5rem}.note{padding:1rem;min-width:20%;color:var(--active-color)}#dev-tools{position:fixed;max-width:50%;max-height:50vh;overflow-y:scroll;bottom:0;right:0;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:green;z-index:1000;scrollbar-color:red orange;scrollbar-width:none}#dev-tools button{margin-bottom:1rem}.recipe-done{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:1rem;border:1px solid var(--done-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--done-color);font-size:2rem;z-index:1000;display:flex;justify-content:center;align-items:center;width:50%;height:20vh;box-shadow:#000 0 0 20px;border-radius:3px}.disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed;pointer-events:none}.line{padding:calc(var(--default-gap)*2) 0 var(--default-gap);padding-left:2rem;border-color:var(--active-color--faded);color:var(--active-color--faded);position:relative}.line.leaf{border-bottom:1px dashed var(--active-color--faded)}.line.leaf.active{cursor:pointer}.line.active{border-color:var(--active-color--faded);color:var(--active-color)}.line.done{border-color:var(--done-color);color:var(--done-color)}.line.done .title{color:var(--done-color)}.line.serial{border-left-width:1px;border-left-style:solid}.line.parallel{border-left-width:4px;border-left-style:double}.time-indicator .loader{position:absolute;z-index:-1;top:50%;left:0;width:60%;height:calc(100% - 3px);background:repeating-linear-gradient(45deg,transparent,transparent 7px,0,rgba(255,255,255,.06) 13px);transform:translateY(-50%)}.line.active>.time-indicator .loader{border-bottom:2px solid var(--active-color);transition:width 1s linear}.time-indicator .overtime-bar{position:absolute;right:0;top:0;background-color:#f006;height:100%;transition:width 1s linear}.time-indicator .elapsed-time{position:absolute;left:2rem;top:0;height:calc(100% + 3px);display:flex;align-items:center}.time-indicator.two-line .elapsed-time{height:calc(100% - 3px - .8rem);left:var(--default-gap)}.time-indicator .countdown{position:absolute;right:2rem;top:0;height:calc(100% + 3px);display:flex;align-items:center}.line.leaf:has(.interval-counter) .countdown{top:1rem;align-items:flex-start}.time-indicator.two-line .countdown{height:calc(100% - 3px - .8rem);right:var(--default-gap)}.time-indicator .countdown.overtime{color:red;font-weight:700}.time-indicator .range{position:absolute;right:0;top:0;height:100%;background-color:#ffffff0d}.time-indicator .start-time{position:absolute;left:var(--default-gap);bottom:0;color:#fff;font-size:.8rem}.time-indicator .diff{position:absolute;left:50%;transform:translate(-50%);bottom:0;color:#fff;font-size:.8rem}.diff.gain{color:green}.diff.gain:before{content:"-";margin-right:.2rem}.diff.loss{color:red;margin-right:.2rem}.diff.loss:before{content:"+"}.time-indicator .estimated-end-time{position:absolute;right:var(--default-gap);bottom:0;color:#fff;font-size:.8rem}.time-indicator .current-time{position:absolute;top:0;left:50%;transform:translate(-50%);color:#fff;height:calc(100% + 3px);display:flex;align-items:center}.time-indicator.two-line .current-time{height:calc(100% - 3px - .8rem)}.resources-toggle{position:absolute;right:0;top:0;padding:var(--default-gap);border:1px solid var(--active-color--faded);background:transparent;color:var(--active-color);cursor:pointer}.ingredients{position:absolute;right:0;top:0;padding:2rem;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid var(--active-color--faded);box-shadow:#000 0 0 20px}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1100}.dialog{width:50%}.dialog h2{color:var(--active-color);margin-bottom:2rem}.dialog p{margin-bottom:2rem}.dialog .buttons{display:flex;justify-content:center;margin-top:1rem;gap:var(--default-gap)}.dialog button,.dialog .button{border-color:var(--active-color);color:var(--active-color);margin:0;flex-grow:1;text-align:center;text-decoration:none;transition:border,color .3s}.mobile .dialog{width:90%}input[type=radio].readonly,label.readonly{pointer-events:none}.error{color:red;font-size:80%;margin-top:.5rem}.unauthenticated-page form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--active-color--faded);display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;padding:2rem}.unauthenticated-page h1{margin-bottom:3rem;color:var(--active-color)}.unauthenticated-page h2{margin-bottom:2rem;color:var(--active-color)}.unauthenticated-page h3{margin-bottom:1rem;color:#fff}.unauthenticated-page input{margin:1rem 0;padding:1rem;width:100%;border:1px solid white;background-color:transparent;color:var(--active-color);transition:border .2s}.unauthenticated-page input:focus{outline:none;border:1px solid var(--active-color)}.mobile .unauthenticated-page form{width:90%}.confirm-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--background-color);border:1px solid var(--active-color--faded);padding:2rem 1rem 1rem;color:#fff}.process-definition-form{position:relative}.process-definition-form .toolbar{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;margin-bottom:1rem}.process-definition-form input.textfield{display:block;background-color:transparent;font-size:1rem;padding:.5rem;border:0;border-bottom:1px solid var(--active-color--faded);border-image:var(--default-border-image);color:var(--active-color);margin-bottom:1rem;transition:border .2s}.process-definition-form input.textfield:focus{outline:none;border-bottom:1px solid var(--active-color)}.process-definition-form input.textfield[readonly]{border:0}.process-definition-form input.title-field{font-size:2rem;width:100%}.process-definition-form .value{color:var(--active-color)}.process-definition-form .share-link-field{position:relative;display:flex;flex-direction:row}.process-definition-form .share-link-field .textfield{flex-grow:1}.process-definition-form .share-link-field .textfield.not-unique{border-bottom-color:red}.process-definition-form .copy-button{margin-left:1rem;padding:var(--default-gap);transition:border-color,color .5s;height:fit-content}.process-definition-form .copy-button.flashing{animation:flashing .5s alternate 1}.process-definition-form .prefix{padding:.5rem 0;overflow-x:hidden;direction:rtl;text-overflow:ellipsis;white-space:nowrap;text-align:right}.process-definition-form .details{position:relative}.process-definition-form button{margin:0}.process-definition-form button+button{margin-left:1rem}.process-definition-form .start-button{border-color:var(--active-color);text-decoration:none;color:var(--active-color);margin:0;width:5rem;text-align:center;border-radius:3px}.process-definition-form .has-changes{border-color:var(--disabled-color);color:var(--disabled-color);cursor:not-allowed}.process-definition-form .resources-button{border:0}.process-definition-form .delete-button{border:0;color:maroon;margin-right:1rem}.process-definition-form .cancel-button{border-color:var(--disabled-color);color:var(--disabled-color);cursor:auto}.process-definition-form .has-changes .cancel-button{border-color:var(--active-color--faded);color:var(--active-color--faded);cursor:pointer}.process-definition-form .edit-button{border:0}.process-definition-form .has-changes .save-button{border-color:var(--active-color);color:var(--active-color);cursor:pointer}.process-definition-form .source-field{width:100%}.process-definition-form .description-field{width:100%;background-color:transparent;height:10rem;border:0;border-bottom:1px solid var(--active-color--faded);border-image:var(--default-border-image);color:var(--active-color);padding:.5rem;resize:none}.process-definition-form .description-field:focus{outline:none}.process-definition-form .description-field[readonly]{border:0;height:4rem;display:block}.process-definition-form .duration-fields,.process-definition-form .visibility-fields{display:flex;flex-direction:row;justify-content:flex-start;gap:2rem;margin-bottom:1rem}.process-definition-form .visibility-value{color:var(--active-color)}.process-definition-form label{margin:var(--default-gap) 0;display:block}@keyframes flashing{0%{border-color:var(--active-color);color:var(--active-color)}to{border-color:var(--active-color--faded);color:var(--active-color--faded)}}.process-definition-info-dialog{background-color:var(--background-color);border:1px solid var(--active-color--faded);padding:2rem 1rem 1rem;width:80%;max-height:90%;display:flex;flex-direction:column}.process-definition-info-dialog .content{overflow-y:scroll;scrollbar-color:var(--active-color--faded) black;scrollbar-width:thin}.process-definition-info-dialog .monaco-editor{pointer-events:none}.process-definition-info-dialog p{margin:1rem 0}.process-definition-info-dialog h2{margin:var(--default-gap) 0}.process-definition-info-dialog h3{margin:2rem 0;color:#fff}.resources-dialog{background-color:var(--background-color);border:1px solid var(--active-color--faded);padding:2rem 1rem 1rem;width:50%;max-height:90vh;display:flex;flex-direction:column}.resources-dialog p{margin:0}.resources-dialog h2{margin:var(--default-gap) 0}.resources-dialog ul{margin:2rem 0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--active-color--faded) black}.resources-dialog li{display:flex;padding:1rem;cursor:pointer;border-bottom:1px solid var(--active-color--faded);font-size:1rem}.resources-dialog .name{flex-grow:1}.resources-dialog .value{flex-grow:1;color:var(--active-color);text-align:right}.resources-dialog .checked{border-bottom:1px solid var(--done-color)}.resources-dialog .checked span{color:var(--done-color)}.resources-dialog .checked .name:before{content:"✅";margin-right:1rem}.resources-dialog .faded{border:1px solid var(--active-color--faded);color:var(--active-color--faded)}.terms-of-use-dialog{background-color:var(--background-color);border:1px solid var(--active-color--faded);padding:2rem 1rem 1rem;width:80%;max-height:90%;display:flex;flex-direction:column}.terms-of-use-dialog .content{overflow-y:scroll;scrollbar-color:var(--active-color--faded) black;scrollbar-width:thin}.terms-of-use-dialog p{margin:1rem 0}.terms-of-use-dialog h2{margin:var(--default-gap) 0}.terms-of-use-dialog h3{margin:2rem 0;color:#fff}#header .title{font-size:1.2rem;color:#fff;display:flex;align-items:center;justify-content:center;margin:0;padding:1rem}#header button{padding:0 .5rem;border:0}.mobile #header .title{margin-left:2rem}.home-container{display:flex;flex-direction:row;justify-content:center;height:calc(100% - 6rem);padding:1rem;overflow:hidden;overflow-y:auto;scrollbar-color:var(--active-color--faded) black;scrollbar-width:thin}.process-selector{min-width:30%;max-width:30rem;border-right:1px solid var(--active-color--faded);display:flex;flex-direction:column}.mobile .process-selector .close-button{font-size:4rem;width:fit-content;align-self:flex-end;border:0;background-color:transparent}.mobile .process-selector{position:absolute;left:50%;top:0;transform:translate(-50%);width:90%;z-index:1200;background-color:var(--background-color--transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-right:none;height:calc(100% - 1rem)}.mobile-processes-sidebar-toggle{position:absolute;left:1rem;top:.4rem;width:2rem;height:2rem;margin:0;background-color:var(--active-color--faded);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100}.process-selector .scroll-container{overflow-y:auto;scrollbar-color:var(--active-color--faded) black;scrollbar-width:thin;flex-grow:1}.process-selector h3{font-size:1.2rem;color:var(--active-color);padding:1rem;margin:1rem 0 0;border-bottom:5px double var(--active-color--faded);color:var(--active-color--faded);cursor:pointer}.process-selector h3.open:after{content:"▼";float:right}.process-selector h3.closed:after{content:"▲";float:right}.process-selector li a{font-size:1rem;padding:1rem;cursor:pointer;text-decoration:none;color:var(--active-color--faded);border-bottom:1px solid var(--active-color--faded);display:block}.process-selector li a.active{color:var(--active-color)}.process-selector .text{padding:1rem;color:var(--active-color--faded);list-style:none}.process-selector button{margin:.5rem 0 0}.search-field{padding:1rem;background-color:transparent;transition:border-color,color .3s;width:100%;border:1px solid var(--active-color);color:var(--active-color)}.search-field:focus{border-color:var(--active-color)!important;color:var(--active-color)!important;outline:none}.search-field[value=""]{border:1px solid var(--active-color--faded);color:var(--active-color--faded)}#process-details{flex-grow:1;flex-shrink:1;padding:0rem 2rem}.mobile #process-details{padding:0}ul.no-selection li a{color:var(--active-color)}.repetition-count,.interval-counter{color:#fff}.interval-counter .current-reps-overlay{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8vh;line-height:8vh;pointer-events:none;padding-bottom:1rem}.interval-counter ul{list-style-type:none;display:flex;flex-direction:row;margin:.5rem 0 1rem}.interval-counter li{font-size:140%;padding:.5rem 1rem;color:var(--active-color--faded);border:1px solid var(--active-color--faded);transition:border .3s,color .3s}.interval-counter li+li{margin-left:1rem}.interval-counter li.active{color:var(--active-color);border:1px solid var(--active-color)}.mobile .interval-counter ul{flex-direction:column;padding-right:2rem}.mobile .interval-counter li+li{margin-left:0;margin-top:.5rem}