@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:clamp(.5rem,.25rem + .625vw,1rem);width:17%;height:100%;padding:clamp(2rem,1rem + 2.5vw,4rem) clamp(.25rem,.125rem + .3125vw,.5rem) 0;display:flex;position:absolute;top:0;left:0}.page-description{padding:0 clamp(.25rem,.125rem + .3125vw,.5rem) 0 clamp(.5rem,.25rem + .625vw,1rem);font-family:AkkuratLL-Light;font-size:clamp(.65rem,.525rem + .3125vw,.9rem)}.timeline-scroll-wrapper{flex:1;position:relative;overflow:hidden}.timeline-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:clamp(.6rem,.3rem + .75vw,1.2rem);height:100%;padding-left:clamp(1rem,.5rem + 1.25vw,2rem);padding-right:clamp(.25rem,.125rem + .3125vw,.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:clamp(.25rem,.125rem + .3125vw,.5rem);left:-.75rem}.timeline-list li:last-child:after{display:none}.timeline-item-year{font-family:AkkuratLL-Regular;font-size:clamp(.7rem,.6rem + .4444vw,1rem);position:relative}.timeline-item-desc{margin:.1rem 0 0;font-size:clamp(.65rem,.55rem + .25vw,.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:clamp(1.5rem,.75rem + 1.875vw,3rem);height:clamp(1.5rem,.75rem + 1.875vw,3rem);padding:0;transition:transform .15s;display:flex;position:absolute;top:clamp(.5rem,.25rem + .625vw,1rem);right:clamp(.5rem,.25rem + .625vw,1rem)}.panel-toggle span{transform-origin:50%;background-color:#edf86f;border-radius:3px;width:clamp(1.25rem,1rem + .625vw,1.75rem);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:clamp(2rem,1rem + 2.5vw,4rem) clamp(.5rem,.25rem + .625vw,1rem) clamp(.5rem,.25rem + .625vw,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{height:100%}.frame-container{flex-direction:column;gap:clamp(.5rem,.25rem + .625vw,1rem);height:100%;display:flex}.frame{border:0;width:100%;height:100%}