styles.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: none;
  }

  details > summary {
    @apply list-none;
  }

  details summary::-webkit-details-marker {
    @apply hidden;
  }

  /* section {
    view-transition-name: section;
  }

  ::view-transition-old(section),
  ::view-transition-new(section) {
    height: auto;
    right: 0;
    left: auto;
    transform-origin: right center;
  }

  ::view-transition-old(section) {
    animation: 1s cubic-bezier(0.075, 0.82, 0.165, 1) both slide-out;
  }

  ::view-transition-new(section) {
    animation: 1s 1s cubic-bezier(0.075, 0.82, 0.165, 1) both slide-in;
  }

  @keyframes slide-out {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }

  @keyframes slide-in {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(0);
    }
  } */
}