@layer components {
  .box {
    box-shadow: 0px 3px 5px #0000000b;
    background-color: white;
    border: 1px solid theme("colors.slate.200");
    border-radius: 0.6rem;
    position: relative;
  }

  .dark {
    .box {
      background-color: theme("backgroundColor.darkmode.600");
      border-color: theme("colors.darkmode.500");
    }
  }
}