@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{font-family:Roboto,sans-serif;font-weight:400;--operation-normal-color: #8bc34a;--operation-unstable-color: #f9a825;--operation-unavailable-color: #fa2d1e;--badge-normal-color: #b9f8cf;--badge-unstable-color: #ffe0b2;--badge-unavailable-color: #ffc9c9;--badge-text-normal-color: #00a63e;--badge-text-unstable-color: #f57f17;--badge-text-unavailable-color: #e7000b;--status-normal-color: #00a63e;--status-unstable-color: #f57f17;--status-unavailable-color: #e7000b}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer}.health-status-button{display:flex;align-items:center;justify-content:center;gap:12px;border:none;border-radius:8px;padding:.1em .2em;cursor:pointer;background:transparent;height:40px;min-width:auto;max-width:fit-content;box-sizing:border-box;overflow:hidden}.health-status-button.expanded{padding:8px;border-radius:50%;width:40px;height:40px}.health-status-button img{width:24px;height:24px;object-fit:contain}.health-status-button-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;white-space:nowrap}.health-status-button-content-title{font-size:14px;font-weight:700;line-height:1.2}.health-status-button-content-title.unavailable{color:var(--operation-unavailable-color)}.health-status-button-content-title.unstable{color:var(--operation-unstable-color)}.health-status-button-content-title.normal{color:var(--operation-normal-color)}.health-status-button-content-status{font-size:12px;font-style:normal;color:#fff;line-height:1.2}.health-status-button-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.status-icon{width:12px;height:12px;border-radius:50%}.status-icon.unstable{background-color:var(--status-unstable-color)}.status-icon.unavailable{background-color:var(--status-unavailable-color)}.status-icon.normal{background-color:var(--status-normal-color)}.modal-overlay{position:fixed;inset:0;background-color:#0000004d;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-start}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:450px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;position:absolute}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;border-bottom:1px solid #e0e0e0}.modal-title{color:#0036b3;font-size:20px;font-weight:600}.modal-body{padding:12px;flex:1;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:12px}.modal-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.modal-status-badge.unstable{background-color:var(--badge-unstable-color);color:var(--badge-text-unstable-color)}.modal-status-badge.normal{background-color:var(--badge-normal-color);color:var(--badge-text-normal-color)}.modal-status-badge.unavailable{background-color:var(--badge-unavailable-color);color:var(--badge-text-unavailable-color)}.modal-description{color:#666;font-size:14px;line-height:1.6;margin:0;text-align:start}.modal-button-details{background-color:transparent;color:#0036b3;border:1px solid #0036b3;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none}@media(max-width:768px){.modal-content{left:20px!important;right:20px!important;max-width:calc(100% - 40px)!important}}