.bc.ds .ds-tk__layout{position:relative;max-width:var(--ds-col-main)}
.bc.ds .ds-tk__workspace{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);grid-template-areas:"shape ." "dimensions .";gap:var(--bc-space-3) var(--bc-space-4);align-items:start;min-height:22rem}
.bc.ds .ds-tk__shape{grid-area:shape}
.bc.ds .ds-tk__dimensions{grid-area:dimensions;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--bc-space-2)}
.bc.ds .ds-tk__figure{position:absolute;top:var(--bc-space-5);left:calc(14rem + var(--bc-space-5) + var(--bc-space-4));right:var(--bc-space-5);margin:0;min-width:0;pointer-events:none}
.bc.ds .ds-tk__pictures{display:grid;grid-template-columns:minmax(0,1fr) 8rem;gap:var(--bc-space-2);align-items:center;height:15rem}
.bc.ds .ds-tk__solid-wrap{width:100%;height:15rem;max-width:none;border:0;background:transparent}
.bc.ds .ds-tk__solid-wrap svg{display:block;width:100%;height:100%}
.bc.ds .ds-tk__bottle-wrap{min-width:0;text-align:center}
.bc.ds .ds-tk__bottle-title{font-size:var(--ds-text-small);white-space:nowrap;line-height:1.4;margin:0 0 var(--bc-space-1)}
.bc.ds .ds-tk__bottles{display:flex;gap:var(--bc-space-1);justify-content:center;align-items:end;max-height:12rem;overflow:hidden}
.bc.ds .ds-tk__bottles svg{width:2.5rem;height:5.5rem;flex:none}
.bc.ds .ds-tk__bottle-count{display:block;font-size:var(--ds-text-small);line-height:1.4;color:var(--bc-text);overflow-wrap:anywhere}
.bc.ds .ds-tk__scale-note{display:block;font-size:var(--ds-text-small);line-height:1.4;color:var(--bc-text)}
.bc.ds .ds-tk__scale-note[hidden]{display:none}
.bc.ds .ds-tk__figure figcaption{font-size:var(--ds-text-body);line-height:1.5;color:var(--bc-text);margin-top:var(--bc-space-2)}
.bc.ds .ds-tk__figure[data-invalid] .ds-tk__pictures{opacity:.35}
.bc.ds .ds-tk__figure[data-invalid] .ds-tk__bottle-count{visibility:hidden}
.bc.ds{--ds-tk-water:color-mix(in srgb,var(--bc-brand) 38%,var(--bc-bg))}
.bc.ds .ds-tk__formula span{display:inline-block;margin-right:var(--bc-space-3)}
.bc.ds .ds-tk__steps{list-style:decimal}
.bc.ds #tk-result{display:flex;flex-direction:column}
.bc.ds #tk-answer{order:0}
.bc.ds #tk-result .ds-actions{order:2}
.bc.ds #tk-table{order:3}
.bc.ds #tk-result>.bc-field__help{order:4}
@media(max-width:699px){
 .bc.ds .ds-tk__layout{display:flex;flex-direction:column}
 .bc.ds .ds-tk__figure{position:absolute;left:0;right:0;width:100%;padding:var(--bc-space-3);box-sizing:border-box;background:transparent}
 .bc.ds .ds-tk__layout>.ds-tool{order:1;width:100%;box-sizing:border-box}
 .bc.ds .ds-tk__pictures{grid-template-columns:minmax(0,1fr) 8rem;width:100%;height:13rem}
 .bc.ds .ds-tk__solid-wrap{height:13rem}
 .bc.ds .ds-tk__workspace{display:block;min-height:0}
 .bc.ds .ds-tk__dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bc-space-2);margin-top:var(--bc-space-3)}
 .bc.ds .ds-tk__dimensions .bc-field{min-width:0}
 .bc.ds .ds-tk__bottles svg{width:2.5rem;height:5.5rem}
 .bc.ds #tk-answer{padding-top:var(--bc-space-2);padding-right:7.5rem}
 .bc.ds #tk-answer .ds-answer__label{margin-bottom:var(--bc-space-1)}
 .bc.ds #tk-result{position:relative}
 .bc.ds #tk-result .ds-actions{position:absolute;top:0;right:0;order:1}
}