@font-face{font-family:AkkuratLL-Regular;src:url(/content/dam/spglobal/commodity-insights/en/content-design/infographics/common/fonts/AkkuratLL-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:AkkuratLL-Light;src:url(/content/dam/spglobal/commodity-insights/en/content-design/infographics/common/fonts/AkkuratLL-Light.woff2)format("woff2");font-display:swap}@font-face{font-family:AkkuratLL-Bold;src:url(/content/dam/spglobal/commodity-insights/en/content-design/infographics/common/fonts/AkkuratLL-Bold.woff2)format("woff2");font-display:swap}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;font-family:AkkuratLL-Light;overflow-x:hidden;line-height:normal!important}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;line-height:normal!important}p{margin-block:0}ul,ol{margin:0;padding:0;list-style:none;line-height:normal!important}button{background:0 0;border:none;padding:0}iframe{margin:0!important}#root{flex-direction:column;min-height:100vh;display:flex}main.final-wrapper{flex:1;width:100%;position:relative;overflow:hidden}section.map-layer{z-index:0;width:100%;height:100%;position:absolute;inset:0}.map-img{object-fit:cover;width:100%;height:100%;display:block}section.left-panel{color:#fff;z-index:2;background-color:#0a0a0ab3;flex-direction:column;gap:1rem;width:17%;height:100%;padding:3.75rem .5rem 0;display:flex;position:absolute;top:0;left:0}.page-description{padding:0 .5rem 0 1rem;font-family:AkkuratLL-Light;font-size:.9rem}.timeline-scroll-wrapper{flex:1;position:relative;overflow:hidden}.timeline-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:1.2rem;height:100%;padding-left:2rem;padding-right:.5rem;display:flex;position:relative;overflow-y:auto}.timeline-list::-webkit-scrollbar{display:none}.timeline-list li{width:fit-content;padding-left:0;position:relative}.timeline-list li:before{content:"";z-index:1;background-color:#fff;border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.25rem;left:-1rem}.timeline-list li:after{content:"";z-index:1;background-color:#fff9;width:1px;height:calc(100% + 1rem);position:absolute;top:.5rem;left:-.75rem}.timeline-list li:last-child:after{display:none}.timeline-item-year{font-family:AkkuratLL-Regular;font-size:1rem;position:relative}.timeline-item-desc{margin:.1rem 0 0;font-size:.85rem}.scroll-hint{pointer-events:none;background:radial-gradient(at bottom,#ffffff47,#ffffff24,#ffffff0d,#fff0),linear-gradient(#0000,#0000008c);justify-content:center;align-items:center;width:100%;height:4rem;display:flex;position:absolute;bottom:0;left:0;right:0}.scroll-arrow{filter:drop-shadow(0 0 8px #ffffff73)drop-shadow(0 4px 8px #000000b3);border-bottom:3px solid #fff;border-left:3px solid #fff;width:1rem;height:1rem;animation:1.4s infinite scroll-bounce;display:block;transform:rotate(-45deg)}@keyframes scroll-bounce{0%,to{opacity:.6;transform:translateY(-2px)rotate(-45deg)}50%{opacity:1;transform:translateY(4px)rotate(-45deg)}}section.right-panel{z-index:3;will-change:transform;background-color:#0a0a0ab3;width:28%;transition:transform .5s;position:absolute;top:0;bottom:0;right:0;transform:translate(0);box-shadow:-6px 0 18px #00000059}section.right-panel.closed{transform:translate(100%)}.panel-toggle{z-index:4;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;transition:transform .15s;display:flex;position:absolute;top:1rem;right:1rem}.panel-toggle span{transform-origin:50%;background-color:#edf86f;border-radius:3px;width:28px;height:4px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute}.panel-toggle span:after{content:"";transform-origin:50%;background-color:#fff;transition:transform .45s ease-out;position:absolute;inset:0;transform:scaleX(0)}.panel-toggle span:first-child{transform:translateY(-9px)}.panel-toggle span:nth-child(2){transform:translateY(0)}.panel-toggle span:nth-child(3){transform:translateY(9px)}.panel-toggle:not(.open):hover span:first-child{transform:translateY(-9px)translate(-5px)scaleX(1.25)}.panel-toggle:not(.open):hover span:nth-child(2){transform:scaleX(.6)}.panel-toggle:not(.open):hover span:nth-child(3){transform:translateY(9px)translate(5px)scaleX(1.25)}.panel-toggle.open span:first-child{transform:rotate(45deg)}.panel-toggle.open span:nth-child(2){opacity:0}.panel-toggle.open span:nth-child(3){transform:rotate(-45deg)}.panel-toggle.open:hover span:after{transform:scaleX(1)}.right-panel-inner{height:100%;padding:3.75rem 1rem 1rem;overflow:hidden}.right-panel-inner::-webkit-scrollbar{width:3px}.right-panel-inner::-webkit-scrollbar-track{background:0 0}.right-panel-inner::-webkit-scrollbar-thumb{background-color:#edf86f;border-radius:2px}.right-panel-content{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.bar-chart-iframe{border:0;width:100%;height:20rem;display:block}.frame-scroll-wrapper{min-height:0;margin-top:1rem;position:relative;overflow:hidden}.frame-scroll-container{height:100%;overflow-y:auto}.frame-scroll-container::-webkit-scrollbar{width:4px}.frame-scroll-container::-webkit-scrollbar-track{background:0 0}.frame-scroll-container::-webkit-scrollbar-thumb{background-color:#edf86f;border-radius:3px}.frame-stage{border-radius:6px;height:100%;position:sticky;top:0;overflow:hidden}.frame{opacity:0;pointer-events:none;border:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.frame.active{opacity:1;pointer-events:auto}.scroll-spacer{width:100%}@media (max-height:760px){.right-panel-inner{overflow-y:auto}.right-panel-content{grid-template-rows:auto auto;height:auto}.frame-scroll-wrapper{height:22rem}}