@mixin display-flex($justify: flex-start) {
  display: flex;
  align-items: center;
  justify-content: $justify;
}

:host {
  @include display-flex;

  position: sticky;
  z-index: 99999;
  top: 0;

  min-height: 52px;

  background-color: var(--color-gray-fff);
}

.icon {
  display: flex;
  color: var(--color-gray-222);
}

.caption {
  @include display-flex(center);

  position: absolute;
  inset: 0;
  font-size: 20px;
  font-weight: bold;
}

.buttons {
  @include display-flex(space-between);

  z-index: 1;
  width: 100%;
}

.not-implemented {
  display: flex;
  padding: 10px;
  font-size: 16px;
  color: var(--color-gray-444);
}