@import "tailwindcss";

@import "./reset.css";
@import "./theme.css";
@import "./calculations.css";
@import "./like.css";
@import "./default.css";
@import "./join.css";
@import "./tw-animate.css";
@import "./cropper/compact.css";
@import "./cropper/custom.css";
@import "./cropper/style.css";
@import "./toast/style.css";

@plugin "@tailwindcss/container-queries";
/* @plugin "tw-animate-css"; */

@custom-variant focus-visible (&:focus-visible,&:has(input:focus),&[data-focus="true"]);
@custom-variant not-disabled (&:not(:disabled):not([data-disabled="true"]));
@custom-variant disabled (&:disabled,&[data-disabled="true"]);
@custom-variant active (&:active,&[data-active="true"]);
@custom-variant hover {
  &:hover,
  &[data-hover="true"] {
    @media (hover: hover) {
      @slot;
    }
  }
}