:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-zinc-50: #fafafa;--color-zinc-100: #f4f4f5;--color-zinc-200: #e4e4e7;--color-zinc-300: #d4d4d8;--color-zinc-400: #a1a1aa;--color-zinc-500: #71717a;--color-zinc-600: #52525b;--color-zinc-700: #3f3f46;--color-zinc-800: #27272a;--color-zinc-900: #18181b;--color-zinc-950: #09090b;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-stone-50: #fafaf9;--color-stone-100: #f5f5f4;--color-stone-200: #e7e5e4;--color-stone-300: #d6d3d1;--color-stone-400: #a8a29e;--color-stone-500: #78716c;--color-stone-600: #57534e;--color-stone-700: #44403c;--color-stone-800: #292524;--color-stone-900: #1c1917;--color-stone-950: #0c0a09;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-orange-50: #fff7ed;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-300: #fdba74;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-700: #c2410c;--color-orange-800: #9a3412;--color-orange-900: #7c2d12;--color-orange-950: #431407;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-800: #92400e;--color-amber-900: #78350f;--color-amber-950: #451a03;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-yellow-600: #ca8a04;--color-yellow-700: #a16207;--color-yellow-800: #854d0e;--color-yellow-900: #713f12;--color-yellow-950: #422006;--color-lime-50: #f7fee7;--color-lime-100: #ecfccb;--color-lime-200: #d9f99d;--color-lime-300: #bef264;--color-lime-400: #a3e635;--color-lime-500: #84cc16;--color-lime-600: #65a30d;--color-lime-700: #4d7c0f;--color-lime-800: #3f6212;--color-lime-900: #365314;--color-lime-950: #1a2e05;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-200: #a7f3d0;--color-emerald-300: #6ee7b7;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-emerald-800: #065f46;--color-emerald-900: #064e3b;--color-emerald-950: #022c22;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-teal-900: #134e4a;--color-teal-950: #042f2e;--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-200: #a5f3fc;--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-800: #155e75;--color-cyan-900: #164e63;--color-cyan-950: #083344;--color-sky-50: #f0f9ff;--color-sky-100: #e0f2fe;--color-sky-200: #bae6fd;--color-sky-300: #7dd3fc;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--color-sky-600: #0284c7;--color-sky-700: #0369a1;--color-sky-800: #075985;--color-sky-900: #0c4a6e;--color-sky-950: #082f49;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-blue-950: #172554;--color-indigo-50: #eef2ff;--color-indigo-100: #e0e7ff;--color-indigo-200: #c7d2fe;--color-indigo-300: #a5b4fc;--color-indigo-400: #818cf8;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-indigo-700: #4338ca;--color-indigo-800: #3730a3;--color-indigo-900: #312e81;--color-indigo-950: #1e1b4b;--color-violet-50: #f5f3ff;--color-violet-100: #ede9fe;--color-violet-200: #ddd6fe;--color-violet-300: #c4b5fd;--color-violet-400: #a78bfa;--color-violet-500: #8b5cf6;--color-violet-600: #7c3aed;--color-violet-700: #6d28d9;--color-violet-800: #5b21b6;--color-violet-900: #4c1d95;--color-violet-950: #2e1065;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-purple-950: #3b0764;--color-fuchsia-50: #fdf4ff;--color-fuchsia-100: #fae8ff;--color-fuchsia-200: #f5d0fe;--color-fuchsia-300: #f0abfc;--color-fuchsia-400: #e879f9;--color-fuchsia-500: #d946ef;--color-fuchsia-600: #c026d3;--color-fuchsia-700: #a21caf;--color-fuchsia-800: #86198f;--color-fuchsia-900: #701a75;--color-fuchsia-950: #4a044e;--color-pink-50: #fdf2f8;--color-pink-100: #fce7f3;--color-pink-200: #fbcfe8;--color-pink-300: #f9a8d4;--color-pink-400: #f472b6;--color-pink-500: #ec4899;--color-pink-600: #db2777;--color-pink-700: #be185d;--color-pink-800: #9d174d;--color-pink-900: #831843;--color-pink-950: #500724;--color-rose-50: #fff1f2;--color-rose-100: #ffe4e6;--color-rose-200: #fecdd3;--color-rose-300: #fda4af;--color-rose-400: #fb7185;--color-rose-500: #f43f5e;--color-rose-600: #e11d48;--color-rose-700: #be123c;--color-rose-800: #9f1239;--color-rose-900: #881337;--color-rose-950: #4c0519}*,*:before,*:after{margin:0;padding:0;text-decoration:none}html,body,#app,#content{height:100%;min-height:100vh;width:100%;overflow:hidden}.graph__wrapper{width:100%;height:100%;overflow:hidden}.graph{width:100%;height:100%}.menu{position:absolute;bottom:0;left:50%;height:50px;transform:translate(-50%);transition:all 1s ease-out}.menu.menu--hidden{bottom:-50px}.menu .menu__item:first-child .menu__link{padding-left:20px;border-top-left-radius:25px}.menu .menu__item:last-child .menu__link{padding-right:20px;border-top-right-radius:25px}.menu__nav{height:100%;border:1px solid var(--color-pink-400);border-top-left-radius:25px;border-top-right-radius:25px}.menu__list{position:relative;height:100%;display:flex;align-items:center;list-style-type:none}.menu__item{height:100%}.menu__link{padding:10px 15px;font-family:Roboto,sans-serif;font-size:16px;border:none;height:100%;cursor:pointer;transition:all .4s}.menu__link.menu__link--pink{background:var(--color-pink-100);color:var(--color-pink-900)}.menu__link.menu__link--pink:hover{background:var(--color-pink-200)}.menu__link.menu__link--green{background:var(--color-green-100);color:var(--color-green-900)}.menu__link.menu__link--green:hover{background:var(--color-green-200)}.menu__link.menu__link--sky{background:var(--color-sky-100);color:var(--color-sky-900)}.menu__link.menu__link--sky:hover{background:var(--color-sky-200)}.menu__link.menu__link--amber{background:var(--color-amber-100);color:var(--color-amber-900)}.menu__link.menu__link--amber:hover{background:var(--color-amber-200)}.menu__link.menu__link--lime{background:var(--color-lime-100);color:var(--color-lime-900)}.menu__link.menu__link--lime:hover{background:var(--color-lime-200)}.menu__link.menu__link--teal{background:var(--color-teal-100);color:var(--color-teal-900)}.menu__link.menu__link--teal:hover{background:var(--color-teal-200)}.menu__link.menu__link--indigo{background:var(--color-indigo-100);color:var(--color-indigo-900)}.menu__link.menu__link--indigo:hover{background:var(--color-indigo-200)}.menu__link.menu__link--purple{background:var(--color-purple-100);color:var(--color-purple-900)}.menu__link.menu__link--purple:hover{background:var(--color-purple-200)}.menu__link.menu__link--rose{background:var(--color-rose-100);color:var(--color-rose-900)}.menu__link.menu__link--rose:hover{background:var(--color-rose-200)}.menu__link--active{background:var(--color-pink-300)}.menu__divider{position:absolute;height:40px;width:2px;margin-left:-1px;border-radius:4px;background:var(--color-red-200);top:50%;transform:translateY(-50%)}.panel{position:absolute;right:-100%;background:var(--color-purple-50);height:100%;padding:20px 25px;box-shadow:-4px 0 19px -1px #8787870d;-webkit-box-shadow:-4px 0px 19px -1px rgba(135,135,135,.05);-moz-box-shadow:-4px 0px 19px -1px rgba(135,135,135,.05)}.panel--opened{right:0}.panel__form{display:flex;flex-direction:column;row-gap:15px}.panel__form-label{display:flex;justify-content:space-between;column-gap:10px}.panel__form-input{padding:3px 6px;border:1px solid var(--color-slate-400);border-radius:10px}.panel__form-button{border-radius:10px;padding:5px 10px;border:none;background:var(--color-green-300);cursor:pointer}.panel__form-button:hover{background:var(--color-green-400)}.content--circle{transition:.5s all}.hide-menu{position:absolute;width:40px;height:40px;top:20px;right:20px;border-radius:10px;border:none;background:transparent;transition:all .3s ease-in-out;box-shadow:0 0 10px var(--color-gray-200);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-300)}.hide-menu .hide-menu__icon{width:28px}.hide-menu.hide-menu--active{opacity:0}.hide-menu:hover{opacity:1;color:var(--color-pink-600);border:1px solid var(--color-pink-300);background:var(--color-pink-100)}.context-menu{position:absolute;width:200px;background:white;padding:3px;border-radius:15px;box-shadow:0 0 10px var(--color-gray-200);display:flex;flex-direction:column}.context-menu .context-menu__button{padding:6px;border:none;border-radius:0;background:transparent;width:100%;cursor:pointer;transition:all .3s;display:flex}.context-menu .context-menu__button .context-menu__button_key{width:22px;height:22px;background:var(--color-gray-100);border-radius:4px}.context-menu .context-menu__button .content-menu__button_name{width:100%;text-align:center}.context-menu .context-menu__button:hover{background:var(--color-gray-200)}.context-menu .context-menu__button:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.context-menu .context-menu__button:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.context-menu .context-menu__divider{width:80%;height:1px;background:var(--color-gray-200);margin-left:50%;transform:translate(-50%)}.input-change-weight{position:absolute;border:1px solid var(--color-gray-300);border-radius:6px}.input-change-weight:focus{border-color:var(--color-amber-300)}.table{margin-top:10px;border-collapse:collapse}.table .table-cell{padding:4px 6px;text-align:center;border:1px solid var(--color-gray-300)}.table .table-cell--head{background:var(--color-pink-100);padding:4px 10px}.button{padding:4px 10px;text-align:center;border:none;border-radius:10px;background:var(--color-slate-50);border:1px solid var(--color-slate-500);color:var(--color-slate-900);cursor:pointer}.button:hover{color:var(--color-slate-600);border-color:var(--color-slate-300)}