@use 'src/styles/fonts' as *;
@use 'src/styles/colors' as *;
@use 'src/styles/variables' as *;

:host {
  display: flex;
}

.time-group {
  display: inline-flex;

  &__times {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  &__actual {
    display: flex;
    align-items: flex-start;
  }

  &__utc {
    margin-top: 2px;
    margin-left: $space-s;
  }

  &__day-change {
    margin-top: $space-s;
    margin-left: $space-s;
  }

  &__old-time {
    text-decoration: line-through;
  }

  &__specifying {
    display: flex;
    align-items: center;
  }
}
