/* css/override.css */
form {
  grid-row: unset;
  min-width: 960px;
}
#kickoff-form {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
}
#inspiration {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-areas: "header header";
}
#inspiration .header {
  grid-area: header;
}
#inspiration,
#overview {
  grid-column: 1 / -1;
}
.inspiration-item {
  grid-column: 1 / -1;
}
.horizontal {
  display: flex;
  flex-direction: row;
}
textarea {
  min-height: 128px;
  resize: vertical;
}
.connected {
  display: flex;
  flex-wrap: nowrap;
}
.connected:not(:first-child, :last-child) {
  border-radius: 0;
}
.connected :first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.connected :last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
button {
  box-sizing: border-box;
}
.fill {
  flex: 1;
}
input.switch {
  appearance: none;
  position: relative;
  padding: var(--dim-small);
  width: var(--dim-large);
  height: var(--dim-small);
  box-shadow: none;
  background: var(--surface-alt);
  display: flex;
  align-items: center;
}
input.switch:checked {
  background: #456345;
}
input.switch:before {
  content: "";
  position: absolute;
  left: 0;
  box-shadow: 0 0 0 var(--dim-medium) var(--surface);
  display: inline-block;
  width: 1px;
  height: 1px;
  background: var(--surface);
  border-radius: var(--dim-large);
}
input.switch:checked:before {
  left: unset;
  right: 0;
}
.dropzone {
  border: 2px dashed var(--surface);
  grid-column: 1 / -1;
  padding: var(--dim-large);
  border-radius: var(--dim-large);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropzone[data-drag-over] {
  background: var(--surface-alt);
}
.avatar {
  --avatar-size: 64px;
  display: grid;
  grid-template-columns: var(--avatar-size) fit-content;
  grid-template-rows: 1fr repeat(2, min-content) 2fr;
  grid-gap: 0 var(--dim-medium);
  grid-template-areas: "avatar t_pad" "avatar username" "avatar email" "avatar b_pad";
}
.avatar img {
  grid-area: avatar;
  overflow: hidden;
  border-radius: var(--avatar-size);
  max-width: var(--avatar-size);
}
.avatar .name {
  grid-area: username;
  font-weight: bold;
}
.avatar .email {
  grid-area: email;
  color: var(--text-secondary);
  font-size: small;
}
/*# sourceMappingURL=override.css.map */