/**
 * Copyright (c) OpenLens Authors. All rights reserved.
 * Licensed under MIT License. See LICENSE in root directory for more information.
 */

.AddQuotaDialog {
  .quota-select {
    flex-basis: 55%;
  }

  .quota-entries {
    display: flex;
    gap: 8px;
    margin-left: -1px;
    flex-wrap: wrap;

    &:empty {
      display: none;
    }

    .quota {
      border: 1px solid var(--halfGray);
      border-radius: $radius;
      padding: $padding * 0.5 $padding;
      transition: all 150ms ease;
      display: flex;
      align-items: center;
      gap: 8px;

      &:hover {
        box-shadow: inset 0 0 0 1px var(--borderColor);
      }

      .name {
        font-weight: $font-weight-bold;
      }

      .value {
        color: var(--contentColor);
      }

      .Icon:hover {
        color: black;
      }
    }
  }
}
