import { style } from "@vanilla-extract/css";

export const code = {
  container: style({
    "@layer": {
      appkit: {
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        backgroundColor: "white",
        borderRadius: "0.5rem",
        maxInlineSize: "12rem",
        aspectRatio: "1",
      },
    },
  }),

  image: style({
    inlineSize: "100%",
    blockSize: "auto",
    borderRadius: "inherit",
  }),
};