/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/

.ec3w-horizontal-tile-container {
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  background-color: var(--iui-color-background-backdrop);
  min-height: calc(var(--iui-size-s) * 5);
  flex-shrink: 0;
  padding: 5.5px var(--iui-size-xs);

  .ec3w-body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    justify-content: center;

    &-text {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }

  .ec3w-action-button {
    margin-left: 0;
    align-self: center;
    min-width: 36px;
    margin-right: var(--iui-size-2xs);
    flex-shrink: 0;
  }

  &-selected {
    border: 1px solid var(--iui-color-border-accent);
    background: linear-gradient(rgba(var(--iui-color-accent-hsl), var(--iui-opacity-6)), rgba(var(--iui-color-accent-hsl), var(--iui-opacity-6))),
      linear-gradient(var(--iui-color-background), var(--iui-color-background));
  }
}