.material-level[data-v-4f23ec67]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.material-level.is-low .tank[data-v-4f23ec67]{-webkit-animation:pulse-warning-4f23ec67 2s infinite;animation:pulse-warning-4f23ec67 2s infinite}.material-level.is-critical .tank[data-v-4f23ec67]{-webkit-animation:pulse-critical-4f23ec67 1s infinite;animation:pulse-critical-4f23ec67 1s infinite}.tank-container[data-v-4f23ec67]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:6px}.tank[data-v-4f23ec67]{width:24px;height:48px;border:2px solid #999;border-radius:4px 4px 8px 8px;position:relative;overflow:hidden;background:#f5f5f5}.tank-fill[data-v-4f23ec67]{position:absolute;bottom:0;left:0;right:0;-webkit-transition:height .5s ease,background-color .3s ease;transition:height .5s ease,background-color .3s ease;border-radius:0 0 6px 6px}.tank-marks[data-v-4f23ec67]{position:absolute;inset:0}.tank-marks .mark[data-v-4f23ec67]{position:absolute;left:0;right:0;height:1px;background:rgba(0,0,0,.15)}.level-label[data-v-4f23ec67]{font-size:11px;font-weight:600;color:#666}.material-name[data-v-4f23ec67]{font-size:10px;color:#888;text-align:center;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@-webkit-keyframes pulse-warning-4f23ec67{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-warning-4f23ec67{0%,to{opacity:1}50%{opacity:.7}}@-webkit-keyframes pulse-critical-4f23ec67{0%,to{opacity:1;border-color:#f44336}50%{opacity:.6;border-color:#ff6659}}@keyframes pulse-critical-4f23ec67{0%,to{opacity:1;border-color:#f44336}50%{opacity:.6;border-color:#ff6659}}