.c-mac {
  display: flex;
  flex-direction: column;
  min-height: 10rem;
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}
.c-mac > .header {
  font-weight: bold;
  align-items: center;
  height: 2rem;
  display: flex;
  padding: 0 10px;
  gap: 2px;
  background: linear-gradient(0deg, #fff 0%, #eee 50%, #ddd 100%);
}
.c-mac > .header::before,
.c-mac > .header::after,
.c-mac > .header > span {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.c-mac > .header::before {
  background: #ff5f57;
}
.c-mac > .header > span {
  background: #ffbd2e;
}
.c-mac > .header::after {
  background: #28ca42;
}
.c-mac > .body {
  flex-grow: 1;
  overflow: auto;
  height: 1rem;
}

.c-mac > .foot {
  height: 3rem;
  background: linear-gradient(180deg, #fff 0%, #eee 50%, #ddd 100%);
}