.privacy-toggle {
  margin: -3px 0 18px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #f5f8fc
}

.privacy-toggle label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer
}

.privacy-toggle input {
  accent-color: var(--blue)
}

.privacy-toggle span {
  display: grid
}

.privacy-toggle strong {
  font-size: 10px;
  color: #3f4d64
}

.privacy-toggle small {
  font-size: 8px;
  color: #8994a7
}

.sender-anonymous {
  opacity: .48;
  pointer-events: none
}

.feedback-types {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-bottom: 19px
}

.feedback-types label {
  cursor: pointer
}

.feedback-types input {
  position: absolute;
  opacity: 0
}

.feedback-types span {
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: #67748a;
  transition: .2s
}

.feedback-types i {
  font-size: 20px;
  color: var(--blue2)
}

.feedback-types strong {
  font-size: 10px
}

.feedback-types input:checked+span {
  border-color: var(--blue2);
  background: #eef5ff;
  color: var(--blue);
  box-shadow: 0 0 0 2px rgba(7, 84, 216, .08)
}

.input-icon {
  position: relative
}

.input-icon i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--blue2)
}

.form-grid .input-icon input {
  padding-left: 35px
}

.publish-options {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  padding: 15px 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff
}

.publish-options>strong {
  margin-right: auto;
  font-size: 10px;
  color: #344158
}

.publish-options label {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  color: #59667c
}

.publish-options input {
  accent-color: var(--blue)
}

.lookup-card p {
  font-size: 9px;
  color: #7f8a9e;
  line-height: 1.6
}

.lookup-card form {
  display: flex;
  border: 1px solid var(--line);
  border-radius: 7px;
  overflow: hidden
}

.lookup-card input {
  min-width: 0;
  flex: 1;
  height: 39px;
  padding: 0 10px;
  border: 0;
  outline: 0;
  font-size: 9px
}

.lookup-card button {
  border: 0;
  background: var(--blue);
  color: #fff;
  padding: 0 12px;
  font-size: 9px
}

.lookup-card>div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 11px;
  padding: 11px;
  border-radius: 7px;
  background: #fff7e7;
  color: #936812
}

.lookup-card>div i {
  font-size: 19px
}

.lookup-card>div span {
  display: grid
}

.lookup-card>div strong {
  font-size: 9px
}

.lookup-card>div small {
  font-size: 8px;
  color: #7e7156;
  line-height: 1.5
}

@media(max-width:575px) {
  .feedback-types {
    gap: 6px
  }
  .feedback-types span {
    height: 67px
  }
  .publish-options {
    display: grid;
    gap: 10px
  }
  .publish-options>strong {
    margin: 0
  }
}