@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";:root{--black: #000;--white: #fff;--palette-light-primary: #fff;--palette-dark-primary: #000;--palette-light-secondary: var(--palette-light-primary);--palette-dark-secondary: #181818;--palette-light-tertiary: #f5f3f4;--palette-dark-tertiary: #252422;--palette-dark-brand: #7c61d4;--palette-light-brand: #ab80e5;--base-size: 2px;--pixel: 1px;--size-1: calc(var(--base-size) * 1);--size-2: calc(var(--base-size) * 2);--size-3: calc(var(--base-size) * 4);--size-4: calc(var(--base-size) * 8);--size-5: calc(var(--base-size) * 16);--base-font-size: 18px;--font-size-xs: calc(var(--base-font-size) * .5);--font-size-s: calc(var(--base-font-size) * .75);--font-size-m: calc(var(--base-font-size) * 1);--font-size-l: calc(var(--base-font-size) * 1.15);--font-size-xl: calc(var(--base-font-size) * 1.35);--font-size-xxl: calc(var(--base-font-size) * 1.55);--font-color: var(--black);--background-primary: var(--palette-light-primary);--background-secondary: var(--palette-light-secondary);--background-tertiary: var(--palette-light-tertiary);--brand: var(--palette-light-brand);--danger: #ff4141;--success: #24b624}@media (prefers-color-scheme: dark){:root{--background-primary: var(--palette-dark-primary);--font-color: var(--white);--background-secondary: var(--palette-dark-secondary);--background-tertiary: var(--palette-dark-tertiary);--brand: var(--palette-dark-brand)}}html{height:1px;min-height:100%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;height:100%;line-height:1.5;font-size:var(--font-size-m);background-color:var(--background-primary);color:var(--font-color)}body,input,textarea,select{font-family:Barlow,sans-serif;font-weight:300}button{font-weight:500;text-transform:uppercase;font-family:Barlow Condensed,sans-serif}button:disabled{opacity:50%}#root{display:contents}button{cursor:pointer;border:none;background-color:transparent;padding:4px;color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-position:below}*{margin:0;padding:0}select{padding:var(--size-2) var(--size-3);background-color:transparent;border:none;font-size:var(--font-size-m);color:inherit}select:focus{outline:none}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--size-3);overflow:hidden;border-radius:var(--size-2);border:none;background-color:var(--background-tertiary)}progress[value]::-webkit-progress-bar{background-color:var(--background-tertiary);border-radius:var(--size-2)}progress[value]::-webkit-progress-value{background-color:var(--brand);border-radius:2px}progress[value]::-moz-progress-bar{background-color:var(--brand);border-radius:var(--size-2)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.Dashboard{display:flex;height:100%;overflow-y:hidden}.Dashboard .mix-entry{display:flex;align-items:center}.Dashboard .chemistryGroup{display:flex;flex-direction:column;gap:4px}.Dashboard .bullet{margin-left:.5rem;margin-right:.25rem;width:.5rem;height:.5rem;border-radius:100%}.Dashboard .bullet.okay{background-color:var(--success)}.Dashboard .bullet.bad{background-color:var(--danger)}.Dashboard .settingsLink{margin-top:auto;display:flex;justify-content:space-between}@media screen and (max-width: 420px){.Dashboard .sidebar-hidden{display:none}}.SidebarMenu{display:flex;flex-direction:column;gap:12px;padding:8px;height:100%;overflow-y:auto;position:relative}.SidebarMenu h2{font-size:var(--font-size-xl)}.SidebarMenu a{padding:var(--size-1) var(--size-2);border-radius:2px;text-decoration:none}.SidebarMenu a:hover{background:var(--background-tertiary)}.SidebarMenu a.active{background:var(--background-tertiary);text-decoration:none}.SidebarMenu a.active:hover{text-decoration:none!important}@media screen and (max-width: 420px){.SidebarMenu{flex:1}}.SidebarMenuGroup{display:flex;flex-direction:column;gap:8px}.SidebarMenuGroup .title{padding:0;margin:0}.Button{color:var(--font-color);background-color:var(--background-tertiary);padding:var(--size-2) var(--size-3);border-radius:var(--size-1);box-shadow:0 5px 5px -5px #00000026;font-size:var(--font-size-s)}.Button[type=submit]{background-color:var(--brand);color:var(--white)}.Button:disabled{opacity:.5}.Root{height:100%;overflow:hidden;display:flex;flex-direction:column}.Root header{font-family:Raleway,sans-serif;padding:var(--size-1);padding-left:var(--size-3)}.Root header h1{display:inline-block;font-size:var(--font-size-s);vertical-align:baseline}.Root .version{padding-left:var(--size-2);font-size:var(--font-size-s)}.Input{flex-direction:column;position:relative;display:flex;font-size:var(--font-size-s)}.Input.checkbox{flex-direction:row;white-space:nowrap;flex-direction:row-reverse;gap:var(--size-2)}.Input.checkbox .label{flex:1}.Input.checkbox input{width:auto}.Input .input-wrapper{position:relative;line-height:1.5;display:flex}.Input .see-through{color:transparent}.Input .suffix{position:absolute;font-size:var(--font-size-m);padding:var(--size-2) var(--size-3);width:100%;height:100%;top:0;left:0;-webkit-user-select:none;user-select:none;pointer-events:none}.Input input,.Input textarea{color:inherit;margin:0;box-sizing:border-box;width:100%;border:none;background:var(--background-tertiary);padding:var(--size-2) var(--size-3);border-radius:4px;font-size:var(--font-size-m);line-height:1.5}.Input input:focus,.Input textarea:focus{outline:none}.DurationInput{display:flex;position:relative;flex:1}.DurationInput select{font-size:var(--font-size-s)}.CreateChemistry{display:flex;flex-direction:column;gap:var(--size-3)}.Modal{position:absolute;top:0;left:0;height:100%;width:100%;display:grid;place-items:center;overflow:hidden;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#0000001a}.Modal h1{font-size:var(--font-size-xl)}.Modal .modalHeading{display:flex}.Modal .modalHeading h1{flex:1}.Modal .ModalWindow{background-color:var(--background-secondary)!important;padding:var(--size-3) var(--size-3);position:relative;max-height:90vh;overflow-y:auto;display:block;box-shadow:0 5px 10px -5px #00000080;border-radius:4px;min-width:300px;overflow-x:hidden}.Modal .ModalX{border:none;background:none;font-size:var(--font-size-xxl);line-height:0}.CreateFilmStock{display:flex;flex-direction:column;gap:8px}.CreateDevelopmentRecipe{display:flex;flex-direction:column;gap:var(--size-3)}.CreateDevelopmentRecipe .stepsSection{position:relative;display:flex;flex-direction:column;gap:var(--size-3);padding:8px}.CreateDevelopmentRecipe .step{border:1px dashed black}.StepInput:not(.editing) button{color:var(--brand)}.StepInput.editing{border:1px dashed var(--brand);border-radius:5px;padding:5px}.StepInput .step-controls{display:flex;align-items:center;justify-content:flex-end;padding:var(--size-2)}.StepInput .step-controls button:last-child{color:var(--brand)}.CreateMix{display:flex;flex-direction:column;gap:var(--size-3)}.StockRoot{display:flex;flex:1;gap:var(--size-3)}.StockRoot .recipesHeading{gap:var(--size-3);display:flex;align-items:center}.StockRoot .recipeLink{text-decoration:underline}.RenameableTitle{display:inline-block}.RenameableTitle.renaming{display:inline-flex}.RenameableTitle h1{display:inline}.RenameableTitle button{font-size:var(--font-size-s)}.RenameableTitle .renameButton{color:var(--brand)}.RenameableTitle .renameForm{background:var(--background-tertiary);border-radius:4px;overflow:hidden;display:flex}.RenameableTitle .renameForm input[type=text]{background:transparent;padding:var(--size-2);border:none;color:var(--font-color)}.RenameableTitle .renameForm input[type=text]:focus{outline:none}.RenameableTitle .renameForm button{background-color:var(--background-tertiary);padding-left:var(--size-3);padding-right:var(--size-3);font-size:var(--font-size-s);height:100%}.RenameableTitle .renameForm button[type=submit]{background-color:var(--brand)}.RenameableTitle .renameForm button.cancel{background-color:transparent}.RenameableTitle .deleteForm{display:inline-block}.RenameableTitle .deleteForm button{display:inline;color:var(--danger)}.Content{flex:1;display:flex;flex-direction:column;padding:8px;overflow-y:auto;align-items:flex-start;width:100%}.Content h1{font-size:var(--font-size-xl)}.Content h2{font-size:var(--font-size-l)}@keyframes rotate-tank{to{transform:rotate(180deg)}}.Recipe{display:flex;flex-direction:column;gap:12px;flex:4;width:100%}.Recipe .stepsHeader h2{display:inline}.Recipe .stepsHeader button{color:var(--brand)}.Recipe .timerAndControls{display:flex;flex-direction:column}.Recipe .controls{display:flex;gap:var(--size-2)}.Recipe .tank{transform:scale(.6)}.Recipe .tankAndControls{display:flex;align-items:center;gap:var(--size-3)}.Recipe .step:not(.active){color:#ccc}.Recipe .step.done{display:none}.Recipe .center{margin-left:auto;margin-right:auto}.Recipe .playbackControls{display:flex;gap:var(--size-3)}.Recipe svg{transition:all 1s ease-in-out}.Recipe .animate-agitation{animation:rotate-tank 1s ease-out alternate infinite}.Recipe .paused{animation-play-state:paused}.Recipe .mixInfo{display:flex;gap:var(--size-3);align-items:center}@keyframes rotate-tank{to{transform:rotate(180deg) scale(.6)}}.Tank{stroke:var(--font-color)}.Tank.animate-agitation{animation:rotate-tank 1s alternate infinite;transition:transform 1s}.Tank.paused{animation-play-state:paused}.MixRoot{gap:var(--size-3)}.MixRoot .dispose{color:var(--danger)}.ChemistryLayout{gap:var(--size-3)}.ChemistryLayout .mixesHeader{display:flex;align-items:center;gap:var(--size-3)}.ChemistryLayout .mixesList{list-style:none;text-decoration:underline}.ChemistryLayout .mixingHeader h2{display:inline-block}.ChemistryLayout .mixingHeader button{color:var(--brand)}.ChemistryLayout .section{width:100%;max-width:520px}.Notes{display:flex;flex-direction:column}.Notes .notesHeader h2{display:inline}.Notes .notesHeader button{display:inline;margin:0;padding:0;color:var(--brand);padding-left:var(--size-2)}.Notes .notesInner{min-height:6rem;display:flex;flex-direction:column}.Notes .notes{background-color:var(--background-secondary);border-radius:4px;padding:var(--size-2);flex:1}.Notes .notes pre{font-family:Barlow,sans-serif;font-weight:regular;font-size:var(--font-size-m)}.Notes textarea{width:100%;flex:1;background-color:var(--background-tertiary);border:none;box-shadow:0 5px 5px -5px #0000000d;outline:none;padding:var(--size-3);border-radius:4px;color:var(--font-color)}.Notes textarea:focus{outline:var(--pixel) solid var(--brand)}.Notes .noNotes{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--background-secondary);border-radius:4px;padding:var(--size-2)}.Notes .notesControls{width:100%;display:flex;gap:var(--size-3);justify-content:flex-end;padding-top:var(--size-3)}.EditChemistryMix{display:flex;flex-direction:column;gap:var(--size-3)}.Settings{padding:var(--size-3)}.Settings h1{font-size:var(--font-size-l)}.EditSteps{display:flex;flex-direction:column;gap:var(--size-3)}