#costPriceExplanation-modal .modal-card{width:70vw}#costPriceExplanation-modal .cost-price-explanation--body{flex-direction:column;width:100%;height:40vh;display:flex;position:relative}#costPriceExplanation-modal .cost-price-explanation--body .loading{width:100%;height:100%}#costPriceExplanation-modal .cost-price-explanation--body .loading .subtitle{font-size:1em!important}#costPriceExplanation-modal .cost-price-explanation--body p{white-space:pre-wrap}#costPriceExplanation-modal .cost-price-explanation--body span{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#costPriceExplanation-modal .cost-price-explanation--body .cost-price-explanation--formula{justify-content:center;align-items:center;height:100%;padding:24px;display:flex}#costPriceExplanation-modal .cost-price-explanation--no-data{text-align:center;place-self:center;width:100%}#costPriceExplanation-modal .cost-price-explanation--title{align-items:center;column-gap:1rem;padding:1rem;display:flex}.cost-summary{text-align:center}.cost-summary .margin-editor{text-align:left;width:100%;height:100%;margin-top:1rem;padding:0 12px}.cost-summary .margin-editor .field,.cost-summary .margin-editor .selected-data{text-align:left}.cost-summary .margin-editor .selected-data ul{width:100%;margin-top:1em}.cost-summary .margin-editor .selected-data ul li{justify-content:space-between;align-items:baseline;display:flex}.cost-summary .margin-editor form{width:100%}.cost-summary .margin-editor-action-buttons{text-align:right;justify-content:flex-end;gap:1em;margin-top:.5em;display:flex}.cost-summary .label{text-align:right;margin:12px 0}.cost-summary .cost-graph--container{flex-direction:row;align-items:stretch;display:flex;position:relative}.cost-summary .cost-graph--container .graph{flex:1 0 70%;width:70%}.cost-summary .cost-graph--container .graph .recharts-tooltip-wrapper{z-index:99}.cost-summary .cost-graph--container .margin-editor-container{flex:0 0 30%;width:100%;height:100%;position:sticky}