import {LitElement, unsafeCSS} from "lit";
import { css } from "lit";
import tailwindcss from "./tailwind.generated.css?raw";
import { customElement } from "lit/decorators.js";

const tailwindElement = unsafeCSS(tailwindcss);

@customElement('feedobell-element')
export class FeedobellElement extends LitElement {
  static styles = [
    css`
      :host {
        all: initial; /* Reset all inherited properties */
        display: block;
        font-family: system-ui, sans-serif;
        color: black;
        box-sizing: border-box;
      }

      /* Re-enable Tailwind utility expectations */
      *, *::before, *::after {
        box-sizing: inherit;
      }
    `,
    tailwindElement,
  ];
    
 };