@webwriter/interactive-video/widgets/webwriter-video-interaction/webwriter-video-interaction.styles.ts

(WIP) Enhance learning by adding interactive content in popups to videos for an engaging, interactive experience.

import { css } from "lit";

export default css`
  :host {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 1);
  }

  .page {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Adjust the value to your desired spacing */
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    max-height: 100%;
  }

  :host(:not([contenteditable="true"]):not([contenteditable=""])) .author-only {
    display: none;
  }
`;