@import "../../styles/slotui-vars.scss";
@import "../../styles/presets.scss";

.cartoucheHolder {
  border-radius: 6px;
  overflow: hidden;

  &[data-bordered=true]{
    border: 1px solid var(--theme-color-foreground-alpha-high);
  }

  .cartoucheContent { 
    overflow: hidden;
    background-color: var(--theme-color-background);
  }
}

.cartouche {
  display: flex;
  gap: 8px;
  background-color: var(--theme-color-background);
  align-items: center;
  padding:0.25rem;
  &:hover {
    background-color: rgba(255, 255, 255, 0.4);
  }

  .cartoucheLabel { 
    cursor: pointer;
  }
 

  .chevron { 
    cursor: pointer;
  }

  .divider{
    border-bottom: 1px solid var(--theme-color-foreground-alpha); 
  }
}