a[data-v-16489641]{text-decoration:none;color:#000}.layout[data-v-16489641]{height:100%;width:95rem;max-width:calc(100% - 3rem);margin-right:auto;margin-left:auto;display:flex;align-items:center;overflow:hidden}.logo-component[data-v-16489641]{width:25%;height:100%;display:flex;align-items:center;justify-content:left}.logo[data-v-16489641]{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:left}.logo__img[data-v-16489641]{width:2.25rem;height:2.25rem;object-fit:contain}.logo__text[data-v-16489641]{font-family:Montserrat,sans-serif;font-style:normal;font-weight:700;font-size:2rem;line-height:2rem;text-decoration:none}.menu-component[data-v-16489641]{width:50%;height:100%}.header-menu[data-v-16489641]{width:100%}.header-menu[data-v-16489641],.header-menu__item[data-v-16489641]{height:100%;display:flex;align-items:center;justify-content:center}.header-menu__item[data-v-16489641]{padding:0 10%;position:relative}.header-menu__link[data-v-16489641]{font-family:Montserrat,sans-serif;font-style:normal;font-weight:400;font-size:1rem;line-height:1rem;color:#f8faff;position:relative;transform:translateY(1px)}.header-menu__link[data-v-16489641]:after{display:block;content:"";border-bottom:2px solid #f8faff;transform:scaleX(0) translateY(4px);transition:transform .25s ease-in-out}.header-menu__link[data-v-16489641]:hover:after{transform:scaleX(1) translateY(4px)}.header-menu__link.fromRight[data-v-16489641]:after{transform-origin:100% 50%}.header-menu__link.fromLeft[data-v-16489641]:after{transform-origin:0 50%}.workflow-title[data-v-16489641]{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.workflow-title__input[data-v-16489641],.workflow-title__text[data-v-16489641]{color:#fff;font-family:Montserrat,sans-serif;font-style:normal;font-weight:600;font-size:1.5rem;line-height:1.5rem;text-decoration:none}.workflow-title__input[data-v-16489641]{text-align:center;background:transparent;border:none}.workflow-title__input[data-v-16489641]:focus{outline:none;box-shadow:none}.login-component[data-v-16489641]{width:25%;height:100%;display:flex;justify-content:right;align-items:center}.login__link[data-v-16489641]{display:flex;align-items:center;font-family:Montserrat,sans-serif;font-style:normal;font-weight:400;font-size:1rem;line-height:1.2rem;color:#f1f3f8}body{overflow-x:hidden}.app,.main__app{width:100vw;overflow-x:hidden}.header-component{width:100%;height:48px;position:fixed;z-index:999;background-color:rgba(0,0,0,.9)}.adminPage__header,.datasetsPage__header,.filesPage__header,.workflowPage__header{width:100%;height:48px;position:relative;background-color:rgba(0,0,0,.9)}.tutorialPage__header{display:none}.main-component{width:100%}.loginPage__main{width:100%;height:80%;background:#f0f0f0}.adminPage__main,.datasetsPage__main,.filesPage__main,.workflowPage__main{height:calc(100vh - 48px)}.footer-component{width:100%;height:80px;background:#fff;border-top:1px solid #e1e1e1}.adminPage__footer,.datasetsPage__footer,.filesPage__footer,.loginPage__footer,.workflowPage__footer{display:none}.footer__content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.copyright__txt{font-weight:400;font-size:16px;line-height:16px;color:#5e5e5e}.copyright__txt,.version__info{font-family:NanumGothic;font-style:normal}.version__info{font-weight:300;font-size:12px;line-height:12px;color:#9e9e9e}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--dfBackgroundColor:hsla(0,0%,100%,.1);--dfBackgroundSize:10%;--dfBackgroundImage:linear-gradient(90deg,hsla(0,0%,100%,.1) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.1) 1px,transparent 0);--dfNodeType:flex;--dfNodeTypeFloat:none;--dfNodeBackgroundColor:hsla(0,0%,100%,.9);--dfNodeTextColor:#fff;--dfNodeBorderSize:0px;--dfNodeBorderColor:#000;--dfNodeBorderRadius:16px;--dfNodeMinHeight:64px;--dfNodeMinWidth:64px;--dfNodePaddingTop:0px;--dfNodePaddingBottom:0px;--dfNodePaddingLeft:0px;--dfNodePaddingRight:0px;--dfNodeBoxShadowHL:0px;--dfNodeBoxShadowVL:0px;--dfNodeBoxShadowBR:0px;--dfNodeBoxShadowS:1px;--dfNodeBoxShadowColor:hsla(0,0%,100%,.3);--dfNodeHoverBackgroundColor:hsla(0,0%,100%,.4);--dfNodeHoverTextColor:#fff;--dfNodeHoverBorderSize:0px;--dfNodeHoverBorderColor:#000;--dfNodeHoverBorderRadius:16px;--dfNodeHoverBoxShadowHL:0px;--dfNodeHoverBoxShadowVL:0px;--dfNodeHoverBoxShadowBR:3px;--dfNodeHoverBoxShadowS:1px;--dfNodeHoverBoxShadowColor:#f7f740;--dfNodeSelectedBackgroundColor:hsla(0,0%,100%,.4);--dfNodeSelectedTextColor:#fff;--dfNodeSelectedBorderSize:0px;--dfNodeSelectedBorderColor:#000;--dfNodeSelectedBorderRadius:16px;--dfNodeSelectedBoxShadowHL:0px;--dfNodeSelectedBoxShadowVL:0px;--dfNodeSelectedBoxShadowBR:6px;--dfNodeSelectedBoxShadowS:1px;--dfNodeSelectedBoxShadowColor:#f7f740;--dfInputBackgroundColor:rgba(0,0,0,.8);--dfInputBorderSize:0px;--dfInputBorderColor:hsla(0,0%,100%,.1);--dfInputBorderRadius:16px 16px 16px 16px;--dfInputLeft:-22px;--dfInputHeight:48px;--dfInputWidth:16px;--dfInputHoverBackgroundColor:hsla(0,0%,100%,.2);--dfInputHoverBorderSize:0px;--dfInputHoverBorderColor:hsla(0,0%,100%,.1);--dfInputHoverBorderRadius:16px 16px 16px 16px;--dfOutputBackgroundColor:rgba(0,0,0,.8);--dfOutputBorderSize:0px;--dfOutputBorderColor:#aac1f0;--dfOutputBorderRadius:16px 16px 16px 16px;--dfOutputRight:-6px;--dfOutputHeight:48px;--dfOutputWidth:16px;--dfOutputHoverBackgroundColor:hsla(0,0%,100%,.2);--dfOutputHoverBorderSize:0px;--dfOutputHoverBorderColor:#789de5;--dfOutputHoverBorderRadius:16px 16px 16px 16px;--dfLineWidth:10px;--dfLineColor:rgba(87,218,254,.7);--dfLineHoverColor:rgba(247,206,44,.62);--dfLineSelectedColor:rgba(247,207,44,.8);--dfRerouteBorderWidth:1px;--dfRerouteBorderColor:#747474;--dfRerouteBackgroundColor:#fff;--dfRerouteHoverBorderWidth:2px;--dfRerouteHoverBorderColor:#5384ff;--dfRerouteHoverBackgroundColor:#fff;--dfDeleteDisplay:block;--dfDeleteColor:#9c1212;--dfDeleteBackgroundColor:rgba(255,49,49,.5);--dfDeleteBorderSize:2px;--dfDeleteBorderColor:rgba(255,49,49,.5);--dfDeleteBorderRadius:10px;--dfDeleteTop:-10px;--dfDeleteRight:-10px;--dfDeleteHoverColor:rgba(255,29,29,0);--dfDeleteHoverBackgroundColor:#ff3131;--dfDeleteHoverBorderSize:2px;--dfDeleteHoverBorderColor:#ff3131;--dfDeleteHoverBorderRadius:10px}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-5deg)}20%{transform:rotate(3deg)}25%{transform:rotate(-3deg)}30%{transform:rotate(1deg)}35%{transform:rotate(-1deg)}40%,to{transform:rotate(0)}}@keyframes moveArrow{0%,to{bottom:-51px}50%{bottom:-44px}}@keyframes darkenAndLightenMain{0%{background-color:#000}to{background-color:#000000ac}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes darkenAndLightenBump{0%{background:linear-gradient(180deg,#000,#c3c3c3)}25%{background:linear-gradient(180deg,#000000e8,#c3c3c3)}50%{background:linear-gradient(180deg,#000000ca,#c3c3c3)}75%{background:linear-gradient(180deg,#000000bc,#c3c3c3)}to{background:linear-gradient(180deg,#000000ac,#c3c3c3)}}@keyframes rotate-loading{0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg)}to{transform:rotate(1turn);-ms-transform:rotate(1turn);-webkit-transform:rotate(1turn);-o-transform:rotate(1turn);-moz-transform:rotate(1turn)}}@keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes complete-text-opacity{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}