:root{--color-black: #1E1E1E;--color-red: #EB1212;--color-white: #E1E1E1;--color-menu-active: #6B5DFF;--color-menu-hover: rgba(107, 93, 255, .5)}body,textarea,input{font-size:12px;color:#424141;font-family:Arial,sans-serif}.pseudo-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--color-menu-active);border-radius:3px}.pseudo-checkbox.active{background-color:var(--color-white);border-color:var(--color-white)}.pseudo-checkbox.active:after{content:"✓";font-size:14px;font-weight:700;color:var(--color-menu-active);position:relative;top:1px}.canva{border:1px solid black;margin:48px auto;box-sizing:border-box;position:relative}.block1{width:400px;height:200px;background-color:gray;position:relative}.connectors-list{position:absolute;top:168px;left:20px}.connectors-list_item{position:absolute}.connectors-list_item svg{display:block}.connectors-list_action-item{width:15px;height:100px;background:#424141;cursor:pointer}.connectors-list_action-item:hover{box-shadow:0 -2px 2px 2px #0003}.scheme{z-index:10;position:relative}.scheme-row{border:1px dashed gray;display:flex;align-items:center;align-content:center;margin:10px 0;padding:10px 0}.wire{position:relative;cursor:pointer}.wire-rect{height:10px;border:1px solid black;border-left:none;box-sizing:border-box;margin:9px 0}.wire-rect+.wire-dot{left:auto;right:-8px}.wire-dot{position:absolute;top:-3px;left:-8px;width:16px;height:16px;border-radius:50%;background:#000;z-index:1}.wire-tail{height:10px;background:#424141;display:flex;flex-direction:column;position:absolute;right:100%;bottom:0;border:1px solid #424141;box-sizing:border-box;border-right:none}.wire-tail svg{position:absolute;right:100%;bottom:-1px}.wire-color{height:100%}.wire-color+.wire-color{position:absolute;top:50%;left:0;width:100%;height:3px;transform:translateY(-50%)}.wire-text{background:#fff;height:20px;position:absolute;top:50%;left:30px;transform:translateY(-50%);border:1px solid black;display:flex;align-items:center;gap:4px;padding:0 10px}.wire-text>*{white-space:nowrap}.wire-text input{width:100%;border:none;outline:none}.wire-text select{outline:none;border-radius:0;height:22px;background:#ffe0ec}.junction{border:2px solid black;width:100px;height:100px;position:relative;cursor:pointer}.junction:after{content:"";display:block;width:20px;height:20px;background:#000;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.socket{position:relative;box-sizing:border-box;margin-left:-1px;cursor:pointer;display:flex;align-items:center;padding:10px 0}.socket-in{width:60px;height:100%;position:absolute;border:2px solid #424141;box-sizing:border-box;padding:4px;display:flex;flex-wrap:wrap;gap:4px 6px;border-radius:4px 0 0 4px;background-color:#bdbcbc}.socket-in_item{width:16px;height:12px;background:#424141;border-radius:2px}.socket-in:after{content:"";display:block;position:absolute;top:-2px;right:-2px;bottom:-2px;width:12px;background:#7d7979;border:2px solid #424141;box-sizing:border-box}.socket-text{font-size:12px;background:#d0d1d4;width:150px;min-height:80px;margin-left:58px;position:relative;border-radius:0 4px 4px 0;border:2px solid #424141;padding:6px 24px 6px 40px;box-sizing:border-box}.socket-text_style-el{position:absolute;width:20px;background:#7d7979;border:2px solid #424141;top:-2px;bottom:-2px;left:-2px;box-sizing:border-box}.socket-text_style-el:before{content:"";position:absolute;top:50%;right:-2px;width:14px;height:30px;margin-top:-14px;background:#424141}.socket-text_style-el:after{content:"";position:absolute;top:50%;right:-10px;width:18px;height:18px;margin-top:-8px;background:#7d7979;border:2px solid #424141;box-sizing:border-box}.socket-text_field{min-height:96%}.socket-text_field textarea{outline:none;resize:none;display:block;max-width:100%;position:absolute;inset:10px 10px 10px 30px;padding:4px}.text-field_btns{display:flex;position:absolute;top:100%;right:0;padding-top:2px}.text-field_btns button{background:#a3ffa3;padding:4px 6px;border:none;cursor:pointer}.text-field_btns button:first-child{background:#ff8282}.text-field_btns button:hover{cursor:pointer;box-shadow:0 0 3px #00000063}.action-menu{font-size:14px;line-height:16px;color:var(--color-white);position:fixed;top:0;left:0;background:var(--color-black);border-radius:4px;padding:8px;transform:translate(20px,-50%);z-index:20;box-shadow:0 1px 4px 1px #0006}.action-menu_item{padding:8px;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.action-menu_item:last-child{border-bottom:none}.action-menu_item__delete{background:#eb12124d}.action-menu_item .action-menu_sub-icon{display:block;width:5px;height:8px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNSA0TDAuOTQ1OTQ2IDhMMCA3LjA2NjY3TDMuMTA4MTEgNEwwIDAuOTMzMzMzTDAuOTQ1OTQ2IDBMNSA0WiIgZmlsbD0iI0UxRTFFMSIvPgo8L3N2Zz4K)}.action-menu_item:hover{background-color:#6b5dff;border-radius:4px;cursor:pointer}.action-menu_sub{position:absolute;left:100%;min-width:200px;max-height:100%;transform:translate(0);overflow:auto}.action-menu_sub .action-menu_item{justify-content:start}.action-menu_sub .action-menu_color-rect{width:16px;height:16px;border-radius:3px;background:#000;margin-right:10px;overflow:hidden;position:relative;display:flex}.action-menu_sub .action-menu_color-rect-item{height:100%}.palette-tabs{display:flex;align-items:center;justify-content:space-between;background:#383838;border-radius:30px;margin-bottom:10px}.palette-tabs_item{padding:6px 16px;border-radius:30px;cursor:pointer}.palette-tabs_item.active{background:var(--color-menu-active)!important;cursor:default}.palette-tabs_item:hover{background:#686868}.palette-colors_item{border-radius:3px;justify-content:space-between!important}.palette-colors_item.active{background:var(--color-menu-active)!important}.palette-colors_item-cnt{display:flex}.palette-colors_item:hover{background:var(--color-menu-hover)}.palette .action-menu_color-rect{width:16px;height:16px}.palette .action-menu_color-rect .action-menu_color-rect-item{width:100%}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}