@layer properties;@layer components{.sy_graph-frame{background-color:var(--color-gray-50,#f2f2f2);border-color:var(--color-gray-300,#b3b3b3);border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;&:where(.dark,.dark *){border-color:var(--color-gray-700,#4d4d4d)}&:where(.dark,.dark *){background-color:var(--color-gray-850,#262626)}}.sy_graph{display:block;height:auto;min-width:640px;width:100%}.sy_graph-edge-list line{stroke:var(--color-gray-400,#999);stroke-width:1;transition:stroke .2s ease-out,stroke-width .2s ease-out;&:where(.dark,.dark *){stroke:var(--color-gray-600,#666)}@media (prefers-reduced-motion:reduce){transition-property:none}}.sy_graph-edge-list line.sy_graph-edge--active{stroke:var(--color-gray-950,#0d0d0d);stroke-width:1.8;&:where(.dark,.dark *){stroke:var(--color-gray-0,#fff)}}.sy_graph-item circle{stroke-width:1.4;transition:fill .2s ease-out,stroke .2s ease-out;@media (prefers-reduced-motion:reduce){transition-property:none}}.sy_graph-item text{fill:var(--color-gray-800,#333);font-size:10px;paint-order:stroke;stroke:var(--color-gray-50,#f2f2f2);stroke-linejoin:round;stroke-width:3px;text-anchor:middle;transition:fill .2s ease-out,font-size .2s ease-out,font-weight .2s ease-out;&:where(.dark,.dark *){fill:var(--color-gray-200,#ccc)}&:where(.dark,.dark *){stroke:var(--color-gray-850,#262626)}@media (prefers-reduced-motion:reduce){transition-property:none}}.sy_graph-item--major text{font-size:12px;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.sy_graph-item--pending circle{stroke-dasharray:3 3}.sy_graph-item--pending text{fill:var(--color-gray-500,gray);&:where(.dark,.dark *){fill:var(--color-gray-400,#999)}}a.sy_graph-item{cursor:pointer}.sy_graph-item--active text,.sy_graph-item:hover text{font-size:12px;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.sy_graph-item[code=japon] circle{fill:var(--color-japon-600,var(--color-crimson-600));stroke:var(--color-japon-600,var(--color-crimson-600));&:where(.dark,.dark *){fill:var(--color-japon-400,var(--color-crimson-400))}&:where(.dark,.dark *){stroke:var(--color-japon-400,var(--color-crimson-400))}}.sy_graph-item[code="mısır"] circle{fill:var(--color-misir-600,var(--color-yellow-600));stroke:var(--color-misir-600,var(--color-yellow-600));&:where(.dark,.dark *){fill:var(--color-misir-400,var(--color-yellow-400))}&:where(.dark,.dark *){stroke:var(--color-misir-400,var(--color-yellow-400))}}.sy_graph-item[code=nors] circle{fill:var(--color-nors-600,var(--color-malachite-600));stroke:var(--color-nors-600,var(--color-malachite-600));&:where(.dark,.dark *){fill:var(--color-nors-400,var(--color-malachite-400))}&:where(.dark,.dark *){stroke:var(--color-nors-400,var(--color-malachite-400))}}.sy_graph-item[code="sümer"] circle{fill:var(--color-sumer-600,var(--color-scarlet-600));stroke:var(--color-sumer-600,var(--color-scarlet-600));&:where(.dark,.dark *){fill:var(--color-sumer-400,var(--color-scarlet-400))}&:where(.dark,.dark *){stroke:var(--color-sumer-400,var(--color-scarlet-400))}}.sy_graph-item[code="türk"] circle{fill:var(--color-turk-600,var(--color-cerulean-600));stroke:var(--color-turk-600,var(--color-cerulean-600));&:where(.dark,.dark *){fill:var(--color-turk-400,var(--color-cerulean-400))}&:where(.dark,.dark *){stroke:var(--color-turk-400,var(--color-cerulean-400))}}.sy_graph-item[code=yunan] circle{fill:var(--color-yunan-600,var(--color-violet-600));stroke:var(--color-yunan-600,var(--color-violet-600));&:where(.dark,.dark *){fill:var(--color-yunan-400,var(--color-violet-400))}&:where(.dark,.dark *){stroke:var(--color-yunan-400,var(--color-violet-400))}}.sy_graph .sy_graph-item--pending circle{fill:var(--color-gray-50,#f2f2f2);&:where(.dark,.dark *){fill:var(--color-gray-850,#262626)}}.sy_graph .sy_graph-item--center text{fill:var(--color-gray-950,#0d0d0d);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);&:where(.dark,.dark *){fill:var(--color-gray-0,#fff)}}.sy_graph-item--active[code=japon] text,.sy_graph-item--neighbor[code=japon] text,.sy_graph-item[code=japon]:hover text{fill:var(--color-japon-600,var(--color-crimson-600));&:where(.dark,.dark *){fill:var(--color-japon-400,var(--color-crimson-400))}}.sy_graph-item--active[code="mısır"] text,.sy_graph-item--neighbor[code="mısır"] text,.sy_graph-item[code="mısır"]:hover text{fill:var(--color-misir-600,var(--color-yellow-600));&:where(.dark,.dark *){fill:var(--color-misir-400,var(--color-yellow-400))}}.sy_graph-item--active[code=nors] text,.sy_graph-item--neighbor[code=nors] text,.sy_graph-item[code=nors]:hover text{fill:var(--color-nors-600,var(--color-malachite-600));&:where(.dark,.dark *){fill:var(--color-nors-400,var(--color-malachite-400))}}.sy_graph-item--active[code="sümer"] text,.sy_graph-item--neighbor[code="sümer"] text,.sy_graph-item[code="sümer"]:hover text{fill:var(--color-sumer-600,var(--color-scarlet-600));&:where(.dark,.dark *){fill:var(--color-sumer-400,var(--color-scarlet-400))}}.sy_graph-item--active[code="türk"] text,.sy_graph-item--neighbor[code="türk"] text,.sy_graph-item[code="türk"]:hover text{fill:var(--color-turk-600,var(--color-cerulean-600));&:where(.dark,.dark *){fill:var(--color-turk-400,var(--color-cerulean-400))}}.sy_graph-item--active[code=yunan] text,.sy_graph-item--neighbor[code=yunan] text,.sy_graph-item[code=yunan]:hover text{fill:var(--color-yunan-600,var(--color-violet-600));&:where(.dark,.dark *){fill:var(--color-yunan-400,var(--color-violet-400))}}.sy_graph--focused .sy_graph-item:not(.sy_graph-item--active):not(.sy_graph-item--neighbor) circle{fill:var(--color-gray-300,#b3b3b3);stroke:var(--color-gray-300,#b3b3b3);&:where(.dark,.dark *){fill:var(--color-gray-700,#4d4d4d)}&:where(.dark,.dark *){stroke:var(--color-gray-700,#4d4d4d)}}.sy_graph--focused .sy_graph-item--pending:not(.sy_graph-item--active):not(.sy_graph-item--neighbor) circle{fill:var(--color-gray-50,#f2f2f2);&:where(.dark,.dark *){fill:var(--color-gray-850,#262626)}}.sy_graph--focused .sy_graph-item:not(.sy_graph-item--active):not(.sy_graph-item--neighbor) text{fill:var(--color-gray-400,#999);&:where(.dark,.dark *){fill:var(--color-gray-600,#666)}}.sy_graph--focused .sy_graph-edge-list line:not(.sy_graph-edge--active){stroke:var(--color-gray-200,#ccc);&:where(.dark,.dark *){stroke:var(--color-gray-800,#333)}}.sy_graph-edge-list line[foreign],.sy_graph-item[foreign]{transition:opacity .2s ease-out;@media (prefers-reduced-motion:reduce){transition-property:none}}.sy_graph-section:has(.sy_graph-toggle-input:not(:checked)) .sy_graph-edge-list line[foreign],.sy_graph-section:has(.sy_graph-toggle-input:not(:checked)) .sy_graph-item[foreign]{opacity:0;pointer-events:none}.sy_graph-toggle{align-items:center;color:var(--color-gray-600,#666);cursor:pointer;display:flex;font-size:var(--text-sm,.875rem);gap:calc(var(--spacing, .25rem)*2);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));margin-bottom:calc(var(--spacing, .25rem)*3);-webkit-user-select:none;-moz-user-select:none;user-select:none;&:where(.dark,.dark *){color:var(--color-gray-400,#999)}}.sy_graph-toggle-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:var(--color-gray-400,#999);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;cursor:pointer;flex-shrink:0;height:calc(var(--spacing, .25rem)*4);transition-duration:var(--tw-duration,var(--default-transition-duration,.3s));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));width:calc(var(--spacing, .25rem)*4);&:where(.dark,.dark *){border-color:var(--color-gray-600,#666)}@media (prefers-reduced-motion:reduce){transition-property:none}}.sy_graph-toggle-input:focus,.sy_graph-toggle-input:focus-visible{box-shadow:none;outline:none}.sy_graph-toggle-input:checked{background-color:var(--color-candir-500,var(--color-gray-500));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.5 3 3 6-7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px 12px;border-color:var(--color-candir-500,var(--color-gray-500))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-font-weight:initial}}}