.resourceRequirementWidget .chart{display:flex;flex-direction:column}.resourceRequirementWidget .chart>div{display:flex}.resourceRequirementWidget .chart>div>div:first-child{flex-grow:0;flex-shrink:0;width:2rem}.resourceRequirementWidget .chart>div>div:nth-child(2){flex-grow:1;padding:1rem 0}.resourceRequirementWidget .chart>div>div:nth-child(2)>div{background-color:#c9e7e9;border-radius:0 1rem 1rem 0;display:flex;height:100%;width:100%}.resourceRequirementWidget .chart>div>div:nth-child(2)>div>div{flex-grow:0;flex-shrink:0;width:50%}.resourceRequirementWidget .chart>div>div:nth-child(2)>div>div:first-child{padding:1rem}.resourceRequirementWidget .imageHolder{display:flex;flex-direction:column}.resourceRequirementWidget .imageHolder>div{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-grow:1;min-height:10rem}.resourceRequirementWidget #fullsize{display:block}.resourceRequirementWidget #mobile{display:none}@media (max-width:700px){.resourceRequirementWidget #fullsize{display:none}.resourceRequirementWidget #mobile{display:block}}@media (max-width:450px){.resourceRequirementWidget .chart>div>div:nth-child(2)>div{flex-direction:column}.resourceRequirementWidget .chart>div>div:nth-child(2)>div>div{width:100%}}