.item-piles-player-list-trade-button {
  @include glass;
  @include quick-transition;
  background-color: var(--glass-bg-light);
  &:hover {
    @include glass;
  }
}

.item-piles-img-container {
  @include gold-border;
  border-radius: 3px;
  margin: 3px;
}

.item-piles-app {
  --item-piles-even-color: #7a79717a;
  --item-piles-shadow-primary: var(--color-shadow-primary);
}

.dorako-ui.dark-theme {
  --color-text-dark-secondary: #a9a798;
  --item-piles-minor-inactive: rgb(15, 15, 15);
  --item-piles-text-light-highlight: rgb(70, 70, 70);
  .item.active.underscore.item-piles-flexrow.item-piles-clickable-link {
    border-bottom: 2px solid var(--tertiary-dark);
  }
}

[data-theme] {
  --item-piles-minor-inactive: var(--color-primary-3);
  --item-piles-even-color: color-mix(in srgb, var(--color-secondary-3) 20%, transparent);
  --item-piles-border-light-primary: var(--color-secondary-3);

  .item-piles-chat-card li img,
  .item-piles-img-container {
    @include dui-app;
    border: 1px solid;
    border-color: var(--icon-border-color);
  }

  .item-piles-player-list-trade-button {
    @include dui-button;
  }

  .item-piles-config-container nav {
    margin-top: 2px;
  }
}

[data-theme][data-color-scheme="dark"] {
  --item-piles-border-light-primary: rgba(255, 255, 255, 0.2);
  --item-piles-text-light-highlight: rgba(255, 255, 255, 0.3);
}
