.App{display:flex;align-items:center;width:100%;margin-left:auto}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background:#f0f0f0;overflow-x:hidden}.page{position:relative;width:100vw}.page img{display:block;width:100%}.textLayer{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.textLayer span{position:absolute;white-space:pre;-webkit-user-select:text;user-select:text;pointer-events:auto;cursor:text;line-height:1.2;letter-spacing:.01em}.interactive-tilt{display:inline-block;transform:rotate(-35deg);transform-origin:left top;z-index:10}.ol-full-screen{right:0;top:0;height:fit-content}.ol-control{padding:0;width:fit-content;bottom:0;position:absolute}.ol-control button{display:flex;padding:.6rem;color:#000;font-size:1rem;align-items:center;justify-content:center;height:1rem;width:1rem;border:1px solid #000;background-color:#fff9}.ol-control button:focus,.ol-control button:hover{background-color:#fffc}.fullscreen:-webkit-full-screen{height:100%;margin:0}.fullscreen:fullscreen{height:100%}.fullscreen{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tooltip{position:absolute;background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;pointer-events:none;z-index:1000;display:none;max-width:250px;box-shadow:0 2px 8px #0003}.tradeCont{position:relative;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;gap:2%;padding:.5rem;align-items:center;background-color:#fff;overflow:hidden}.tradeMapCont{width:100%;height:60%;gap:2%;display:flex;flex-direction:column;align-items:center}.tradeMapSvgCont{position:relative;width:100%;height:100%}.flowMapCont{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.flowMapCont .legendBox{position:absolute;top:0;right:10px;z-index:10;pointer-events:auto;padding:7px;border-radius:4px;font-size:10px}.flowMapCont .legendBox .legendItem{display:flex;align-items:center;margin-bottom:4px}.flowMapCont .legendBox .legendItem .legendItemColor{width:20px;height:3px;margin-right:6px}.flowMapCont .legendBox .legendItem .legendItemColor.in{background:#f99}.flowMapCont .legendBox .legendItem .legendItemColor.out{background:#66b3ff}.flowMapCont .legendBox .flowBtnCont{margin-bottom:.5rem}.flowMapCont .legendBox .flowBtnCont label{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:500}.flowMapCont .tooltipCont{position:absolute;top:0;left:0;background:#fffc;color:#000;padding:8px 12px;border-radius:4px;display:none;pointer-events:none;font-size:12px;z-index:1000}.pieChartCont{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.treeMapCont{display:flex;align-items:center;justify-content:center;gap:1%;width:90%;height:40%}.importTreeMapCont,.exportTreeMapCont{width:90%;height:100%}.tradeMapBtnCont{display:flex;gap:2%;white-space:nowrap}.tradeMapBtnCont button{padding:8px 40px;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;background-color:#a4e3a2;color:#fff;transition:all .3s ease}.tradeMapBtnCont button.active,.tradeMapBtnCont button:hover{background-color:#7bc979;color:#000}.tooltip{position:absolute;background:#fff;border:1px solid #ddd;border-radius:4px;padding:10px;box-shadow:0 2px 4px #0000001a;pointer-events:none;z-index:1000}.tooltip h3{margin:0;font-size:14px;color:#333}.trade-popup{position:absolute;background:#fffc;border:1px solid #ddd;border-radius:4px;padding:10px;box-shadow:0 2px 4px #0000001a;pointer-events:none;z-index:1000;font-size:12px;white-space:nowrap}.trade-popup .import{color:#f99}.trade-popup .export{color:#66b3ff}.trade-popup .title{font-weight:700;color:#000}