.expandable-status-chip{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px 0 6px;border-radius:99px;border:1px solid;cursor:default;overflow:hidden;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 6px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.expandable-status-chip .MuiSvgIcon-root{font-size:14px;margin-right:4px}.expandable-status-chip-prod{background-color:#2e7d32d9;border-color:#81c784cc;color:#fff}.expandable-status-chip-dev{background-color:#0288d1d9;border-color:#4fc3f7cc;color:#fff}.expandable-status-chip-deploying{background-color:#0288d1e6;border-color:#fff9;color:#fff}.expandable-status-chip-unavailable{background-color:#78909c99;border-color:#b0bec580;color:#ffffffd9;filter:saturate(30%)}.expandable-status-date-box{display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap;line-height:1;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin .3s ease;max-width:0px;opacity:0;margin-left:0}.expandable-status-chip:hover .expandable-status-date-box{max-width:80px;opacity:.9;margin-left:4px}body{margin:0;padding:0;box-sizing:border-box}