.item {
  background-color: #1e1e1e;
  border-radius: 6px;
  display: flex;
  padding: 10px;
  flex-direction: column;

  .toolbar {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 0px 10px;
    background-color: #323232;
    border-radius: 4px;

    .error {
      color: #ffcaca;
    }

    .name {
      font-size: inherit;
      padding: 14px 6px;
      
      &:hover:not(.previewDisabled) {
        cursor: pointer;
        text-decoration: underline dotted;
      }
    }

    .options {
      flex-grow: 1;
      display: flex;
      padding: 14px 2px;
      gap: 10px;
      height: 100%;
      overflow-x: auto;
      scrollbar-width: thin;
      scrollbar-color: gray #323232;
      align-items: center;

      * {
        display: flex;
        gap: 6px;
      }
    }

  }
  
  .output {
    height: 200px;
  }
  
  .error {
    color: #ffcaca;
  }
}