.projects li {
  list-style-type: none;
}

textarea.additional_context {
  min-height:150px;
}

.analysing_project_message_wrapper {
  padding:20px;
}

.analysing_project_message {
  padding-left:20px;
  padding-right:20px;
  padding-top:30dvh;
  padding-bottom:10px;
  background-color:var(--soft-black);
  color:var(--gentle-white);
  border-radius:6px;
}

.analysing_project_message h2 {
  font-family: "Inter";
  font-weight:700;
  font-size:24px;
  margin-bottom:10px;
}

.analysing_project_message p {
  font-family: "Matter SemiMono", monospace;
  font-size:16px;
  margin-bottom:0;
  text-wrap:pretty;
  display:flex;
  align-items:center;
  gap:6px;
}

.analysing_project_explainer {
  background-color:var(--peach);
  border-radius:6px;
  padding:20px;
  margin-bottom:20px;
  border:1px solid var(--gridline);
  font-family:"Inter";
  font-weight:600;
  text-align:center;
  text-wrap:balance;
}

span.animated_loading_message {
  position:relative;
  bottom:1px;
}

.analysing_project_message svg.loading_spinner {
  animation: spinup 700ms linear forwards, spin 350ms linear 700ms infinite;
  color:var(--hard-grey);
}

.muted_topics_wrapper {
  padding:20px;
}

.muted_topics button {
  margin-bottom:0;
}

.muted_topics_message {
  background-color:var(--gentle-grey);
  border-radius:9px;
  border:1px solid var(--gridline);
  padding:22px;
  text-wrap:pretty;
  margin-bottom:20px;
}

.muted_topics_message h4 {
  font-family:"Inter";
  font-weight:700;
  font-size:22px;
  margin-bottom:4px;
}

.muted_topics_message p {
  margin-bottom:0;
}

table.muted_topics {
  margin-top:40px;
}

p.label_explainer {
  margin-bottom:8px;
  font-family:"Matter SemiMono", monospace;
  color:var(--soft-grey);
  font-size:14px;
}

.is_analysing_block {
  font-family:"Matter SemiMono", monospace;
  padding:30px;
  font-size:15px;
  text-align:center;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(
        var(--angle),
        #f88f0e, #5267ff, #ff14dd, #ffb768, #8d9bff, #ff0ad5
      ) border-box;
  animation: rotate 1.9s linear infinite;
  margin:20px;
  border-radius:8px;
  border:1px solid transparent;
  color:var(--hard-grey);
  text-wrap:balance;
  box-shadow:var(--box-shadow-combined);
}

.approval_buttons {
  display:flex;
  gap:6px;
}

.approval_buttons .active {
  background-color:var(--forest);
  color:var(--paper);
}

span.approval_label {
  display:block;
  margin-bottom:8px;
}

.project_bar {
  border-bottom:1px solid var(--gridline);
  background-color:var(--off-white);
  background-image:linear-gradient(170deg, #fff5e53b 28%, #fbdee078);
}

.project_bar .label {
  display:flex;
  align-items:center;
  gap:2px;
  font-family: "Matter SemiMono", monospace;
  font-size:14px;
  color:var(--soft-grey);
  cursor:pointer;
  padding:14px 32px;
}

.project_bar_buttons {
  display:flex;
  gap:8px;
  padding:16px 12px;
  justify-content: space-between;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.project_bar_buttons::-webkit-scrollbar {
  display:none;
}

@media (min-width:900px) {
  .project_bar_buttons {
    padding:16px 32px;
  }
}

.project_bar_buttons .left {
  display:flex;
  gap:8px;
}

.project_bar_buttons .action_button {
  font-size:12px;
}

.trends_chevron {
  display:inline-flex;
  transition: transform 200ms;
}

.trends_chevron svg {
  width:14px;
  height:auto;
  stroke:#24292E;
}

.trends_chevron.open {
  transform: rotate(90deg);
}

.trends_wrapper {
  margin:0 20px;
  height:0px;
  opacity:0;
  transition: height 200ms, padding-top 200ms, opacity 200ms, margin 200ms;
  overflow: clip;
}

.trends_wrapper.open {
  height:auto;
  opacity:1;
  margin:20px;
  margin-top:0;
}

.trends {
  display:flex;
  flex-direction:column;
  gap:18px;
}

@media (min-width:1100px) {
  .trends {
    flex-direction:row;
  }
}

.trend {
  flex:1;
  border:1px solid var(--gridline);
  padding:26px;
  border-radius:8px;
  box-shadow:var(--box-shadow-combined);
  background-color:var(--paper);
  margin-bottom:10px;
}

.trend .title {
  font-weight:600;
  font-size:17px;
  line-height:1.2;
  text-wrap:pretty;
  margin-bottom:6px;
}

.trend .description {
  font-family: "Matter SemiMono", monospace;
  font-size:14px;
}

.trends_date {
  font-family: "Matter SemiMono", monospace;
  font-size:12px;
  opacity:0.7;
  color:var(--soft-grey);
  padding:12px;
  padding-bottom:0;
}

.slack_channel_status {
  background-color:var(--gentle-grey);
  border:1px solid var(--gridline);
  padding:22px;
  border-radius:9px;
}

p.slack_connect_label {
  display:flex;
  align-items:center;
  gap:9px;
  background-color:var(--gentle-grey);
  border:1px solid var(--gridline);
  border-radius:9px;
  padding:22px;
}

.alerts_form p.slack_connected_label, p.slack_connected_label {
  background-color:var(--gentle-grey);
  border:1px solid var(--gridline);
  border-radius:9px;
  padding:22px;
  margin-bottom:10px;
}

.alerts_form p {
  margin-bottom:0;
}

.alerts_form select {
  margin-top:4px;
}