{"version":3,"sources":["index.css","sankey.css","controls.css"],"names":[],"mappings":"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","file":"sankey.css","sourcesContent":["/* Energy Visualization Sankey - Combined Styles */\n\n/* Import core Sankey diagram styles */\n@import './sankey.css';\n\n/* Import UI controls styles */\n@import './controls.css';\n","/* Energy Sankey - Core Styles */\n\n/* Typography - Scoped to evs-sankey wrapper */\n.evs-sankey text,\n.evs-sankey tspan {\n    /*font-family: Fieldwork, Futura, sans-serif;*/\n    font-size: 16px;\n}\n\n/* Flow Styles */\n.evs-flow {\n    fill: none;\n    stroke-opacity: 0.8;\n}\n\n.evs-flow:hover {\n    stroke-opacity: 0.9;\n}\n\n.evs-flow.evs-heat {\n    stroke: #98002e;\n}\n\n.evs-flow.evs-elec, .evs-flow.evs-waste.evs-heat {\n    stroke: #e49942;\n}\n\n.evs-flow.evs-waste {\n    stroke: #e49942;\n    opacity: 0.4 !important;\n}\n\n.evs-flow.evs-solar {\n    stroke: #fed530;\n}\n\n.evs-flow.evs-nuclear {\n    stroke: #ca0813;\n}\n\n.evs-flow.evs-hydro {\n    stroke: #0b24fb;\n}\n\n.evs-flow.evs-wind {\n    stroke: #901d8f;\n}\n\n.evs-flow.evs-geo {\n    stroke: #905a1c;\n}\n\n.evs-flow.evs-gas {\n    stroke: #4cabf2;\n}\n\n.evs-flow.evs-coal {\n    stroke: #000000;\n}\n\n.evs-flow.evs-bio {\n    stroke: #46be48;\n}\n\n.evs-flow.evs-petro {\n    stroke: #095f0b;\n}\n\n/* Box Styles */\n.evs-box.evs-sector {\n    fill: #cccccc;\n}\n\n.evs-box.evs-solar {\n    fill: #fed530;\n}\n\n.evs-box.evs-nuclear {\n    fill: #ca0813;\n}\n\n.evs-box.evs-hydro {\n    fill: #0b24fb;\n}\n\n.evs-box.evs-wind {\n    fill: #901d8f;\n}\n\n.evs-box.evs-geo {\n    fill: #905a1c;\n}\n\n.evs-box.evs-gas {\n    fill: #4cabf2;\n}\n\n.evs-box.evs-coal {\n    fill: #000000;\n}\n\n.evs-box.evs-bio {\n    fill: #46be48;\n}\n\n.evs-box.evs-petro {\n    fill: #095f0b;\n}\n\n/* Other Elements */\n.evs-maxline {\n    stroke: #cccccc;\n    stroke-width: 1px;\n}\n\n.evs-bkgd {\n    fill: #000000;\n}\n\n/* Title Container - Responsive Header Layout */\n.evs-title-container {\n    /*border-top: 2px solid #000000;*/\n    /*border-bottom: 1px solid #000000;*/\n    position: relative;\n    min-height: 58px;\n    padding: 8px 16px;\n    /*background: white;*/\n}\n\n.evs-header-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    gap: 20px;\n    flex-wrap: nowrap;\n}\n\n/* Logo Section */\n.evs-header-logo {\n    flex: 0 0 auto;\n    min-width: 60px;\n}\n\n.evs-header-logo img {\n    max-height: 45px;\n    height: auto;\n    display: block;\n}\n\n/* Main Title Section - Contains title and energy usage */\n.evs-header-main {\n    flex: 1;\n    text-align: center;\n    min-width: 160px;\n    position: relative;\n}\n\n.evs-header-title-section {\n    position: relative;\n    min-height: 45px;\n}\n\n.evs-main-title {\n    /*font-family: Fieldwork, Futura, sans-serif;*/\n    font-size: 1em;\n    font-weight: normal;\n    color: black;\n    margin: 0;\n    line-height: 1.2;\n    margin-bottom: 2px;\n}\n\n.evs-energy-usage-overlay {\n    position: absolute;\n    top: 22px;\n    left: 0;\n    width: 100%;\n    height: 25px;\n    pointer-events: none;\n}\n\n/* Year Section - Separate section for year display */\n.evs-header-year {\n    flex: 1;\n    min-width: 80px;\n    height: 45px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.evs-year-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}\n\n/* Info Section */\n.evs-header-info {\n    flex: 1.9;\n    min-width: 160px;\n    text-align: left;\n}\n\n.evs-subtitle {\n    /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/\n    font-size: 1em;\n    color: #000000;\n    font-weight: bolder;\n    line-height: 1.2;\n    margin-bottom: 2px;\n}\n\n.evs-attribution {\n    /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/\n    font-size: 1em;\n    color: #000000;\n    font-weight: normal;\n    line-height: 1.2;\n}\n\n/* Affiliation Section */\n.evs-header-affiliation {\n    flex: 1.7;\n    text-align: center;\n    min-width: 140px;\n}\n\n.evs-affiliation-text {\n    /*font-family: Fieldwork-HumThin, Futura, sans-serif;*/\n    font-size: 1em;\n    color: #000000;\n    font-weight: normal;\n    line-height: 1.2;\n}\n\n/* SVG Overlay Styles */\n.evs-energy-svg-overlay,\n.evs-year-svg-overlay {\n    z-index: 10;\n}\n\n.evs-energy-svg-overlay text,\n.evs-year-svg-overlay text {\n    /*font-family: Fieldwork, Futura, sans-serif;*/\n    fill: black;\n}\n\n/* Legacy SVG styles for compatibility */\n.evs-title-container svg {\n    font-size: 15px;\n}\n\n.evs-title-container .evs-title {\n    font-size: 1em;\n    fill: black;\n}\n\n.evs-title-container .evs-title .evs-unit {\n    font-size: .9em;\n    font-weight: bold;\n}\n\n.evs-title-container .evs-title .evs-year {\n    font-size: 3.1em;\n    font-weight: bold;\n    clear: left;\n    letter-spacing: .05em;\n    font-variant-numeric: tabular-nums;\n}\n\n/* Mobile Responsive Design */\n@media (max-width: 1024px) {\n    .evs-header-content {\n        gap: 15px;\n    }\n\n    .evs-main-title {\n        font-size: 0.9em;\n    }\n\n    .evs-header-logo {\n        min-width: 50px;\n    }\n\n    .evs-header-main,\n    .evs-header-year,\n    .evs-header-info,\n    .evs-header-affiliation {\n        flex: 1;\n        min-width: 120px;\n    }\n\n    .evs-year-svg-overlay text {\n        font-size: 2.8em !important;\n    }\n\n    .evs-subtitle, .evs-attribution, .evs-affiliation-text {\n        font-size: 0.9em;\n    }\n}\n\n@media (max-width: 768px) {\n    .evs-title-container {\n        padding: 6px 12px;\n    }\n\n    .evs-header-content {\n        gap: 10px;\n    }\n\n    .evs-header-logo {\n        min-width: 40px;\n    }\n\n    .evs-header-logo img {\n        max-height: 35px;\n    }\n\n    .evs-main-title {\n        font-size: 0.8em;\n    }\n\n    .evs-header-main,\n    .evs-header-year,\n    .evs-header-info,\n    .evs-header-affiliation {\n        flex: 1;\n        min-width: 100px;\n    }\n\n    .evs-header-year {\n        height: 40px;\n    }\n\n    .evs-year-svg-overlay text {\n        font-size: 2.5em !important;\n    }\n\n    .evs-energy-svg-overlay text {\n        font-size: 0.8em !important;\n    }\n\n    .evs-subtitle, .evs-attribution, .evs-affiliation-text {\n        font-size: 0.8em;\n    }\n}\n\n@media (max-width: 600px) {\n    .evs-header-content {\n        flex-wrap: wrap;\n        gap: 8px;\n    }\n\n    .evs-header-main {\n        order: 1;\n        flex: 1 1 100%;\n        margin-bottom: 8px;\n    }\n\n    .evs-header-year {\n        order: 2;\n        flex: 1 1 100%;\n        margin-bottom: 8px;\n        justify-content: center;\n        height: 50px;\n    }\n\n    .evs-header-logo {\n        order: 3;\n        flex: 1 1 50%;\n    }\n\n    .evs-header-info {\n        order: 4;\n        flex: 1 1 100%;\n        margin-bottom: 8px;\n    }\n\n    .evs-header-affiliation {\n        order: 5;\n        flex: 1 1 50%;\n        text-align: left;\n    }\n\n    .evs-main-title {\n        text-align: center;\n        margin-bottom: 5px;\n    }\n\n    .evs-energy-usage-overlay {\n        position: relative;\n        top: 0;\n        text-align: center;\n        margin-top: 5px;\n    }\n}\n\n/* Totals */\n.evs-total.evs-sector {\n    font-size: 0.7em;\n    font-weight: bold;\n}\n\n.evs-total.evs-waste-level {\n    fill: #e49942;\n    opacity: 0.4;\n}\n\n/* Visibility */\n.evs-hidden {\n    visibility: hidden;\n}\n\n/* Tooltip */\n.evs-tooltip {\n    color: #000000;\n    position: absolute;\n    text-align: justify;\n    width: auto;\n    padding: 5px;\n    background: #efefef;\n    border: 1px solid black;\n    pointer-events: none;\n    z-index: 3;\n}\n\n.evs-fuel-value {\n    text-align: center;\n    vertical-align: middle;\n}\n\n/* Waste Heat Visibility Control */\n.evs-waste-heat-hidden .evs-flow.evs-waste {\n    display: none !important;\n}\n\n.evs-waste-heat-hidden .evs-total.evs-waste-level {\n    display: none !important;\n}\n\n/* Smooth transition for waste heat toggle (optional) */\n.evs-flow.evs-waste,\n.evs-total.evs-waste-level {\n    transition: opacity 0.3s ease;\n}\n","/* Energy Sankey - Controls Styles */\n\n/* Range Slider */\n.evs-range-slider {\n    width: 100%;\n    margin-top: 5px;\n    position: relative;\n    overflow: visible;\n    /*padding-top: 40px;*/\n}\n\n/* Axis text styling - matches global text style */\n.evs-range-slider text,\n.evs-range-slider tspan {\n    /*font-family: Fieldwork, Futura, sans-serif;*/\n    font-size: 16px;\n}\n\n.evs-range-slider__range {\n    -webkit-appearance: none;\n    width: 100%;\n    border-radius: 5px;\n    outline: none;\n    padding: 0;\n    margin: 0;\n}\n\n.evs-range-slider__range:first-child {\n    background: #d7dcdf;\n}\n\n.evs-range-slider__range::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 11px;\n    height: 11px;\n    border-radius: 50%;\n    background: #fff;\n    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);\n    cursor: pointer;\n    transition: background 0.15s ease-in-out;\n}\n\n.evs-range-slider__range::-moz-range-thumb {\n    width: 11px;\n    height: 11px;\n    border: 0;\n    border-radius: 50%;\n    background: #fff;\n    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 1);\n    cursor: pointer;\n    transition: background 0.15s ease-in-out;\n}\n\n/* Dynamic Year Display */\n#evs-dynamic-year {\n    color: black;\n    position: absolute;\n    /*height: 25px;*/\n    width: 50px;\n    text-align: center;\n    border: 1px solid black;\n    border-radius: 3px;\n    display: block;\n    font-size: 16px;\n    top: 0;\n    /*bottom: 100%;*/\n    background: white;\n    padding: 3px 5px;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n/* Add downward arrow pointing to slider */\n#evs-dynamic-year::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    margin-left: -4px;\n    width: 0;\n    height: 0;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-top: 6px solid black;\n}\n\n/* Play/Pause Button */\n#evs-play-button {\n    border-radius: 0;\n    display: block;\n    height: 0;\n}\n\n#evs-play-button:hover {\n    background: transparent !important;\n}\n\n#evs-play-button.evs-playbutton {\n    outline: 0;\n    background: transparent;\n    border-color: transparent transparent transparent #202020;\n    transition: 100ms all ease;\n    cursor: pointer;\n    border-style: solid;\n    border-width: 13px 0 13px 20px;\n}\n\n#evs-play-button.evs-playpaused {\n    outline: 0;\n    background: transparent;\n    height: 26px;\n    border-color: transparent transparent transparent #202020;\n    transition: 100ms all ease;\n    cursor: pointer;\n    border-style: double;\n    border-width: 0px 0 0px 20px;\n}\n\n#evs-play-button.evs-playbutton:hover {\n    border-color: transparent transparent transparent #404040;\n}\n\n/* Waste Heat Toggle Switch */\n.evs-switch-box {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    min-width: 200px;\n    -webkit-box-pack: center;\n    -ms-flex-pack: center;\n    justify-content: center;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    -webkit-box-flex: 1;\n    -ms-flex: 1;\n    flex: 1;\n}\n\n.evs-box-1 {\n    /*background: #ffffff;*/\n}\n\ninput[type=\"checkbox\"].evs-switch-1 {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    width: 3.5em;\n    height: 1.5em;\n    background: #666666;\n    border-radius: 3em;\n    position: relative;\n    cursor: pointer;\n    outline: none;\n    -webkit-transition: all .2s ease-in-out;\n    transition: all .2s ease-in-out;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:checked {\n    background: #e49942;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:after {\n    position: absolute;\n    content: \"\";\n    width: 1.5em;\n    height: 1.5em;\n    border-radius: 50%;\n    background: #fff;\n    -webkit-box-shadow: 0 0 .25em rgba(0, 0, 0, .3);\n    box-shadow: 0 0 .25em rgba(0, 0, 0, .3);\n    -webkit-transform: scale(.7);\n    transform: scale(.7);\n    left: 0;\n    -webkit-transition: all .2s ease-in-out;\n    transition: all .2s ease-in-out;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:checked:after {\n    left: calc(100% - 1.5em);\n}\n\n/* Hover effects for better interactivity */\ninput[type=\"checkbox\"].evs-switch-1:hover {\n    background: #555555;\n}\n\ninput[type=\"checkbox\"].evs-switch-1:checked:hover {\n    background: #e49942;\n}\n\n/* Focus states for accessibility */\ninput[type=\"checkbox\"].evs-switch-1:focus {\n    box-shadow: 0 0 0 3px #F5DBBC;\n}\n\n/* Milestone Tick Markers */\n#evs-test-tick .tick text {\n    cursor: pointer;\n}\n\n#evs-test-tick .tick text:hover {\n    color: grey;\n    transition: color 250ms;\n}\n\n#evs-lbl-waste-hide-show {\n    margin-right: 10px;\n}"]}