.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}.gap-1{gap:1rem}.gap-2{gap:1.2rem}.gap-3{gap:1.5rem}.gap-4{gap:1.7rem}.gap-5{gap:2rem}.gap-6{gap:2.2rem}.gap-7{gap:2.5rem}.gap-8{gap:2.7rem}.gap-9{gap:3rem}.gap-y-1{row-gap:1rem}.gap-y-2{row-gap:1.25rem}.gap-y-3{row-gap:1.5rem}.gap-y-4{row-gap:1.75rem}.gap-y-5{row-gap:2rem}.gap-y-6{row-gap:2.25rem}.gap-y-7{row-gap:2.5rem}.gap-y-8{row-gap:2.75rem}.gap-y-9{row-gap:3rem}.gap-x-1{column-gap:1rem}.gap-x-2{column-gap:1.25rem}.gap-x-3{column-gap:1.5rem}.gap-x-4{column-gap:1.75rem}.gap-x-5{column-gap:2rem}.gap-x-6{column-gap:2.25rem}.gap-x-7{column-gap:2.5rem}.gap-x-8{column-gap:2.75rem}.gap-x-9{column-gap:3rem}@media (min-width:640px){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-center{justify-content:center}.sm\:items-center{align-items:center}}@media (min-width:768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:justify-center{justify-content:center}.md\:items-center{align-items:center}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:justify-center{justify-content:center}.lg\:items-center{align-items:center}}.w-full{width:100%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-full{height:100%}.h-screen{height:100vh}.min-w-0{min-width:0}.max-w-full{max-width:100%}:where(html){-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--margin-default:10px;--margin-half:calc(var(--margin-default)/2);--margin-double:calc(var(--margin-default)*2);--padding-default:10px;--padding-half:calc(var(--padding-default)/2);--padding-double:calc(var(--padding-default)*2);--font-size-base:10px;--font-size-small:1rem;--font-size-medium:1.2rem;--font-size-regular:1.5rem;--font-size-button:1.3rem;--font-size-note:var(--font-size-regular);--font-size-h1:2.6rem;--font-size-h2:2.6rem;--font-size-h3:2.1rem;--font-size-h4:1.6rem;--font-size-h5:1.4rem;--size-drawer-width:280px;--size-drawer-width-max:500px;--size-mainmenu-width:340px;--size-mainmenu-width-max:400px;--size-border-radius:6px;--size-button-height:42px;--size-header-height:60px;--size-node-detail-width:900px;--size-palette-swatch-size:1.6rem;--animation-duration-slow:1s;--animation-duration-medium:0.5s;--animation-duration-fast:0.25s;--shadow-hard:1px 1px 6px 2px #0000001a;--color-blue:indigo;--color-green:#46b980;--color-green-dark:#426039;--color-red:#cc3b33;--color-yellow:#fff1a8;--color-brown-light:#b29a9af2;--color-brown-dark:#4c4141f2;--color-yellow-light:#ffe4b5;--color-black-tp:#0009;--color-black-1:#161618;--color-black-2:#2c2d30;--color-black-3:#414348;--color-white-tp:#fff9;--color-white-1:#fcfcfd;--color-white-2:#f1f2f3;--color-white-3:#dee0e3;--color-white-4:#c2c6cb;--color-white-5:#a7acb4;--color-white-6:#757e8a}body:has(.light-theme){--color-primary-1:var(--color-white-1);--color-primary-2:var(--color-white-2);--color-secondary-1:var(--color-black-2);--color-secondary-2:var(--color-white-3);--color-highlight:var(--color-red);--color-selected:var(--color-red);--color-selected-text:var(--color-primary-1);--color-button-icon:var(--color-black-3);--color-button-icon-reverse:var(--color-secondary-2);--color-body-text:var(--color-black-3);--color-body-text-reverse:var(--color-black-2);--color-body-text-white:var(--color-white-2);--color-body-text-black:var(--color-black-2);--color-overlay-bg:var(--color-white-tp);--color-canvas-bg:var(--color-secondary-2);--color-canvas-title:var(--color-body-text);--color-header-bg:var(--color-primary-2);--color-drawer-bg:var(--color-primary-2);--color-drawer-text:var(--color-body-text);--color-button-background:var(--color-primary-1);--color-button-text:var(--color-secondary-1);--color-button-border:#0000001a;--color-button-background-hover:var(--color-secondary-2);--color-button-text-hover:var(--color-secondary-1);--color-button-warn:var(--color-primary-1);--color-button-warn-text:var(--color-highlight);--color-button-background-reverse:var(--color-primary-2);--color-button-text-reverse:var(--color-primary-1);--color-button-hover-reverse:var(--color-secondary-1);--color-button-border-reverse:#0000;--color-node-bg:var(--color-primary-1);--color-node-list-bg:var(--color-primary-1);--color-node-list-container-bg:var(--color-primary-1);--color-node-text:var(--color-body-text);--color-node-active:var(--color-node-bg);--color-node-active-text:var(--color-body-text);--color-edge:var(--color-secondary-1);--color-edge-hover:var(--color-highlight)}body:has(.dark-theme){--color-primary-1:var(--color-black-1);--color-primary-2:var(--color-black-3);--color-secondary-1:var(--color-white-3);--color-secondary-2:var(--color-black-2);--color-highlight:var(--color-red);--color-selected:var(--color-red);--color-selected-text:var(--color-primary-1);--color-button-icon:var(--color-white-5);--color-button-icon-reverse:var(--color-primary-1);--color-body-text:var(--color-white-4);--color-body-text-reverse:var(--color-black-2);--color-body-text-white:var(--color-white-4);--color-body-text-black:var(--color-black-2);--color-overlay-bg:var(--color-black-tp);--color-canvas-bg:var(--color-secondary-2);--color-canvas-title:var(--color-body-text);--color-header-bg:var(--color-primary-2);--color-drawer-bg:var(--color-primary-2);--color-drawer-text:var(--color-body-text);--color-button-background:var(--color-primary-1);--color-button-text:var(--color-secondary-1);--color-button-border:#000000bf;--color-button-background-hover:var(--color-secondary-2);--color-button-text-hover:var(--color-secondary-1);--color-button-warn:var(--color-primary-1);--color-button-warn-text:var(--color-highlight);--color-button-background-reverse:var(--color-primary-2);--color-button-text-reverse:var(--color-primary-1);--color-button-hover-reverse:var(--color-secondary-1);--color-button-border-reverse:#0000;--color-node-bg:var(--color-primary-1);--color-node-list-bg:var(--color-primary-1);--color-node-list-container-bg:var(--color-primary-1);--color-node-text:var(--color-body-text);--color-node-active:var(--color-node-bg);--color-node-active-text:var(--color-body-text);--color-edge:var(--color-primary-2);--color-edge-hover:var(--color-highlight)}*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}html{line-height:normal}body,html{font-size:10px;font-size:var(--font-size-base)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-canvas-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overscroll-behavior-y:contain}body,input,textarea{color:var(--color-body-text);margin:0}input,textarea{-webkit-appearance:none;appearance:none;background-color:var(--color-secondary-2);border:none;border-radius:6px;border-radius:var(--size-border-radius);font-family:inherit;font-size:1.5rem;font-size:var(--font-size-note);line-height:normal;padding:0}input[type=email],input[type=password],input[type=text]{height:42px;height:var(--size-button-height)}input[type=email],input[type=password],input[type=text],textarea{box-sizing:border-box;padding:10px;padding:var(--padding-default);width:100%}textarea{height:100px;resize:none}#root{display:block}#overlay-container{background-color:var(--color-overlay-bg);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}#overlay-container .drawer{bottom:auto!important;margin:0 auto;position:relative;top:60px;top:var(--size-header-height)}.app-background{background-color:var(--color-canvas-bg)}.loader{height:42px;height:var(--size-button-height);margin-left:10px;margin-left:var(--padding-default);opacity:0;transition:opacity .5s ease-in-out;transition:"opacity .5s ease-in-out";width:42px;width:var(--size-button-height)}.loader img{height:100%;width:100%}a{color:var(--color-highlight);cursor:pointer;text-decoration:none}p{font-size:1.5rem;font-size:var(--font-size-note);line-height:2rem;line-height:calc(var(--font-size-note) + .5rem);margin:0}code{font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Courier New,monospace;line-height:1.7rem;line-height:calc(var(--font-size-note) + .2rem);padding:2px;white-space:pre-wrap}code,pre{background:var(--color-primary-2);border-radius:6px;border-radius:var(--size-border-radius);font-size:1.3rem;font-size:calc(var(--font-size-note) - .2rem)}pre{padding:10px;padding:var(--padding-default)}h1,h2,h3,h4,h5{font-weight:600;margin:.5rem 0}.h1,h1{font-size:2.6rem;font-size:var(--font-size-h1);line-height:2.8rem;line-height:calc(var(--font-size-h1) + .2rem)}.h2,h2{font-size:2.6rem;font-size:var(--font-size-h2);line-height:2.8rem;line-height:calc(var(--font-size-h2) + .2rem)}.h3,h3{font-size:2.1rem;font-size:var(--font-size-h3);line-height:2.3rem;line-height:calc(var(--font-size-h3) + .2rem)}.h4,h4{font-size:1.6rem;font-size:var(--font-size-h4);line-height:1.8rem;line-height:calc(var(--font-size-h4) + .2rem)}.h5,h5{font-size:1.4rem;font-size:var(--font-size-h5);line-height:1.6rem;line-height:calc(var(--font-size-h5) + .2rem)}.text-align-right{text-align:right}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-weight-normal{font-weight:400!important}.text-size-small{font-size:1rem!important;font-size:var(--font-size-small)!important}.text-size-medium{font-size:1.2rem!important;font-size:var(--font-size-medium)!important}.text-size-regular{font-size:1.5rem!important;font-size:var(--font-size-regular)!important}.text-decoration-none{text-decoration:none!important}.text-line-height-0{line-height:0!important}label{color:var(--color-body-text);font-size:1.5rem;font-size:var(--font-size-regular)}hr{border:1px;border-style:dotted;color:var(--color-primary-1);margin:0}.button,button{align-items:center;background-color:var(--color-button-background);border:1px solid var(--color-button-border);border-radius:6px;border-radius:var(--size-border-radius);box-sizing:border-box;color:var(--color-button-icon);cursor:pointer;display:inline-flex;font-family:inherit;gap:6.66667px;gap:calc(var(--padding-default)/1.5);height:42px;height:var(--size-button-height);justify-content:center;margin:0;min-height:28px;min-width:42px;min-width:var(--size-button-height);padding:0 8px;-webkit-user-select:none;user-select:none}.button,.button-label,button{font-size:1.3rem;font-size:var(--font-size-button)}.button-label{color:var(--color-button-text);line-height:0}.button:hover,button:hover{background-blend-mode:normal!important;background-color:var(--color-button-background-hover);color:var(--color-button-text-hover);transition:background-color .25s;transition:background-color var(--animation-duration-fast)}.button-hidden-show-onhover:hover .button-hidden,.button-hidden:hover{display:inline-flex!important}.button-hidden{display:none!important}.button-selected,.button-selected:hover{background-color:var(--color-selected);color:var(--color-selected-text)}.button-reverse{background-color:var(--color-button-background-reverse)!important;border-color:var(--color-button-border-reverse)!important;color:var(--color-button-text-reverse)!important}.button-reverse:hover{color:var(--color-button-text)!important}.button-normal{background-color:var(--color-secondary-2);color:var(--color-button-icon)}.button-link,.button-link:hover{background-color:initial;color:var(--color-highlight)}.button-link:disabled{opacity:.5}.button-danger{background-color:var(--color-button-warn);color:var(--color-button-warn-text)!important}.button-add-width{min-width:80px}@media screen and (max-width:768px){.button-responsive .button-label{display:none}}ul{margin:0;padding:0}li{font-size:1.5rem;font-size:var(--font-size-note);list-style:none}.list ul{display:flex;flex-direction:column;justify-content:flex-start}.list li{align-items:center;display:flex;justify-content:space-between;position:relative;width:inherit}.list .list-item-content{color:var(--color-body-text);display:flex;flex:1 0;flex-direction:column;justify-content:center;overflow:hidden;padding:20px;text-decoration:none}.list .list-item-content[role=button]{cursor:pointer}.list .list-row-2{display:flex}.list .list-row-2-right{flex:1 1}.list .list-selected{background-color:var(--color-secondary-2);color:var(--color-body-text)!important}.list-selected .list-row-1{background-color:initial}.list .list-item-content:focus-visible{background-color:var(--color-button-background-hover);color:var(--color-body-text)!important;outline:none}.list .list-actions{position:absolute;right:0}.border-primary-dark{border:1px solid var(--color-primary-2)}.border-primary-light{border:1px solid var(--color-primary-1)}.border-secondary-dark{border:1px solid var(--color-secondary-2)}.border-secondary-light{border:1px solid var(--color-secondary-1)}.border-highlight{border:1px solid var(--color-highlight)!important}.border-button{border:1px solid var(--color-button-border)}.color-text-primary-dark{color:var(--color-primary-2)}.color-text-primary-light{color:var(--color-primary-1)}.color-text-secondary-dark{color:var(--color-secondary-2)}.color-text-secondary-light{color:var(--color-secondary-1)}.color-text-highlight{color:var(--color-highlight)}.color-text-body{color:var(--color-body-text)}.color-background-primary-dark{background-color:var(--color-primary-2)}.color-background-primary-light{background-color:var(--color-primary-1)}.color-background-secondary-dark{background-color:var(--color-secondary-2)}.color-background-secondary-light{background-color:var(--color-secondary-1)}.color-background-highlight{background-color:var(--color-highlight)!important}.opacity-0{opacity:0}.opacity-1{opacity:.9}.opacity-2{opacity:.7}.opacity-3{opacity:.5}.drop-shadow-hard{box-shadow:1px 1px 6px 2px #0000001a;box-shadow:var(--shadow-hard)}.width-inherit{width:inherit}.width-max-content{width:-webkit-max-content;width:max-content}.width-100{width:100%}.width-100-vw{width:100vw}.margin-0{margin:0!important}.margin-half{margin:5px;margin:var(--margin-half)}.margin,.margin-1{margin:10px!important;margin:var(--margin-default)!important}.margin-2{margin:20px!important;margin:calc(var(--margin-default)*2)!important}.margin-3{margin:30px!important;margin:calc(var(--margin-default)*3)!important}.margin-4{margin:40px!important;margin:calc(var(--margin-default)*4)!important}.margin-top-0{margin-top:0!important}.margin-top-1{margin-top:10px!important;margin-top:var(--margin-default)!important}.margin-top-2{margin-top:20px!important;margin-top:calc(var(--margin-default)*2)!important}.margin-top-3{margin-top:30px!important;margin-top:calc(var(--margin-default)*3)!important}.margin-top-4{margin-top:40px!important;margin-top:calc(var(--margin-default)*4)!important}.margin-right-0{margin-right:0!important}.margin-right-1{margin-right:10px!important;margin-right:var(--margin-default)!important}.margin-right-2{margin-right:20px!important;margin-right:calc(var(--margin-default)*2)!important}.margin-right-3{margin-right:30px!important;margin-right:calc(var(--margin-default)*3)!important}.margin-right-4{margin-right:40px!important;margin-right:calc(var(--margin-default)*4)!important}.margin-bottom-0{margin-bottom:0!important}.margin-bottom-1{margin-bottom:10px!important;margin-bottom:var(--margin-default)!important}.margin-bottom-2{margin-bottom:20px!important;margin-bottom:calc(var(--margin-default)*2)!important}.margin-bottom-3{margin-bottom:30px!important;margin-bottom:calc(var(--margin-default)*3)!important}.margin-bottom-4{margin-bottom:40px!important;margin-bottom:calc(var(--margin-default)*4)!important}.margin-left-0{margin-left:0!important}.margin-left-1{margin-left:10px!important;margin-left:var(--margin-default)!important}.margin-left-2{margin-left:20px!important;margin-left:calc(var(--margin-default)*2)!important}.margin-left-3{margin-left:30px!important;margin-left:calc(var(--margin-default)*3)!important}.margin-left-4{margin-left:40px!important;margin-left:calc(var(--margin-default)*4)!important}.padding-0{padding:0}.padding,.padding-1{padding:10px;padding:var(--padding-default)}.padding-2{padding:20px;padding:calc(var(--padding-default)*2)}.padding-3{padding:30px;padding:calc(var(--padding-default)*3)}.padding-4{padding:40px;padding:calc(var(--padding-default)*4)}.padding-top-1{padding-top:10px;padding-top:var(--padding-default)}.padding-right-1{padding-right:10px;padding-right:var(--padding-default)}.padding-bottom-1{padding-bottom:10px;padding-bottom:var(--padding-default)}.padding-left-1{padding-left:10px;padding-left:var(--padding-default)}.padding-top-2{padding-top:20px;padding-top:calc(var(--padding-default)*2)}.padding-right-2{padding-right:20px;padding-right:calc(var(--padding-default)*2)}.padding-bottom-2{padding-bottom:20px;padding-bottom:calc(var(--padding-default)*2)}.padding-left-2{padding-left:20px;padding-left:calc(var(--padding-default)*2)}.no-border{border:none}.no-border-radius{border-radius:0;border-radius:initial}.border-radius{border-radius:6px;border-radius:var(--size-border-radius)}.grabbable{cursor:move;cursor:grab;cursor:-webkit-grab}.grabbable:active{cursor:grabbing;cursor:-webkit-grabbing}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}@media screen and (max-width:576px){.button-container:has(.sm-hide),.sm-hide{display:none}.sm-show{display:flex}}@media screen and (min-width:576px){.sm-show{display:none}}.fix-scroll-small-screen{padding-bottom:100px!important}@supports (view-transition-name:none){:root{view-transition-name:root}}::view-transition-new(root),::view-transition-old(root){animation-duration:.3s;animation-timing-function:ease-in-out}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.slide-transition{::view-transition-old(root){animation-name:slide-out-left}::view-transition-new(root){animation-name:slide-in-right}}@keyframes slide-out-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}.scale-transition{::view-transition-old(root){animation-name:scale-out}::view-transition-new(root){animation-name:scale-in}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes scale-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}::view-transition-new(route-login),::view-transition-old(route-login){animation-duration:.5s}::view-transition-old(route-login){animation-name:slide-out-bottom}::view-transition-new(route-login){animation-name:slide-in-top}@keyframes slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.drawer-container{position:relative}.drawer{background-color:var(--color-drawer-bg);border-radius:var(--size-border-radius);box-shadow:var(--shadow-hard);max-width:var(--size-drawer-width-max)}.drawer-toggle-button{align-items:center;display:flex;flex:0 0;position:relative}.drawer-toggle-button[data-popup-open]{background-color:var(--color-button-background-hover);color:var(--color-button-text-hover)}.drawer-overlay{background-color:#00000061;inset:0;position:fixed}.drawer .list-item-content,.drawer-content{color:var(--color-drawer-text)}.drawer-content{border-radius:var(--size-border-radius);box-sizing:border-box;display:flex;flex-direction:column;height:inherit;overflow:scroll;overscroll-behavior:contain;scrollbar-width:none}.drawer-content::-webkit-scrollbar{display:none}.drawer-header{align-items:center;display:flex;justify-content:space-between}.drawer-transition-open{transform:scale(1)}.drawer-transition-close{transform:scale(0)}.drawer-hitarea{height:100vh;left:0;position:fixed;width:30px}.toolbar{align-items:center;display:flex;height:var(--size-header-height);justify-content:flex-end;position:relative}@media screen and (max-width:425px){.drawer-transition-open .toolbar{display:none}}.chat-container{background:var(--color-primary-1);box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:900px;min-height:100vh;padding:calc(var(--padding-default)*2) calc(var(--padding-default)*2) 0;position:relative;transform:translateY(0);transition:transform var(--animation-duration-medium) ease-out,min-height var(--animation-duration-medium) ease-out;&::-webkit-scrollbar{width:8px}&::-webkit-scrollbar-track{background:#f1f1f1}&::-webkit-scrollbar-thumb{background:#888;border-radius:4px}&::-webkit-scrollbar-thumb:hover{background:#555}}.chat-container[data-in-drawer=true]{--color-primary-1:var(--color-drawer-bg);flex:1 1;min-height:0;min-height:auto;width:100%}.chat-container.chat-container-intro{min-height:200px;transform:translateY(100px)}.chat-container[data-in-drawer=true].chat-container-intro{height:inherit;margin:initial;min-height:0;min-height:auto;transform:translateX(0)}.chat-container.chat-container-active{transform:translateY(0)}.chat-heading{font-size:var(--font-size-h4);font-weight:700}.chat-messages{flex:1 1;padding-bottom:100px}.chat-message p{white-space:pre-line}.chat-message-user{color:var(--color-body-text-white);margin-left:auto}.chat-message-assistant,.chat-message-user{max-width:70%;width:-webkit-fit-content;width:fit-content}.chat-message-assistant{margin-right:auto}.chat-input{background-color:var(--color-primary-1);bottom:0;left:0;padding:20px 0 40px;position:-webkit-sticky!important;position:sticky!important;right:0;width:inherit;.chat-actions{align-items:center;display:flex;justify-content:space-between}}.chat-container[data-in-drawer=true] .chat-input{bottom:0}.chat-input-feathered-top{position:relative}.chat-input-feathered-top:before{--height:40px;background:linear-gradient(to top,var(--color-primary-1),#0000);content:"";height:var(--height);left:0;pointer-events:none;position:absolute;right:0;top:calc(var(--height)*-1);z-index:1}@media screen and (max-width:768px){.chat-container{max-width:100%;padding:calc(var(--padding-default)*2) calc(var(--padding-default)) 0}.chat-container.chat-container-intro{min-height:100dvh;transform:translateY(0)}}.board-container{background-color:var(--color-primary-1);box-sizing:border-box;height:calc(100dvh - var(--size-header-height));min-height:calc(100dvh - var(--size-header-height));width:100%;z-index:0}.board-canvas{background-repeat:repeat;background-size:auto;position:relative}.board-canvas .button,.board-canvas button{min-height:0;min-height:auto}#board-title{height:42px;margin:0;position:absolute}#board-title .board-title-text{color:var(--color-button-text);margin:0}@media screen and (max-width:576px){#board-title{width:90vw}}#board-title .board-title-edit-container{min-width:20rem}.board-settings{flex-wrap:wrap;padding:var(--padding-default);position:relative}.edge line{stroke:var(--color-edge);stroke-width:4px;cursor:pointer;pointer-events:auto;transition:stroke var(--animation-duration-slow),stroke-width var(--animation-duration-slow)}.edge:hover line{stroke:var(--color-edge-hover)!important;stroke-width:12px!important}.node{background:var(--color-node-bg);border-radius:var(--size-border-radius);box-shadow:var(--shadow-hard);color:var(--color-node-text);position:absolute}.node-content{box-sizing:border-box;padding:10px 20px 10px 10px}.node-editor{border:0;box-sizing:border-box;height:100%;overflow:scroll;padding:0;touch-action:auto;width:100%}.node-editor-content{box-sizing:border-box;min-height:inherit}.node .node-editor::-webkit-scrollbar{display:none}.node .node-editor{scrollbar-width:none}.node-editor-content>div[role=textbox]{outline:none}.node-editor-content>div[role=textbox]>:first-child{margin-top:0}.node-editor-content a{line-height:0}.node-editor-content li{list-style:inherit}.node-editor-content ol,.node-editor-content ul{margin:revert;padding:revert}.node-toolbar .button,.node-toolbar button{background-color:initial;border:0;box-sizing:border-box;font-size:1.3rem;height:20px;min-width:0;min-width:auto;opacity:.5;padding:0;position:absolute;touch-action:none;transition:var(--animation-duration-fast) transform,var(--animation-duration-fast) opacity;width:20px;z-index:1}.node-toolbar .button:hover,.node-toolbar button:hover{opacity:1}.node-drag-handle{cursor:grab;right:0;top:20px}.node-resize-handle{border-bottom-right-radius:var(--size-border-radius);bottom:0;cursor:grab;right:0}.node-detail-toolbar{column-gap:var(--margin-half);display:flex;width:-webkit-max-content;width:max-content}.node-detail-toolbar .button.active,.node-detail-toolbar-drawer-menu .button.active{display:none}.node-detail-toolbar-drawer-menu .button,.node-detail-toolbar-drawer-menu button{border-radius:0;border-radius:initial;justify-content:left;width:100%}.node-image{display:block;height:auto;max-height:var(--size-node-detail-width);max-width:100%}.node-element-void-selected{box-shadow:0 0 0 2px var(--color-highlight)}.node-detail-container{height:calc(100dvh - var(--size-header-height));overflow:scroll;position:fixed;width:inherit}.node-detail{background-color:var(--color-node-bg);box-sizing:border-box;color:var(--color-node-text);min-height:calc(100dvh - var(--size-header-height));padding:calc(var(--padding-default)*3);position:relative;width:100dvw}@media screen and (min-width:1024px){.node-detail{margin:0 auto;min-height:calc(100dvh - var(--size-header-height));padding:calc(var(--padding-default)*6);width:var(--size-node-detail-width)}}.node-detail-footer{background-color:var(--color-node-bg);bottom:calc(var(--size-header-height));padding:var(--padding-default);position:fixed;right:0;z-index:1}.youtube-video-container{padding:0;position:relative}.youtube-video-container[data-active=true] .youtube-video-actions{opacity:1}.youtube-video-iframe-wrapper{background-color:var(--color-secondary-2);height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.youtube-video-invalid{align-items:center;background:var(--color-secondary-2);border:1px dashed var(--color-secondary-1);bottom:0;color:var(--color-body-text);display:flex;font-size:var(--font-size-small);justify-content:center;left:0;position:absolute;right:0;top:0}.youtube-video-actions{background-color:var(--color-header-bg);bottom:var(--padding-half);gap:var(--margin-half);opacity:0;padding:var(--padding-default);pointer-events:auto;position:absolute;right:var(--padding-half);transition:opacity var(--animation-duration-fast) ease-in-out;z-index:2}.palette-container,.youtube-video-actions{border-radius:var(--size-border-radius);display:flex}.palette-container{background:var(--color-header-bg)}.hue-column,.palette-container{gap:calc(var(--padding-default)/2)}.hue-column{display:flex;flex-direction:column}.color-swatch{border-radius:2px;box-sizing:border-box;cursor:pointer;height:var(--size-palette-swatch-size);transition:all var(--animation-duration-fast) ease;width:var(--size-palette-swatch-size)}.color-swatch:hover{box-shadow:var(--shadow-hard);transform:scale(1.1)}.custom-color-picker{input{margin:revert;padding:revert}}.default-color-swatch{border:1px solid var(--color-secondary-1);cursor:pointer;height:var(--size-palette-swatch-size);width:var(--size-palette-swatch-size)}.Scroller_Scrollbar__rLiWZ{--width:.5rem;border-radius:1rem;display:flex;justify-content:center;margin:.5rem;opacity:1;transition:opacity .15s .3s;width:var(--width);&[data-hovering],&[data-scrolling]{.Scroller_Thumb__7oPrQ{opacity:1;transition-delay:0ms;transition-duration:75ms}}&:before{content:"";height:100%;position:absolute;width:3rem}}.Scroller_Thumb__7oPrQ{background-color:var(--color-selected);border-radius:inherit;opacity:0;width:100%}#header{border-top:1px solid var(--color-secondary-2);bottom:0;left:0;position:fixed;width:100%}#header,.header-container{height:var(--size-header-height)}.header-container{background-color:var(--color-header-bg);display:flex;justify-content:space-between;width:inherit}.header-left{align-items:center;display:flex;flex:1 1 auto;min-width:0}.header-right{display:flex;flex:0 0 auto;justify-content:flex-end}#header-left-portal,#header-right-portal{align-items:center;display:flex}#header-right-portal>button,#header-right-portal>label{margin-right:var(--margin-default)}.login-container{background-color:var(--color-primary-2);display:flex;flex-direction:column;flex-wrap:wrap;margin:calc(var(--margin-default)*4) auto;max-width:22rem;overflow:auto;padding:calc(var(--padding-default)*4);position:relative}.login-form{border:0;border-radius:var(--size-border-radius);height:-webkit-fit-content;height:fit-content}.login-form fieldset{border:0;margin:0;padding:0}.login-form fieldset *{display:block;margin-bottom:var(--margin-default)}.sidebar-container{background-color:var(--color-drawer-bg);height:calc(100dvh - var(--size-header-height));overflow-y:auto;scrollbar-width:none;transition:all var(--animation-duration-fast) ease-in-out;width:0}.sidebar-container[data-sidebar-isopen=true]{width:var(--size-mainmenu-width)}.search{align-items:center;display:flex;justify-content:space-between}.search input{flex-grow:1;margin:0}.list b{color:var(--color-selected)}.list-selected b{color:inherit}