@import 'variables';

:host {
  display: block;

  .close ::ng-deep img {
    width: 12px;
    height: 12px;
  }
}

.detail {
  display: flex;
  margin-bottom: 7px;
  .name {
    width: 175px;
  }

  .value {
    flex: 1 1 auto;
    font-weight: $font-weight-bold;
    white-space: nowrap;
  }
}

.transistion {
  transition: all 300ms ease-in-out;
  display: inline-block;
}

.rotate-180deg {
  transform: rotate(180deg);
}

.dp-button-icon {
  display: inline-flex;
  margin-left: 0.5rem;
  transition: transform 200ms ease-in-out;
}

.dp-button-icon.up {
  transform: rotate(-90deg);
}
.dp-button-icon.down {
  transform: rotate(-270deg);
}
