.eleon-article-feedback{
  margin-top:46px!important;
  padding:19px 20px!important;
  --eaf-border-top: color-mix(in srgb, var(--eaf-border) 55%, #7fa7ff 45%);
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:
    linear-gradient(
      var(--eaf-bg),
      var(--eaf-bg)
    ) padding-box,
    linear-gradient(
      180deg,
      var(--eaf-border-top) 0%,
      color-mix(
        in srgb,
        var(--eaf-border-top) 50%,
        var(--eaf-border) 50%
      ) 35%,
      var(--eaf-border) 75%,
      var(--eaf-border) 100%
    ) border-box!important;
  color:var(--eaf-text)!important;
  box-shadow:none!important;
}

.eaf-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:72px!important;
}

.eaf-copy strong{
  display:block;
  margin-bottom:5px;
  color:var(--eaf-text)!important;
  font-size:16px;
  font-weight:800;
}

.eaf-copy small{
  display:block;
  color:var(--eaf-muted)!important;
  opacity:1!important;
  font-size:12px;
}

.eaf-votes{
  display:flex;
  align-items:center;
  gap:9px;
  align-self:center!important;
  transform:translateY(6px)!important;
}

.eaf-vote{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:72px!important;
  min-height:39px!important;
  padding:0 13px;
  border:1px solid var(--eaf-border)!important;
  border-radius:9px;
  background:transparent!important;
  color:var(--eaf-muted)!important;
  box-shadow:none!important;
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:650;
  transition:
    border-color .15s ease,
    background .15s ease,
    color .15s ease;
}

.eaf-thumb{
  display:grid;
  place-items:center;
  width:17px;
  height:17px;
}

.eaf-thumb svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.eaf-vote-yes .eaf-thumb{
  color:rgba(93,151,112,.82)!important;
}

.eaf-vote-no .eaf-thumb{
  color:rgba(172,89,99,.82)!important;
}

.eaf-vote-yes:hover,
.eaf-vote-yes.is-selected{
  border-color:rgba(83,139,103,.30)!important;
  background:rgba(83,139,103,.055)!important;
  color:var(--eaf-text)!important;
}

.eaf-vote-no:hover,
.eaf-vote-no.is-selected{
  border-color:rgba(164,84,94,.30)!important;
  background:rgba(164,84,94,.055)!important;
  color:var(--eaf-text)!important;
}

.eaf-vote:disabled{
  cursor:default;
}

.eaf-comment{
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid color-mix(
    in srgb,
    var(--eaf-border) 62%,
    transparent
  )!important;
}

.eaf-comment textarea{
  box-sizing:border-box;
  width:100%;
  min-height:92px;
  resize:vertical;
  border:1px solid var(--eaf-border)!important;
  border-radius:9px;
  padding:11px 12px;
  background:var(--eaf-input)!important;
  color:var(--eaf-text)!important;
  outline:none;
  font:inherit;
}

.eaf-comment textarea:focus{
  border-color:rgba(120,166,255,.35)!important;
}

.eaf-comment-actions{
  display:flex;
  gap:8px;
  margin-top:9px;
}

.eaf-comment-actions button{
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--eaf-border)!important;
  border-radius:8px;
  background:transparent!important;
  color:var(--eaf-text)!important;
  cursor:pointer;
  font:inherit;
  font-size:11px;
}

.eaf-send:hover{
  border-color:rgba(120,166,255,.30)!important;
  color:var(--helios-accent,#78a6ff)!important;
}

.eaf-message{
  min-height:16px;
  margin-top:10px;
  color:var(--eaf-muted)!important;
  font-size:11px;
  opacity:1!important;
}

.eaf-hp{
  position:absolute!important;
  left:-99999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
}

.eleon-article-feedback.is-complete{
  border-color:transparent!important;
}

.eleon-article-feedback{
  --eaf-bg:#17191e;
  --eaf-border:#303640;
  --eaf-text:#eef1f5;
  --eaf-muted:#8c95a3;
  --eaf-input:#14171c;
}

html.eleon-feedback-light .eleon-article-feedback{
  --eaf-bg:#fff;
  --eaf-border:#d8dee8;
  --eaf-text:#1c2129;
  --eaf-muted:#77818f;
  --eaf-input:#f7f9fc;

  --eaf-border-top:
    color-mix(
      in srgb,
      var(--eaf-border) 65%,
      white 35%
    );
}

html[data-theme="light"] .eleon-article-feedback,
html.light .eleon-article-feedback,
body.light .eleon-article-feedback{
  --eaf-bg:#fff;
  --eaf-border:#d8dee8;
  --eaf-text:#1c2129;
  --eaf-muted:#77818f;
  --eaf-input:#f7f9fc;
}

html[data-theme="light"] .eaf-comment textarea,
html.light .eaf-comment textarea,
body.light .eaf-comment textarea{
  background:#f8f9fb!important;
  border-color:#d9dee7!important;
}

@media(max-width:700px){
  .eaf-main{
    align-items:flex-start!important;
    flex-direction:column;
  }

  .eaf-votes{
    width:100%;
    transform:none!important;
  }

  .eaf-vote{
    flex:1;
  }
}