:root{--background:#fff;--foreground:#171717;--color-super-black:#000;--font-sans:"Poppins",sans-serif;--font-serif:"Spectral",serif;--color-red:#f30505;--color-green:#0ea622;--color-black:#222;--color-dark-grey:#343131;--color-white:#fff;--color-light-grey:#efefef;--color-mid-grey:#666;--color-dark-purple:#2b1535;--color-villages:#9ec50b;--color-settlements:#0073c6;--font-sans:"itc-avant-garde-gothic-pro",helvetica,sans-serif;--font-weight-normal:300;--font-weight-medium:500;--font-weight-bold:700;--font-size-xx-large:160%;--font-size-x-large:140%;--font-size-large:120%;--font-size-medium:95%;--font-size-small:85%;--font-size-x-small:80%;--font-size-xx-small:75%;--font-size-xxx-small:65%;--font-size-xxxx-small:60%;--border-radius:0.5rem;--sidebar-width:20rem}@media (min-width:800px){:root{--font-size-medium:105%}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-sans);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.loading{position:fixed;top:0;width:100%;display:flex;height:100%;bottom:0;right:0;left:0;align-items:center;justify-content:center;text-align:center;background-color:var(--color-dark-purple)}.loading svg{max-width:600px;width:80%;height:auto}.loading h1{font-weight:400;font-size:var(--font-size-xx-large);color:var(--color-white)}#map{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100vh}.sidebar{box-shadow:0 1px 1px rgba(0,0,0,.075),0 2px 2px rgba(0,0,0,.075),0 4px 4px rgba(0,0,0,.075),0 8px 8px rgba(0,0,0,.075),0 16px 16px rgba(0,0,0,.075);border-radius:.5rem;position:fixed;bottom:1rem;max-height:200px;left:.5rem;z-index:3200;width:calc(100% - 1rem);overflow:hidden;overflow-y:scroll;background-color:var(--color-white);transition:max-height .25s ease-in-out,opacity .25s ease-in-out}.keywords-active .sidebar,.layers-active .sidebar,.timeline-active .sidebar{opacity:0;z-index:1}@media (min-width:800px){.keywords-active .sidebar,.layers-active .sidebar,.timeline-active .sidebar{opacity:1;z-index:auto}}@media (max-width:799px){.sidebar{max-height:50vh}.legend-open.legend-tooltip-active .legend-container{left:calc(-100% - .25rem)}}@media (min-width:800px){.sidebar{top:1rem;bottom:auto;width:350px;left:auto;right:1rem;max-height:calc(100% - 2rem)}body.timeline-active .sidebar{max-height:calc(100% - 7rem)}}.sidebar .sidebar-header button{border:none;top:0;position:-webkit-sticky;position:sticky;font-size:var(--font-size-medium);color:var(--color-white);padding:0;background:none;font-size:2rem;line-height:1}.sidebar .sidebar-header button:hover{cursor:pointer}.sidebar .sidebar-header h1{display:flex;font-weight:var(--font-weight-medium);margin-bottom:0;align-items:center;font-size:var(--font-size-xx-large);justify-content:space-between}.sidebar .button-wrapper{display:flex;gap:.5rem}.sidebar button.inline-btn{font-size:var(--font-size-small);border:1px solid var(--color-white);padding:.25rem;font-weight:700;margin:0;border-radius:.5rem;transition:all .25s ease-in-out}.sidebar button.inline-btn.active{background-color:var(--color-white);color:var(--color-dark-purple)}.sidebar .sidebar-header{background-color:var(--color-dark-purple);color:var(--color-white);display:flex;z-index:200;padding:.5rem;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0}.sidebar .introduction{padding:.5rem}.sidebar .introduction h3{font-size:var(--font-size-medium)}.sidebar .introduction p{font-size:var(--font-size-small);margin-bottom:.5rem;text-wrap:pretty}.sidebar .introduction p strong{font-weight:700}.sidebar .introduction p a{text-decoration:underline}.introduction p:last-of-type{margin-bottom:0}.layers{font-size:var(--font-size-medium);display:flex;flex-direction:column;gap:.5rem}.layer input{margin-right:.5rem}.sidebar h3{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;font-weight:var(--font-weight-bold);font-size:var(--font-size-medium)}.sidebar h3 span{color:var(--color-black)}.sidebar h3 b{font-size:var(--font-size-large);position:relative;width:1rem;height:1rem;display:block}.sidebar h3 b span{width:1rem;height:.1rem;top:.6rem;left:0}.sidebar h3 b span,.sidebar h3 b span:after{background-color:var(--color-black);display:block;position:absolute}.sidebar h3 b span:after{height:1rem;width:.1rem;top:-.45rem;left:.45rem;content:"";transform:rotate(0deg);transition:transform .25s ease-in-out}.sidebar h3 b span.open:after{transform:rotate(90deg)}.location-section{margin-bottom:.5rem}.location-section:first-of-type{margin-top:.5rem}.location-section:last-of-type{margin-bottom:0}.location-section ul{margin:0}.location-images img{max-width:100%;height:auto}.location-images .caption{font-size:var(--font-size-xx-small);display:block}.location-images .credit{font-size:var(--font-size-xx-small);font-style:italic}.image-thumbnails.multiple-images{width:100%;gap:.5rem;flex-wrap:nowrap;overflow:scroll;display:flex;padding-bottom:1rem}.image-thumbnails.multiple-images .image-thumb{max-width:80%;min-width:80%}.data-points{display:flex;flex-direction:column}.data-points ul li{font-size:var(--font-size-small)}.data-points ul li.source-line{text-transform:uppercase;padding-top:.5rem}.data-points ul li a{text-decoration:underline}.data-points ul li a:hover{text-decoration:none;background-color:var(--color-light-grey)}.data-point{background-color:var(--color-white);padding:.5rem;transition:all .25s ease-in-out;border-bottom:1px solid var(--color-mid-grey)}.data-point:hover{cursor:pointer}.data-point.active{background-color:var(--color-light-grey)}.data-point a{text-decoration:underline}.data-point:last-of-type{border-bottom:none}.data-point ul li.description{margin-top:.5rem;margin-bottom:.5rem;text-wrap:pretty}.data-point ul{list-style:none}.legend{left:0;top:0;height:100%;height:100dvh;display:flex;align-items:center;padding:.5rem .25rem .7rem;font-family:var(--font-sans);z-index:20}.legend-panel ul{list-style:none;flex-direction:row;gap:.5rem;padding:.25rem;display:flex;flex-direction:column}.legend-panel ul li{display:grid;grid-gap:1rem;gap:1rem;align-items:center;padding:0 .2rem;font-size:var(--font-size-small);grid-template-columns:1fr auto}.legend-panel ul li span.legend-name{font-weight:300}.legend-panel li b{display:grid;color:var(--color-black);padding:.15rem .25rem;border-radius:.25rem;grid-template-columns:2rem auto 1fr}.legend-panel li.active b{color:var(--color-black);background-color:var(--color-light-grey)}.legend-panel ul li b:hover{background-color:none}.legend-panel ul li.satellite{order:-1;border-bottom:1px solid var(--color-black)}.legend-panel ul li.data-points{order:-1}.about-legend{width:1.2rem;height:1.2rem;background-color:var(--color-dark-purple);color:var(--color-white);border-radius:2rem;text-align:center;transition:all .25s ease-in-out}.about-legend.active,.about-legend:hover{color:var(--color-white);background-color:var(--color-green)}.about-legend:hover{cursor:pointer}span.legend-note{width:1.25rem;border:1px solid var(--color-white);display:block;font-weight:700;text-align:center;margin-right:.5rem;height:1.25rem}span.area-a{background-color:rgba(174,100,50,.7)}span.area-b{background-color:rgba(174,100,50,.45)}span.area-c{background-color:rgba(174,100,50,.22)}span.firing-zones{background-color:#f50000}span.firing-zone-918{background-color:#c80404}span.nature-reserve{background-color:#56ae0f}span.incidents{border-radius:.5rem;background-color:var(--color-white)}span.hebron{background-color:#ebf854}span.armistice-line{background-color:rgba(0,0,0,.5)}span.wall{background-color:var(--color-black)}span.roads{background-color:#5b4848}span.data-points{background-color:var(--color-white)}span.jordan-valley{background-color:#19a453}span.israeli-settlements,span.palestinian-villages{background-color:var(--color-black);border-radius:50%;border:1px solid var(--color-black)}span.satellite{background-color:#000}.tooltip{position:fixed;bottom:1rem;display:flex;justify-content:center;left:.5rem;width:calc(100% - 1rem);z-index:1000}@media (min-width:800px){.tooltip{bottom:1rem}}.tooltip-container{box-shadow:0 1px 1px rgba(0,0,0,.075),0 2px 2px rgba(0,0,0,.075),0 4px 4px rgba(0,0,0,.075),0 8px 8px rgba(0,0,0,.075),0 16px 16px rgba(0,0,0,.075);max-width:400px;text-wrap:pretty;font-family:var(--font-sans);margin:0 auto;padding:.4rem 2.5rem .4rem .4rem;position:relative;border-radius:.25rem;background:#fff;font-size:var(--font-size-small)}.tooltip-container p{margin-bottom:.5rem}.tooltip-container p:last-of-type{margin-bottom:0}span.close-btn{position:absolute;top:.5rem;font-size:var(--font-size-x-large);right:.5rem;background-color:var(--color-dark-purple);border-radius:1rem;width:1.5rem;height:1.5rem;color:var(--color-white);text-align:center;line-height:1.2rem;transition:all .25s ease-in-out}span.close-btn:hover{cursor:pointer;background-color:var(--color-green)}.tab-content{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);box-shadow:0 1px 1px rgba(0,0,0,.075),0 2px 2px rgba(0,0,0,.075),0 4px 4px rgba(0,0,0,.075),0 8px 8px rgba(0,0,0,.075),0 16px 16px rgba(0,0,0,.075);background-color:var(--color-white);z-index:100;position:relative}.keywords{left:0;top:0;z-index:200;font-family:var(--font-sans)}.keywords,.keywords-toggle{display:flex;position:absolute;height:100%;align-items:center}.keywords-toggle{top:-2rem;right:-4.5rem;width:3rem;justify-content:flex-end}.keywords-toggle h3{margin:0;z-index:200;transform:rotate(90deg) scale(1);border-top-left-radius:.25rem;border-bottom-right-radius:.25rem;background-color:var(--color-white);padding:.2rem .5rem .75rem;color:var(--color-black);z-index:10;transition:transform .25s ease-in-out;position:relative}.keywords-filter{position:relative;display:block;left:0}.keywords-filter ul{padding:.5rem;background-color:var(--color-white)}.keywords-filter ul li{padding:.25rem;white-space:nowrap;overflow:hidden;max-width:25ch;-webkit-text-emphasis:ellipsis;text-emphasis:ellipsis}.keywords-panel{overflow:scroll;max-height:50vh;position:relative;width:var(--sidebar-width)}.keywords-summary{position:-webkit-sticky;position:sticky;top:0;background-color:var(--color-white);padding:.5rem;left:0;width:100%;min-width:0;border-top-right-radius:var(--border-radius);display:flex;justify-content:space-between}.keywords-summary button{border:none;background-color:var(--color-dark-purple);color:var(--color-white);padding:.25rem .5rem;border-radius:.25rem;font-weight:700}.keywords-summary button:hover{cursor:pointer}.keywords-summary ul{display:flex;list-style:none;flex-wrap:wrap;align-items:flex-start;gap:.25rem;width:100%;min-width:0}.keywords-summary ul li{font-size:var(--font-size-xx-small);max-width:20ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word;padding:.1em .5em;line-height:1.1;background:var(--color-light-grey);border-radius:.25em;transition:all .25s ease-in-out}.keywords-summary ul li:hover{cursor:pointer;color:var(--color-white);background-color:var(--color-mid-grey)}.keywords-summary ul li.default{font-weight:700;padding:0;font-size:var(--font-size-small);background:none;text-transform:uppercase}.keywords-summary ul li.default:hover{cursor:none;color:var(--color-black)}@media (max-width:600px){.keywords-summary{grid-template-columns:1fr;row-gap:.5rem}}.keywords-wrapper ul.keywords-list{padding:.5rem;display:flex;flex-direction:column}.keywords-wrapper ul.keywords-list li{padding:.2rem;display:flex;border-bottom:1px solid var(--color-light-grey);align-items:center;border-radius:.25rem;font-size:var(--font-size-small);justify-content:space-between}.keywords-wrapper ul.keywords-list li span{display:block;font-size:var(--font-size-x-small);background-color:var(--color-light-grey);width:1.4rem;line-height:1.4rem;height:1.4rem;text-align:center;border-radius:2rem}.keywords-wrapper ul.keywords-list li b{font-weight:300;max-width:35ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-x-small)}.keywords-wrapper ul.keywords-list li:hover{background-color:var(--color-light-grey);cursor:pointer}.keywords-wrapper ul.keywords-list li.active{font-weight:400;color:var(--color-white);background-color:var(--color-dark-purple)}.keywords-wrapper ul.keywords-list li.active span{color:var(--color-dark-purple);background-color:var(--color-white)}.location-overview p{margin-bottom:.5rem;font-size:var(--font-size-small)}.location-overview p:last-of-type{margin-bottom:0}.locations-panel h2{margin-bottom:.7rem}.locations-panel{padding:.5rem}.locations-panel ul{display:flex;flex-direction:column;list-style:none;padding:0;gap:0}.locations-panel ul li{font-family:var(--font-sans);font-weight:100;font-size:var(--font-size-small);padding:.35rem .25rem;border-bottom:1px solid var(--color-light-grey);border-radius:.25rem}.locations-panel ul li:last-of-type{border-bottom:none}.locations-panel ul li:hover{cursor:pointer;background-color:var(--color-light-grey)}.locations-panel ul li.active{background-color:var(--color-dark-purple);color:var(--color-white)}.timeline{border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius);position:fixed;bottom:0;padding:.5rem;background-color:var(--color-white);z-index:100;width:100%;box-shadow:0 1px 1px rgba(0,0,0,.075),0 2px 2px rgba(0,0,0,.075),0 4px 4px rgba(0,0,0,.075),0 8px 8px rgba(0,0,0,.075),0 16px 16px rgba(0,0,0,.075)}.timeline-details{display:flex;margin-bottom:.25rem;justify-content:space-between}.timeline ul{overflow:scroll;display:flex;gap:.5rem;flex-direction:row;list-style:none}.timeline ul li{background:#aaca2e}.timeline .slider-label span{font-weight:700;font-size:var(--font-size-x-small)}.timeline-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;z-index:100!important}.timeline-slider input[type=range]::-webkit-slider-runnable-track{background:var(--color-dark-purple);height:.5rem;border-radius:.2rem}.timeline-slider input[type=range]::-moz-range-track{background:var(--color-dark-purple);height:.5rem;border-radius:.2rem}.timeline-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-8px;background-color:var(--color-green);height:1.5rem;border-radius:50%;width:1.5rem}.timeline-ticks{display:flex;align-items:center;justify-content:space-between}.timeline-ticks span{padding-top:.25rem;font-size:var(--font-size-xx-small)}.timeline-label h3{font-size:var(--font-size-small)}.timeline-toggle-holder{position:fixed;width:100%;bottom:4.9rem;z-index:90}.timeline-period-toggle{display:flex;justify-content:center;overflow:hidden;gap:.25rem}.timeline-period-toggle button{background-color:var(--color-dark-purple);border:none;-webkit-tap-highlight-color:transparent;font-size:var(--font-size-medium);line-height:1.25;transition:all .25s ease-in-out;padding:.2rem .5rem;color:var(--color-white)}.timeline-period-toggle button.active{background-color:var(--color-white);color:var(--color-black)}.timeline-period-toggle button:hover{cursor:pointer;background-color:var(--color-green)}.timeline-event-indicators{height:.5rem;width:100%;position:absolute;top:0;left:0;pointer-events:none;z-index:2}.timeline-dot{background:var(--color-green);width:2px;height:10px;position:absolute;top:0;transition:background-color .15s ease-in-out;z-index:2}.timeline-dot.active{height:15px;background:var(--color-dark-purple)}.side-tabs{height:100%;height:100dvh;left:0;top:0;pointer-events:none;display:flex;align-items:center;position:relative;z-index:300}.side-tabs .tab-content-wrapper{position:relative;pointer-events:all}.side-tabs .tab-content-wrapper .tab-bar{position:absolute;bottom:0;top:0;width:3rem;right:-41px;display:flex;align-items:center;align-content:center;justify-content:center}.side-tabs .tab-content-wrapper .tab-bar .button-wrapper{display:flex;transform:rotate(90deg);transform-origin:center center;justify-content:center;gap:.25rem}.side-tabs .tab-content-wrapper .tab-bar button{background-color:var(--color-dark-purple);color:var(--color-white);font-size:var(--font-size-medium);padding:.5rem .75rem;-webkit-tap-highlight-color:transparent;border:none;transition:all .25s ease-in-out}.side-tabs .tab-content-wrapper .tab-bar button:hover{background-color:var(--color-green);color:var(--color-white);cursor:pointer}.side-tabs .tab-content-wrapper .tab-bar button.active{background-color:var(--color-white);color:var(--color-dark-purple)}