: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;--label-bg: #ffffff70;--label-bg-dark: #02020240}html,body{height:100%;margin:0;padding:0;font-family:sans-serif;color:var(--main-color)}.page-container{display:flex;flex-direction:column;height:100%}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}.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:2rem}.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}#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;min-height:0;box-sizing:border-box}.dark main{background-color:var(--dark-theme-main-bg);color:var(--dark-theme-color)}.controls-container{flex-shrink:0;padding:0 1rem 1rem}.dark .controls-container{background-color:var(--dark-theme-main-bg);color:var(--dark-theme-color)}legend{font-weight:700}#animatino_toggle{position:relative;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;margin-left:1rem;min-width:36px}#outer_wrap{display:flex;flex-direction:row;height:100%;width:100%}#viz_1,#viz_2{flex:1;min-width:0;min-height:0;position:relative}#viz_1 canvas{display:block}#viz_2 canvas{display:block}#viz_1 .canvas_overlay,#viz_2 .canvas_overlay{position:absolute;top:0;left:0;pointer-events:none;bottom:0;right:0}.canvas_overlay .label{position:absolute;transform:translate(-50%,-50%);font-size:12px;font-family:sans-serif;white-space:nowrap;text-align:center;padding:2px 3px;border-radius:3px;background-color:var(--label-bg);max-width:120px;white-space:wrap;color:#121212}.dark .canvas_overlay .label{background-color:var(--label-bg-dark);color:var(--dark-theme-color)}#viz_1 svg,#viz_2 svg{width:100%;height:100%}#clock_wrap{position:absolute;text-align:center;width:100%;display:flex;flex-direction:row;justify-content:space-between}#clock{font-size:4rem}.year_1{margin-top:1rem;margin-left:1rem;font-size:2rem}.year_2{margin-top:1rem;margin-right:1rem;font-size:2rem}.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}.legend_outer_wrap{display:flex;gap:1rem}.legend_wrap{display:flex;gap:.5rem}.color-rect{width:.8rem;height:100%}.sex-women{background-color:#f44336}.sex-men{background-color:#1976d2}.hide_logo{position:absolute;left:-9999px}.play-icon,.pause-icon,.info-icon,.light-theme-icon,.dark-theme-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 .light-theme-icon,.dark .dark-theme-icon{--icon-color: var(--nav-icon-color-dark);--icon-color-hover: var(--nav-icon-color-dark-hover)}.play-icon,.pause-icon,.info-icon,.light-theme-icon,.dark-theme-icon{color:var(--icon-color);transition:color .2s ease-in-out}.play-icon:hover,.pause-icon:hover,.info-icon:hover,.light-theme-icon:hover,.dark-theme-icon:hover{color:var(--icon-color-hover)}.controls_wrap{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem}.controls_left{display:flex;flex-direction:row;align-items:center;gap:2rem}.radio_wrap{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.radio_wrap div{white-space:nowrap}.dataset_wrap{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.dataset_wrap div{white-space:nowrap}#slider .slider{cursor:default}#slider .slider .track-overlay{cursor:pointer}#slider .slider .parameter-value path{cursor:ew-resize}#slider .slider .tick{cursor:pointer}.slider-handle-label{fill:var(--nav-icon-color)}.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-icons .wrap{display:flex;flex-direction:row;gap:1rem;align-items:center;margin-top:.4rem}.modal-footer button{padding:6px 12px;border:none;background:#337ab7;color:#fff;border-radius:4px;cursor:pointer}.modal-footer button:hover{background:#1565c0}