.Toastify__toast-container{z-index:9999;-webkit-transform:translate3d(0,0,9999px);position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:1px;box-shadow:0 1px 10px rgba(0,0,0,.1),0 2px 15px rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:800px;overflow:hidden;font-family:sans-serif;cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--dark{background:#121212;color:#fff}.Toastify__toast--default{background:#fff;color:#aaa}.Toastify__toast--info{background:#3498db}.Toastify__toast--success{background:#07bc0c}.Toastify__toast--warning{background:#f1c40f}.Toastify__toast--error{background:#e74c3c}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0}}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--default{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:.7;background-color:rgba(255,255,255,.7);transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__progress-bar--default{background:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}.Toastify__progress-bar--dark{background:#bb86fc}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}*{margin:0;padding:0}html,body,#root{height:100%;background-color:#f6f7fa}button{transition-duration:.2s}:root{--royal-blue: #2c55dd;--light-blue: #377dff;--dark-blue: #113ac2;--black-pearl: #071b32;--black: #1a1a1a;--brown-grey: #989898;--pale-lilac: #e5e6eb;--white: #ffffff;--pale-grey: #f6f9fc;--primary-color-bot: #306afe;--primary-color-happysync: #ffd549;--primary-color-sangdamcall: #00906b;--primary-color-happytalk: #8294ae;--primary-color-heythere: #775dc3;--secondary-color-happytalk: #8294ae;--brand-fill-heythere-fill: rgba(103, 56, 239, .1);--brand-fill-happytalk-fill: rgba(89, 136, 254, .1);--brand-fill-sangdamcall-fill: rgba(0, 144, 107, .1);--brand-fill-sync-fill: rgba(243, 194, 27, .1);--brand-fill-bot-fill: rgba(48, 106, 254, .1);--brand-interaction-heythere-interaction: rgba(103, 56, 239, .1);--brand-interaction-happytalk-interaction: rgba(89, 136, 254, .1);--brand-interaction-sangdamcall-interaction: rgba(0, 144, 107, .1);--brand-interaction-sync-interaction: rgba(243, 194, 27, .1);--brand-interaction-bot-interaction: rgba(48, 106, 254, .1);--brand-interaction-focus-heythere-inter-focus: rgba(103, 56, 239, .16);--brand-interaction-focus-happytalk-inter-focus: rgba(89, 136, 254, .16);--brand-interaction-focus-sangdamcall-inter-focus: rgba(0, 144, 107, .16);--brand-interaction-focus-sync-inter-focus: rgba(243, 194, 27, .16);--brand-interaction-focus-bot-focus: rgba(48, 106, 254, .16);--red: #f9642a;--caution: #ff7a00;--green: #00ba77;--blue: #0a7aff;--yellow: #ffc107;--red-fill: rgba(249, 100, 42, .1);--caution-fill: rgba(255, 122, 0, .1);--green-fill: rgba(0, 186, 119, .1);--blue-fill: rgba(10, 122, 255, .1);--yellow-fill: #fff8e1;--primary-black: #38373e;--secondary-black: #8a8a8e;--tertiary-black: rgba(60, 60, 67, .3);--quaternary-black: rgba(60, 60, 67, .2);--primary-background: #f2f4f7;--secondary-background: rgba(60, 60, 67, .2);--tertiary-background: #f4f5f5;--tertiary-fill: rgba(140, 140, 156, .12);--gray-group-background: #f2f4f7;--white-group-background: #ffffff;--separator: rgba(60, 60, 67, .08);--black-100: rgba(0, 0, 0, 1);--black-50: rgba(0, 0, 0, .5);--black-10: rgba(0, 0, 0, .1);--black-5: rgba(0, 0, 0, .05);--form-border: #c7c7c7;--graph-sky: #8fc7ff;--graph-yellow: #f5e699;--graph-green: #9cf3d6;--graph-gray: #e5e5ea;--graph-red: #fdccbd;--graph-purple: #bdb4ee;--lnb-width: 60px;--lnb-sub-width: 244px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--r-4: 4px;--r-8: 8px;--r-12: 12px;--r-16: 16px;--r-24: 24px}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}.diagram-container{cursor:move;background-color:#fff;background-image:linear-gradient(#fafafa 1px,transparent 1px),linear-gradient(90deg,#fafafa 1px,transparent 1px),linear-gradient(#fafafa 1px,transparent 1px),linear-gradient(90deg,#fafafa 1px,transparent 1px);background-size:20px 20px;background-position:-1px -1px;width:100%;height:100%}body.play-scenario-canvas-move .diagram-container>svg,body.play-scenario-canvas-move .diagram-container>div{transition-duration:.4s;transition-property:transform}body.move-link .port.in-port{position:absolute;z-index:11;top:0;right:0;bottom:0;left:0;width:100%;height:100%}body.move-link .port .default-block-in-port{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent}body.move-link .default-block-in-port:hover{cursor:copy;background-color:rgba(56,125,254,.15)}.Toastify__toast-container{z-index:99999999;bottom:60px;padding:0;min-width:240px;width:auto}.Toastify__toast{min-height:40px;padding-left:14px}.Toastify__close-button{margin-top:2px}.Toastify__toast--info{background:#e3f1ff;color:#6e9ffe;border-bottom:1px solid #cedef4}.Toastify__close-button--info{color:#377dff}.react-contexify .playground-menu-group .react-contexify__item__content{padding:8px 12px}.react-contexify .playground-menu-sub .react-contexify__item{vertical-align:middle}.c-drag-area{height:18px;z-index:9999;position:fixed;top:0;width:100%;-webkit-app-region:drag}@font-face{font-family:Pretendard;font-weight:900;font-display:swap;src:local("Pretendard Black"),url(/fonts/pretendard/static/woff2/Pretendard-Black.woff2) format("woff2"),url(/fonts/pretendard/static/woff/Pretendard-Black.woff) format("woff"),url(/fonts/pretendard/static/Pretendard-Black.otf) format("opentype"),url(/fonts/pretendard/static/alternative/Pretendard-Black.ttf) format("truetype")}@font-face{font-family:Pretendard;font-weight:800;font-display:swap;src:local("Pretendard ExtraBold"),url(/fonts/pretendard/static/woff2/Pretendard-ExtraBold.woff2) format("woff2"),url(/fonts/pretendard/static/woff/Pretendard-ExtraBold.woff) format("woff"),url(/fonts/pretendard/static/Pretendard-ExtraBold.otf) format("opentype"),url(/fonts/pretendard/static/alternative/Pretendard-ExtraBold.ttf) format("truetype")}@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:local("Pretendard Bold"),url(/fonts/pretendard/static/woff2/Pretendard-Bold.woff2) format("woff2"),url(/fonts/pretendard/static/woff/Pretendard-Bold.woff) format("woff"),url(/fonts/pretendard/static/Pretendard-Bold.otf) format("opentype"),url(/fonts/pretendard/static/alternative/Pretendard-Bold.ttf) format("truetype")}@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:local("Pretendard SemiBold"),url(/fonts/pretendard/static/woff2/Pretendard-SemiBold.woff2) format("woff2"),url(/fonts/pretendard/static/woff/Pretendard-SemiBold.woff) format("woff"),url(/fonts/pretendard/static/Pretendard-SemiBold.otf) format("opentype"),url(/fonts/pretendard/static/alternative/Pretendard-SemiBold.ttf) format("truetype")}@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:local("Pretendard Medium"),url(/fonts/pretendard/static/woff2/Pretendard-Medium.woff2) format("woff2"),url(/fonts/pretendard/static/woff/Pretendard-Medium.woff) format("woff"),url(/fonts/pretendard/static/Pretendard-Medium.otf) format("opentype"),url(/fonts/pretendard/static/alternative/Pretendard-Medium.ttf) format("truetype")}@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:local("Pretendard Regular"),url(/fonts/pretendard/static/woff2/Pretendard-Regular.woff2) format("woff2"),url(/fonts/pretendard/static/woff/Pretendard-Regular.woff) format("woff"),url(/fonts/pretendard/static/Pretendard-Regular.otf) format("opentype"),url(/fonts/pretendard/static/alternative/Pretendard-Regular.ttf) format("truetype")}@font-face{font-family:Pretendard;font-weight:300;font-display:swap;src:local("Pretendard Light"),url(/fonts/pretendard/static/woff2/Pretendard-Light.woff2) format("woff2"),url(/fonts/pretendard/static/woff/Pretendard-Light.woff) format("woff"),url(/fonts/pretendard/static/Pretendard-Light.otf) format("opentype"),url(/fonts/pretendard/static/alternative/Pretendard-Light.ttf) format("truetype")}@font-face{font-family:Pretendard;font-weight:200;font-display:swap;src:local("Pretendard ExtraLight"),url(/fonts/pretendard/static/woff2/Pretendard-ExtraLight.woff2) format("woff2"),url(/fonts/pretendard/static/woff/Pretendard-ExtraLight.woff) format("woff"),url(/fonts/pretendard/static/Pretendard-ExtraLight.otf) format("opentype"),url(/fonts/pretendard/static/alternative/Pretendard-ExtraLight.ttf) format("truetype")}@font-face{font-family:Pretendard;font-weight:100;font-display:swap;src:local("Pretendard Thin"),url(/fonts/pretendard/static/woff2/Pretendard-Thin.woff2) format("woff2"),url(/fonts/pretendard/static/woff/Pretendard-Thin.woff) format("woff"),url(/fonts/pretendard/static/Pretendard-Thin.otf) format("opentype"),url(/fonts/pretendard/static/alternative/Pretendard-Thin.ttf) format("truetype")}