:host {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;

  height: calc(100vh - 116px);

  .header {
    font: var(--default-font-h1);
    color: var(--wiki-font-h1-color);
  }

  .cycle-list {
    overflow: auto;
  }

  .management-panel {
    position: fixed;
    z-index: 1;
    bottom: 30px;

    width: stretch;
    padding-right: 30px;
  }
}

.trigger-menu-button {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-left: 10px;
}

app-cmf-icon,
app-cmf-doodle-icon {
  display: flex;
}

:host ::ng-deep .mat-spinner circle {
  stroke: var(--accent-color-bg);
}