.comp-rbac-graph__shield-rbac {
    background: none;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.328vh;
    height: 5.328vh;
    cursor: pointer;
    box-sizing: border-box;
}

.comp-rbac-graph__shield-rbac-icon {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.comp-rbac-graph__access-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.comp-rbac-graph__access-tooltip-bubble {
  position: absolute;
  bottom: calc(100% + 1.11vh);
  right: 0;
  padding: 0.888vh;
  border: var(--app-border-width) solid transparent;
  border-radius: 0.888vh;
  background: none;
  isolation: isolate;
  color: #D0D0D1;
  font-weight: 500;
  font-size: 1.554vh;
  line-height: 1.998vh;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity 120ms ease;
}

.comp-rbac-graph__shield-rbac:focus-visible,
.comp-rbac-graph__access-tooltip-bubble:focus-visible {
    outline: var(--app-border-width) solid #6F82BF;
    outline-offset: 0.222vh;
}