.ocp-live .ocp-storage{margin:22px 0;padding:18px;border-radius:14px;background:#f4faf6;border:1px solid #d8e8de}.ocp-live .ocp-storage-label{display:flex;justify-content:space-between;gap:15px;color:#174f3a;margin-bottom:12px}.ocp-live .ocp-storage-label span{font-weight:750}.ocp-live .ocp-storage-segments{display:grid;grid-template-columns:repeat(25,minmax(3px,1fr));gap:7px;height:48px;padding:7px;border-radius:11px;background:#e5eee8}.ocp-live .ocp-storage-segments i{display:block;border-radius:8px;background:#cbd9d0}.ocp-live .ocp-storage-segments i.filled{background:#35d477;box-shadow:0 4px 10px rgba(53,212,119,.16)}.ocp-live .ocp-storage-alert{display:flex;align-items:flex-start;gap:10px;margin:13px 0 0!important;font-size:13px;line-height:1.45}.ocp-live .ocp-storage-alert>span{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#d9f4e4;color:#16814a;font-weight:900}.ocp-live .ocp-storage.warning{background:#fff8e7;border-color:#f0d38a}.ocp-live .ocp-storage.warning .ocp-storage-segments i.filled{background:#f1b83b}.ocp-live .ocp-storage.warning .ocp-storage-alert>span{background:#ffebba;color:#8a5a00}.ocp-live .ocp-storage.critical{background:#fff0f0;border-color:#efb5b8}.ocp-live .ocp-storage.critical .ocp-storage-label{color:#9d252d}.ocp-live .ocp-storage.critical .ocp-storage-segments i.filled{background:#e54850}.ocp-live .ocp-storage.critical .ocp-storage-alert{color:#86252b!important;font-weight:650}.ocp-live .ocp-storage.critical .ocp-storage-alert>span{background:#ffd8da;color:#a62029}@media(max-width:600px){.ocp-live .ocp-storage-segments{gap:4px;height:40px;padding:6px}.ocp-live .ocp-storage-label{font-size:13px}}