@import "../../../../scss/variables";

appearance-color-input {
  display: block;

  > .color-picker-container {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    overflow: hidden;
  }

  .color-icon {
    width: 35px;
    height: 35px;
  }

  .name {
    margin-left: 3px;
    margin-top: 3px;
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
  }

  .change {
    color: $link-color;
    font-size: 1.3rem;
    margin-left: auto;
  }
}