@import "tailwindcss";
@plugin "@tailwindcss/typography";
@plugin "@egoist/tailwindcss-icons";

body {
  word-break: keep-all;
  overflow-wrap: break-word;
}

@theme {
  --font-sans: sans-serif;
  --font-mono: monospace;
}

@utility prose {
  blockquote {
    /* Disable adding quote marks to block-quotes: https://github.com/tailwindlabs/tailwindcss-typography/issues/66 */
    p {
      &:first-of-type::before,
      &:last-of-type::after {
        content: none;
      }
    }
  }
  code {
    &:before,
    &:after {
      content: none;
    }
  }
}

select.unstyled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd' /%3E%3C/svg%3E");
  background-size: 20px;
  background-position: calc(100% - 8px) center;
  background-repeat: no-repeat;
}