src/features/postblock/options/index.css
:root {
  --black: 21, 20, 25;
  --white: 255, 255, 255;
  --grey: 207, 207, 216;
  --accent: 10, 132, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --black: 251, 251, 254;
    --white: 66, 65, 77;
    --grey: 91, 91, 102;
    --accent: 54, 213, 255;
  }
}

html {
  font-size: 14px;
  scrollbar-color: rgb(var(--grey)) transparent;
  scrollbar-width: thin;
  overflow-y: hidden;
}

body {
  background-color: rgb(var(--white));
  color: rgb(var(--black));
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-size: 100%;
  -webkit-user-select: none;
  user-select: none;
}

header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}

#posts-blocked-count {
  font-weight: bold;
}

#blocked-posts {
  padding: 0;
  border-bottom: 1px solid rgb(var(--grey));
  margin: 0;
}

.blocked-post {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1ch 0;
  border-top: 1px solid rgb(var(--grey));
}

.blocked-post button {
  padding: 0;
  border: none;

  appearance: none;
  background-color: transparent;
  color: rgb(var(--accent));
  cursor: pointer;
  font-weight: bold;
}
