.tabs{border-bottom:2px solid #ccc;flex-wrap:wrap;gap:24px;justify-content:space-around;padding:20px 0 24px}.tab,.tabs{display:flex}.tab{align-items:center;border:1px solid #e1e1e1;cursor:pointer;flex:1;flex-direction:column;min-width:100px;padding:15px;text-align:center}.tab,.tab-icon{transition:all .3s ease}.tab-icon{display:block;height:42px;margin:0 auto;width:42px}.tab span{color:#000;display:block;margin-top:8px;transition:color .3s ease}.tab.active{transform:scale(1.2)}.tab.active:after{background-color:var(--after-color,#14cc52);bottom:0;content:"";display:flex;height:5px;position:absolute;width:100%}.tab.active .tab-icon{transform:scale(1.2)}.tab-content{display:none;padding-top:20px}.tab-content.active{display:block}.commodities__tab-content-heading{font-size:24px;font-weight:700;line-height:24px;margin-bottom:22px}.commodities__chart-wrapper{height:300px;position:relative;width:100%}.tabs__group{padding-bottom:0}.group-tab{padding:10px}.group-tab,.group-tab:hover{cursor:pointer}.group-tab.active{border-bottom:4px solid #1800ff}.group-tab.active>span{color:#1800ff}.no-graph-message svg{height:100%;max-height:387px;width:auto}