@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:300;src:url("./media/roboto-latin-300-normal-ZNJYGCVX.woff2") format("woff2"),url("./media/roboto-latin-300-normal-HUKDSNAU.woff") format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url("./media/roboto-latin-400-normal-LOX3CHMS.woff2") format("woff2"),url("./media/roboto-latin-400-normal-54N5OGOO.woff") format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url("./media/roboto-latin-500-normal-D6YDQ3CR.woff2") format("woff2"),url("./media/roboto-latin-500-normal-RXEWG4GH.woff") format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url("./media/roboto-latin-700-normal-T27NHG46.woff2") format("woff2"),url("./media/roboto-latin-700-normal-MIORRAJE.woff") format("woff")}:root{--white: #ffffff;--black: #000000;--violet-light: #f4f0ff;--violet-medium: #7c4dff;--violet-dark: rgb(56, 15, 110);--red: #c62828;--red-light: #ff5f52;--red-bright: #e53935;--error: #ff0000;--blue: #2563eb;--blue-light: #eef2ff;--indigo: rgb(55, 0, 255);--magenta: rgb(255, 0, 242);--selected: #ddeeff;--smoke: rgb(223, 217, 217);--grey-50: #fafafa;--grey-100: #f5f5f5;--grey-200: #dddddd;--grey-300: #cccccc;--grey-400: #9e9e9e;--grey-500: #888888;--grey-600: #757575;--grey-900: #363636;--status-none: #ffffff;--status-done: #d4edda;--status-ongoing: #ffe5b4;--status-todo: #f8d7da;--overlay: rgba(0, 0, 0, .5);--gradient-left: linear-gradient(270deg, var(--violet-medium), var(--red));--gradient-right: linear-gradient(90deg, var(--violet-medium), var(--red));--spacing-0: 0;--spacing-1: 4px;--spacing-2: 10px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 30px;--spacing-6: 40px;--radius-small: 2px;--radius-medium: 8px;--radius-large: 15px;--header-height: 120px;--menu-font-size: 24px;--menu-icon-size: 24px;--menu-width-open: 250px;--shadow-small: 2px 2px 2px 0 rgba(0, 0, 0, .2);--shadow-label: 0 .1em .4em rgba(0, 0, 0, .3);--menu-width-close: calc(var(--menu-icon-size) + 2*var(--spacing-2) + 2*var(--spacing-1))}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;background-color:var(--black)}.icon{font-size:var(--menu-font-size);width:var(--menu-icon-size);min-width:var(--menu-icon-size);height:var(--menu-icon-size);text-align:center}.section{height:calc(100vh - 2 * var(--spacing-2));box-sizing:border-box}.section-header{box-sizing:border-box;height:var(--header-height);border-bottom:2px solid var(--smoke);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background-color:var(--white)}.section-content{height:calc(100vh - var(--header-height) - 2 * var(--spacing-2));background-color:var(--violet-light);box-sizing:border-box;overflow-y:auto;margin-bottom:var(--spacing-2)}@media(max-width:512px){.section{border-top-left-radius:var(--radius-large);border-top-right-radius:var(--radius-large);border-bottom-left-radius:var(--radius-large);border-bottom-right-radius:var(--radius-large)}.section-header{margin-left:var(--menu-width-close);margin-right:var(--menu-width-close)}.section-header h1{margin:var(--spacing-1) var(--spacing-2) 0;font-size:1.4em;text-align:center}.section-content{border-bottom-left-radius:var(--radius-large);border-bottom-right-radius:var(--radius-large)}}.button{border:none;border-radius:var(--radius-large);padding:var(--spacing-2);box-shadow:var(--shadow-small);cursor:pointer;font:inherit}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background-color:var(--violet-medium);color:var(--white)}.button-primary:hover:not(:disabled){background:var(--gradient-left)}.horizontal-container{display:flex;max-width:100%;height:100%}.horizontal-container>div{flex:1;box-sizing:border-box}.vertical-container{display:flex;flex-direction:column;height:100%}.vertical-container>div{flex:1;box-sizing:border-box}.canvas-container{display:grid}.canvas-container>*{grid-area:1/1}.has-tooltip{position:relative}.tooltip{display:none;background-color:var(--violet-medium);color:var(--white);text-align:center;padding-left:var(--spacing-2);padding-right:var(--spacing-2);border-radius:6px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;height:40px;box-sizing:border-box;z-index:1}.has-tooltip:hover .tooltip{display:block}.text-white{color:var(--white)}.text-black{color:var(--black)}.text-violet-light{color:var(--violet-light)}.text-violet-medium{color:var(--violet-medium)}.text-violet-dark{color:var(--violet-dark)}.text-red{color:var(--red)}.text-red-light{color:var(--red-light)}.text-red-bright{color:var(--red-bright)}.text-error{color:var(--error)}.text-blue{color:var(--blue)}.text-blue-light{color:var(--blue-light)}.text-indigo{color:var(--indigo)}.text-magenta{color:var(--magenta)}.text-selected{color:var(--selected)}.text-smoke{color:var(--smoke)}.text-grey-50{color:var(--grey-50)}.text-grey-100{color:var(--grey-100)}.text-grey-200{color:var(--grey-200)}.text-grey-300{color:var(--grey-300)}.text-grey-400{color:var(--grey-400)}.text-grey-500{color:var(--grey-500)}.text-grey-600{color:var(--grey-600)}.text-grey-900{color:var(--grey-900)}.text-status-none{color:var(--status-none)}.text-status-done{color:var(--status-done)}.text-status-ongoing{color:var(--status-ongoing)}.text-status-todo{color:var(--status-todo)}.text-overlay{color:var(--overlay)}.background-white{background-color:var(--white)}.background-black{background-color:var(--black)}.background-violet-light{background-color:var(--violet-light)}.background-violet-medium{background-color:var(--violet-medium)}.background-violet-dark{background-color:var(--violet-dark)}.background-red{background-color:var(--red)}.background-red-light{background-color:var(--red-light)}.background-red-bright{background-color:var(--red-bright)}.background-error{background-color:var(--error)}.background-blue{background-color:var(--blue)}.background-blue-light{background-color:var(--blue-light)}.background-indigo{background-color:var(--indigo)}.background-magenta{background-color:var(--magenta)}.background-selected{background-color:var(--selected)}.background-smoke{background-color:var(--smoke)}.background-grey-50{background-color:var(--grey-50)}.background-grey-100{background-color:var(--grey-100)}.background-grey-200{background-color:var(--grey-200)}.background-grey-300{background-color:var(--grey-300)}.background-grey-400{background-color:var(--grey-400)}.background-grey-500{background-color:var(--grey-500)}.background-grey-600{background-color:var(--grey-600)}.background-grey-900{background-color:var(--grey-900)}.background-status-none{background-color:var(--status-none)}.background-status-done{background-color:var(--status-done)}.background-status-ongoing{background-color:var(--status-ongoing)}.background-status-todo{background-color:var(--status-todo)}.background-overlay{background-color:var(--overlay)}.background-transparent{background-color:transparent}.hover-background-white:hover{background-color:var(--white)}.hover-background-black:hover{background-color:var(--black)}.hover-background-violet-light:hover{background-color:var(--violet-light)}.hover-background-violet-medium:hover{background-color:var(--violet-medium)}.hover-background-violet-dark:hover{background-color:var(--violet-dark)}.hover-background-red:hover{background-color:var(--red)}.hover-background-red-light:hover{background-color:var(--red-light)}.hover-background-red-bright:hover{background-color:var(--red-bright)}.hover-background-error:hover{background-color:var(--error)}.hover-background-blue:hover{background-color:var(--blue)}.hover-background-blue-light:hover{background-color:var(--blue-light)}.hover-background-indigo:hover{background-color:var(--indigo)}.hover-background-magenta:hover{background-color:var(--magenta)}.hover-background-selected:hover{background-color:var(--selected)}.hover-background-smoke:hover{background-color:var(--smoke)}.hover-background-grey-50:hover{background-color:var(--grey-50)}.hover-background-grey-100:hover{background-color:var(--grey-100)}.hover-background-grey-200:hover{background-color:var(--grey-200)}.hover-background-grey-300:hover{background-color:var(--grey-300)}.hover-background-grey-400:hover{background-color:var(--grey-400)}.hover-background-grey-500:hover{background-color:var(--grey-500)}.hover-background-grey-600:hover{background-color:var(--grey-600)}.hover-background-grey-900:hover{background-color:var(--grey-900)}.hover-background-status-none:hover{background-color:var(--status-none)}.hover-background-status-done:hover{background-color:var(--status-done)}.hover-background-status-ongoing:hover{background-color:var(--status-ongoing)}.hover-background-status-todo:hover{background-color:var(--status-todo)}.hover-background-overlay:hover{background-color:var(--overlay)}.hover-background-gradient:hover{background:var(--gradient-left)}.border-none{border:none;outline:none}.border-1{border-style:solid;border-width:1px}.border-2{border-style:solid;border-width:2px}.border-x-1{border-left-style:solid;border-left-width:1px;border-right-style:solid;border-right-width:1px}.border-y-1{border-top-style:solid;border-top-width:1px;border-bottom-style:solid;border-bottom-width:1px}.border-x-2{border-left-style:solid;border-left-width:2px;border-right-style:solid;border-right-width:2px}.border-y-2{border-top-style:solid;border-top-width:2px;border-bottom-style:solid;border-bottom-width:2px}.border-top-1{border-top-style:solid;border-top-width:1px}.border-top-2{border-top-style:solid;border-top-width:2px}.border-right-1{border-right-style:solid;border-right-width:1px}.border-right-2{border-right-style:solid;border-right-width:2px}.border-bottom-1{border-bottom-style:solid;border-bottom-width:1px}.border-bottom-2{border-bottom-style:solid;border-bottom-width:2px}.border-left-1{border-left-style:solid;border-left-width:1px}.border-left-2{border-left-style:solid;border-left-width:2px}.border-white{border-color:var(--white)}.border-black{border-color:var(--black)}.border-violet-light{border-color:var(--violet-light)}.border-violet-medium{border-color:var(--violet-medium)}.border-violet-dark{border-color:var(--violet-dark)}.border-red{border-color:var(--red)}.border-red-light{border-color:var(--red-light)}.border-red-bright{border-color:var(--red-bright)}.border-error{border-color:var(--error)}.border-blue{border-color:var(--blue)}.border-blue-light{border-color:var(--blue-light)}.border-indigo{border-color:var(--indigo)}.border-magenta{border-color:var(--magenta)}.border-selected{border-color:var(--selected)}.border-smoke{border-color:var(--smoke)}.border-grey-50{border-color:var(--grey-50)}.border-grey-100{border-color:var(--grey-100)}.border-grey-200{border-color:var(--grey-200)}.border-grey-300{border-color:var(--grey-300)}.border-grey-400{border-color:var(--grey-400)}.border-grey-500{border-color:var(--grey-500)}.border-grey-600{border-color:var(--grey-600)}.border-grey-900{border-color:var(--grey-900)}.border-status-none{border-color:var(--status-none)}.border-status-done{border-color:var(--status-done)}.border-status-ongoing{border-color:var(--status-ongoing)}.border-status-todo{border-color:var(--status-todo)}.border-overlay{border-color:var(--overlay)}.hover-border-white:hover{border-color:var(--white)}.hover-border-black:hover{border-color:var(--black)}.hover-border-violet-light:hover{border-color:var(--violet-light)}.hover-border-violet-medium:hover{border-color:var(--violet-medium)}.hover-border-violet-dark:hover{border-color:var(--violet-dark)}.hover-border-red:hover{border-color:var(--red)}.hover-border-red-light:hover{border-color:var(--red-light)}.hover-border-red-bright:hover{border-color:var(--red-bright)}.hover-border-error:hover{border-color:var(--error)}.hover-border-blue:hover{border-color:var(--blue)}.hover-border-blue-light:hover{border-color:var(--blue-light)}.hover-border-indigo:hover{border-color:var(--indigo)}.hover-border-magenta:hover{border-color:var(--magenta)}.hover-border-selected:hover{border-color:var(--selected)}.hover-border-smoke:hover{border-color:var(--smoke)}.hover-border-grey-50:hover{border-color:var(--grey-50)}.hover-border-grey-100:hover{border-color:var(--grey-100)}.hover-border-grey-200:hover{border-color:var(--grey-200)}.hover-border-grey-300:hover{border-color:var(--grey-300)}.hover-border-grey-400:hover{border-color:var(--grey-400)}.hover-border-grey-500:hover{border-color:var(--grey-500)}.hover-border-grey-600:hover{border-color:var(--grey-600)}.hover-border-grey-900:hover{border-color:var(--grey-900)}.hover-border-status-none:hover{border-color:var(--status-none)}.hover-border-status-done:hover{border-color:var(--status-done)}.hover-border-status-ongoing:hover{border-color:var(--status-ongoing)}.hover-border-status-todo:hover{border-color:var(--status-todo)}.hover-border-overlay:hover{border-color:var(--overlay)}.rounded{border-radius:var(--radius-large)}.rounded-small{border-radius:var(--radius-small)}.rounded-top{border-top-left-radius:var(--radius-large);border-top-right-radius:var(--radius-large)}.rounded-bottom{border-bottom-left-radius:var(--radius-large);border-bottom-right-radius:var(--radius-large)}.rounded-top-left{border-top-left-radius:var(--radius-large)}.rounded-top-right{border-top-right-radius:var(--radius-large)}.rounded-bottom-right{border-bottom-right-radius:var(--radius-large)}.rounded-bottom-left{border-bottom-left-radius:var(--radius-large)}.padding-0{padding:var(--spacing-0)}.padding-1{padding:var(--spacing-1)}.padding-2{padding:var(--spacing-2)}.padding-3{padding:var(--spacing-3)}.padding-4{padding:var(--spacing-4)}.padding-5{padding:var(--spacing-5)}.padding-6{padding:var(--spacing-6)}.padding-x-0{padding-left:var(--spacing-0);padding-right:var(--spacing-0)}.padding-y-0{padding-top:var(--spacing-0);padding-bottom:var(--spacing-0)}.padding-x-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.padding-y-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.padding-x-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.padding-y-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.padding-x-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.padding-y-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.padding-x-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.padding-y-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.padding-x-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.padding-y-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.padding-x-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.padding-y-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.padding-top-0{padding-top:var(--spacing-0)}.padding-top-1{padding-top:var(--spacing-1)}.padding-top-2{padding-top:var(--spacing-2)}.padding-top-3{padding-top:var(--spacing-3)}.padding-top-4{padding-top:var(--spacing-4)}.padding-top-5{padding-top:var(--spacing-5)}.padding-top-6{padding-top:var(--spacing-6)}.padding-right-0{padding-right:var(--spacing-0)}.padding-right-1{padding-right:var(--spacing-1)}.padding-right-2{padding-right:var(--spacing-2)}.padding-right-3{padding-right:var(--spacing-3)}.padding-right-4{padding-right:var(--spacing-4)}.padding-right-5{padding-right:var(--spacing-5)}.padding-right-6{padding-right:var(--spacing-6)}.padding-bottom-0{padding-bottom:var(--spacing-0)}.padding-bottom-1{padding-bottom:var(--spacing-1)}.padding-bottom-2{padding-bottom:var(--spacing-2)}.padding-bottom-3{padding-bottom:var(--spacing-3)}.padding-bottom-4{padding-bottom:var(--spacing-4)}.padding-bottom-5{padding-bottom:var(--spacing-5)}.padding-bottom-6{padding-bottom:var(--spacing-6)}.padding-left-0{padding-left:var(--spacing-0)}.padding-left-1{padding-left:var(--spacing-1)}.padding-left-2{padding-left:var(--spacing-2)}.padding-left-3{padding-left:var(--spacing-3)}.padding-left-4{padding-left:var(--spacing-4)}.padding-left-5{padding-left:var(--spacing-5)}.padding-left-6{padding-left:var(--spacing-6)}.margin-0{margin:var(--spacing-0)}.margin-1{margin:var(--spacing-1)}.margin-2{margin:var(--spacing-2)}.margin-3{margin:var(--spacing-3)}.margin-4{margin:var(--spacing-4)}.margin-5{margin:var(--spacing-5)}.margin-6{margin:var(--spacing-6)}.margin-x-0{margin-left:var(--spacing-0);margin-right:var(--spacing-0)}.margin-y-0{margin-top:var(--spacing-0);margin-bottom:var(--spacing-0)}.margin-x-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.margin-y-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.margin-x-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.margin-y-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.margin-x-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.margin-y-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.margin-x-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.margin-y-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.margin-x-5{margin-left:var(--spacing-5);margin-right:var(--spacing-5)}.margin-y-5{margin-top:var(--spacing-5);margin-bottom:var(--spacing-5)}.margin-x-6{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.margin-y-6{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.margin-top-0{margin-top:var(--spacing-0)}.margin-top-1{margin-top:var(--spacing-1)}.margin-top-2{margin-top:var(--spacing-2)}.margin-top-3{margin-top:var(--spacing-3)}.margin-top-4{margin-top:var(--spacing-4)}.margin-top-5{margin-top:var(--spacing-5)}.margin-top-6{margin-top:var(--spacing-6)}.margin-right-0{margin-right:var(--spacing-0)}.margin-right-1{margin-right:var(--spacing-1)}.margin-right-2{margin-right:var(--spacing-2)}.margin-right-3{margin-right:var(--spacing-3)}.margin-right-4{margin-right:var(--spacing-4)}.margin-right-5{margin-right:var(--spacing-5)}.margin-right-6{margin-right:var(--spacing-6)}.margin-bottom-0{margin-bottom:var(--spacing-0)}.margin-bottom-1{margin-bottom:var(--spacing-1)}.margin-bottom-2{margin-bottom:var(--spacing-2)}.margin-bottom-3{margin-bottom:var(--spacing-3)}.margin-bottom-4{margin-bottom:var(--spacing-4)}.margin-bottom-5{margin-bottom:var(--spacing-5)}.margin-bottom-6{margin-bottom:var(--spacing-6)}.margin-left-0{margin-left:var(--spacing-0)}.margin-left-1{margin-left:var(--spacing-1)}.margin-left-2{margin-left:var(--spacing-2)}.margin-left-3{margin-left:var(--spacing-3)}.margin-left-4{margin-left:var(--spacing-4)}.margin-left-5{margin-left:var(--spacing-5)}.margin-left-6{margin-left:var(--spacing-6)}.gap-0{gap:var(--spacing-0)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-grow{flex-grow:1}.center{justify-content:center;align-items:center}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.width-full{width:100%}.height-full{height:100%}.width-40{width:40px}.height-40{height:40px}.height-header{height:var(--header-height)}.height-icon{height:var(--menu-icon-size)}.border-box{box-sizing:border-box}.position-relative{position:relative}.z-index-1{z-index:1}.z-index-2{z-index:2}.z-index-3{z-index:3}.z-index-4{z-index:4}.shadow{box-shadow:var(--shadow-small)}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.font-bold{font-weight:700}.text-decoration-none{text-decoration:none}.text-center{text-align:center}