.TradfriWidgetView {
  color: white;

  .widget-content {
    align-content: start;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-left: -8px;
    overflow-y: scroll;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  &.is-loading {
    .widget-content {
      align-items: center;
      flex-wrap: nowrap;
      justify-content: center;
    }
  }

  .group {
    border: 1px solid white;
    cursor: pointer;
    display: flex;
    height: 48px;
    margin-left: 8px;
    margin-top: 8px;
    padding: 4px;
    transition: background 300ms;
    transition: color 300ms;
    width: 172px;

    &:first-child {
      margin-top: 8px;
    }

    &.group-on {
      background: white;
      color: black;
    }

    span {
      &:first-child {
        align-self: flex-end;
        flex: 1;
        line-height: 1.3;
        margin-right: 4px;
        max-height: 38px;
        overflow: hidden;
      }
    }
  }
}
