.session-data {
  .operation {
    .copy {
      mask-image: url('@/assets/image/copy.svg');
      mask-size: contain;
      --uno: bg-[var(--color-text-1)];

      &.copied {
        mask-image: url('@/assets/image/copied.svg');
      }
    }

    .markdown {
      mask-image: url('@/assets/image/markdown.svg');
      mask-size: contain;
      --uno: bg-[var(--color-text-1)];
    }

    > * {
      --uno: h-6 w-6 cursor-pointer opacity-70;

      &:hover {
        --uno: opacity-100;
      }
    }
  }

  .session-content {
    p {
      --uno: leading-6;
      overflow-wrap: break-word;
        word-break: break-word;
    }

    pre {
      --uno: m0;

      code {
        --uno: rounded-md leading-6;
      }

      + .code-copy {
        background-image: url('@/assets/image/copy.svg');

        --uno: transition-300 absolute top-2 right-2 h-6 w-6 cursor-pointer bg-contain bg-center bg-no-repeat text-white opacity-0;

        &:hover {
          --uno: opacity-100;
        }

        &.copied {
          opacity: 1 !important;
          background-image: url('@/assets/image/copied.svg');
        }
      }

      &:hover {
        + .code-copy {
          --uno: opacity-70;
        }
      }
    }

    ol,
    ul {
      --uno: flex list-disc flex-col gap-4 pl-5;

      li {
        --uno: leading-6;

        > *:not(:last-child) {
          --uno: pb-4;
        }
      }
    }

    ol {
      --uno: list-decimal pl-8;
    }

    &--ask {
      a {
        --uno: text-white hover:underline;
      }
    }

    &--answer {
      a {
        --uno: text-[rgb(var(--primary-6))] hover:underline;
      }
    }
  }
}

.session-data-download-popover {
  .arco-trigger-content {
    --uno: py-1 px-2;
    .arco-popover-content {
      --uno: flex gap-2;

      .markdown {
        mask-image: url('@/assets/image/markdown.svg');
        mask-size: contain;
        --uno: bg-[var(--color-text-1)];
      }

      > * {
        --uno: h-6 w-6 cursor-pointer text-[var(--color-text-1)] opacity-70;

        &:hover {
          --uno: opacity-100;
        }
      }
    }
  }
}
