*,*:before,*:after{box-sizing:border-box}:root{--main-color: #555555;--main-border-color: #e7e7e7;--thin-border-color: #eee;--main-bg-color: rgb(248, 248, 248);--dark-theme-color: #dddddd;--dark-theme-main-bg: #121212;--dark-theme-elevated-bg: #333;--dark-theme-border-color: #3f3f3f;--main-icon-color: #555555;--main-icon-hover-light: #194c97;--nav-icon-color: #555555;--nav-icon-color-hover: #194c97;--nav-icon-color-dark: #cccccc;--nav-icon-color-dark-hover: #b4cdf2}html,body{height:100%;margin:0;padding:0;font-family:sans-serif;color:var(--main-color);overflow-x:hidden}.page-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;gap:1rem}.dark .page-container,.dark body{background-color:var(--dark-theme-main-bg)}header{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;align-items:center;flex-shrink:0;background-color:var(--main-bg-color);border-bottom:1px solid var(--main-border-color);height:70px;overflow:hidden}.dark header{background-color:var(--dark-theme-elevated-bg);color:var(--dark-theme-color);border-color:var(--dark-theme-border-color)}header .brand{display:flex;flex-direction:row;gap:1rem;align-items:center}header .icons{display:flex;flex-direction:row;gap:1rem;align-items:center;padding-right:1rem}.navbar{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background-color:var(--main-bg-color);border-bottom:1px solid var(--main-border-color);color:#777;flex-direction:row}.page-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.content-wrapper{display:flex;flex-grow:1;min-height:0;flex-direction:column;padding:0 1rem;box-sizing:border-box}#logo_hu,#logo_en{height:50px}#logo_hu .dark_logo,#logo_en .dark_logo,.dark #logo_hu .light_logo,.dark #logo_en .light_logo{position:absolute;left:-9999px}.dark #logo_hu .dark_logo,.dark #logo_en .dark_logo{position:static}.nav-title{display:flex;align-items:center;gap:1rem}main{flex:1;box-sizing:border-box;min-height:0}.main-content{display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.left-column{display:flex;flex-direction:column;flex-grow:1;min-width:0;min-height:0}.dark main{background-color:var(--dark-theme-main-bg);color:var(--dark-theme-color)}.controls-container{flex-shrink:0;padding:.5rem 0 1rem;min-height:80px;box-sizing:border-box}.dark .controls-container{background-color:var(--dark-theme-main-bg);color:var(--dark-theme-color)}#tooltip{position:absolute;display:none;background-color:#fff;color:#252525;padding:8px 12px;border:solid 1px rgb(131,131,131);pointer-events:none;font-size:14px;z-index:1000;box-shadow:0 4px 4px rgba(0,0,0,.2);max-width:260px}table td:first-child{font-weight:700;padding-right:8px}table td{vertical-align:top}.legend-status{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem}.legend-line{display:flex;gap:.5rem;line-height:1.5}.legend-line .color-rect{width:.8rem}.status-4{background-color:#ffb300}.status-6{background-color:#c62828}.status-3{background-color:#4caf50}.status-7{background-color:#90caf9}.sex-1{background-color:#1976d2}.sex-2{background-color:#f44336}#side-panel{width:300px;flex-shrink:0;padding:1rem 2rem;background-color:#fff;overflow-y:auto}#side-panel hr{margin-top:20px;margin-bottom:20px;border:0;border-top:solid 1px var(--thin-border-color)}.dark #side-panel{background-color:var(--dark-theme-main-bg)}.dark #side-panel hr{border-top:solid 1px var(--dark-theme-border-color)}#side-panel .toggle_menu_icon_wrap{padding-top:.1rem;display:flex;justify-content:end}.toggle_menu_icon_wrap .toggle_menu{display:none}#outer_wrap{display:flex;position:relative;flex-direction:row;height:100%;width:100%;min-height:0;box-shadow:2px 2px 4px #a5a5a5;border:solid 1px var(--main-border-color);box-sizing:border-box}.dark #outer_wrap{border:solid 1px var(--dark-theme-border-color);box-shadow:none}#viz_1{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}#viz_1 svg{width:100%;height:100%}#clock_wrap{position:absolute;left:25px;top:5px;font:72px/72px Roboto Condensed,sans-serif;color:#ccc}#clock{font-size:4rem}.label-name,.label-percent{font-size:11px;font-family:sans-serif;fill:#666}.dark .label-name,.dark .label-percent{fill:#cfcfcf}.label-background{fill:#fff;opacity:.7}.dark .label-background{fill:var(--dark-theme-border-color);opacity:.7}.button-frame{background-color:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.nav-icon{height:32px;width:32px;background-repeat:no-repeat;cursor:pointer;background-color:transparent}.wrap .nav-icon{cursor:auto}.modal-icons .wrap{display:flex;flex-direction:row;gap:1rem;align-items:center;margin-top:.4rem}.hide_logo{position:absolute;left:-9999px}.play-icon,.pause-icon,.info-icon,.hamburger-icon,.light-theme-icon,.dark-theme-icon,.snail-icon,.rabbit-icon{--icon-color: var(--main-icon-color);--icon-color-hover: var(--main-icon-hover-light)}.dark .play-icon,.dark .pause-icon,.dark .info-icon,.dark .hamburger-icon,.dark .light-theme-icon,.dark .dark-theme-icon,.dark .snail-icon,.dark .rabbit-icon{--icon-color: var(--nav-icon-color-dark);--icon-color-hover: var(--nav-icon-color-dark-hover)}.play-icon,.pause-icon,.info-icon,.hamburger-icon,.light-theme-icon,.dark-theme-icon,.snail-icon,.rabbit-icon{color:var(--icon-color);transition:color .2s ease-in-out}.play-icon:hover,.pause-icon:hover,.info-icon:hover,.hamburger-icon:hover,.light-theme-icon:hover,.dark-theme-icon:hover,.snail-icon:hover,.rabbit-icon:hover{color:var(--icon-color-hover)}.controls_wrap{display:flex;flex-direction:row;align-items:center;gap:2rem}.radio_wrap{display:flex;flex-direction:row;gap:1rem}#slider .slider{cursor:default}#slider .track-overlay{pointer-events:stroke;stroke-width:50px;stroke:transparent;cursor:pointer}#slider .slider .parameter-value path{cursor:ew-resize}#slider .slider .tick{cursor:pointer}.slider-handle-label{fill:var(--nav-icon-color)}.radio-wrap{display:flex;flex-direction:column;gap:1rem}.animation-controls-wrap{display:flex}.animation-speed{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.animation-speed input{flex:1;max-width:80px}.dark .slider-handle-label{fill:var(--dark-theme-color)}.slider .handle{fill:#fff;stroke:#11a8e4;stroke-width:4px;r:10}.hide{display:none!important}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:1000;overflow:auto;padding:20px;box-sizing:border-box}.modal{background:#fff;padding:20px;border-radius:8px;width:800px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;line-height:1.3;color:var(--main-color)}.dark .modal{background:var(--dark-theme-main-bg);border:solid 1px var(--dark-theme-border-color);color:var(--dark-theme-color)}.modal p{font-size:.8rem}.modal h4{margin-top:.8rem;margin-bottom:.5rem}.modal p{margin-top:.4rem;margin-bottom:.4rem}.modal-header h2{margin:0 0 10px}.modal-body{flex:1;overflow-y:auto;padding-bottom:20px}.modal-footer{text-align:right}.modal hr{margin-top:.5rem;margin-bottom:1rem;border:0;border-top:solid 1px var(--thin-border-color)}.dark .modal hr{border-top:solid 1px var(--dark-theme-border-color)}.modal-footer button{padding:6px 12px;border:none;background:#337ab7;color:#fff;border-radius:4px;cursor:pointer}.modal-footer button:hover{background:#1565c0}@media (max-width: 992px){#side-panel{position:absolute;top:0;right:0;bottom:0;padding-left:2rem}.toggle_menu_icon_wrap .toggle_menu{display:block}}