.bg-white\/5 {
  background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, #fff 5%, transparent);
}
}
  .text-sm\/5 {
  font-size: 0.875rem;
    line-height: 1.25rem;
}
.hover\:bg-orange-100 {
  &:hover {
      @media (hover: hover) {
        background-color: oklch(95.4% 0.038 75.164);
}
}
  }
  .focus\:ring-2 {
  &:focus {
      --tw-ring-shadow:  0 0 0 2px +  currentcolor;
      box-shadow: , , , , ;
}
}
  .focus\:ring-offset-2 {
  &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow:  0 0 0  ;
}
}
  .focus\:outline-hidden {
  &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
}
}
  }
  .sm\:px-6 {
  @media (width >= 40rem) {
      padding-inline: 1.5rem;
}
}
  .sm\:text-5xl {
  @media (width >= 40rem) {
      font-size: 3rem;
      line-height: var(--text-5xl--line-height);
}
}
  .lg\:max-w-none {
  @media (width >= 64rem) {
      max-width: none;
}
}
  .lg\:grid-cols-3 {
  @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
  .lg\:px-8 {
  @media (width >= 64rem) {
      padding-inline: 2rem;
}
}
  .\[\&_\*\]\:text-inherit {
  & * {
      color: inherit;
}
}
  .\[\&\>\*\]\:text-inherit {
  &>* {
      color: inherit;
}