.ataket-comment-window{
  position:relative;
  overflow:hidden;
  margin-top:14px;
  padding:15px;
  border-radius:19px;
  border:
    1px solid
    rgba(255,157,28,.16);
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(255,145,0,.09),
      transparent 40%
    ),
    rgba(7,9,13,.58);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.ataket-comment-window.saved{
  border-color:
    rgba(255,169,39,.55);
  box-shadow:
    0 0 0 3px
    rgba(255,140,0,.055);
  transform:
    translateY(-1px);
}

.acw-title{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:13px;
}

.acw-title strong{
  display:block;
  color:#f6f6f6;
  font-size:14px;
}

.acw-title small{
  display:block;
  margin-top:4px;
  color:#7f8792;
  font-size:11px;
  line-height:1.5;
}

.acw-shield{
  min-width:43px;
  height:32px;
  padding:0 9px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#ffad27;
  font-size:12px;
  font-weight:900;
  border:
    1px solid
    rgba(255,156,22,.22);
  background:
    rgba(255,143,0,.07);
}

.acw-options{
  display:grid;
  grid-template-columns:
    repeat(3,1fr);
  gap:8px;
}

.ataket-window-choice{
  min-height:57px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-radius:14px;
  border:
    1px solid
    rgba(255,255,255,.065);
  background:
    rgba(19,23,30,.92);
  color:#9097a2;
  cursor:pointer;
  transition:
    transform .16s ease,
    border-color .2s ease,
    background .2s ease,
    color .2s ease,
    box-shadow .2s ease;
}

.ataket-window-choice b{
  font-size:18px;
}

.ataket-window-choice span{
  font-size:11px;
}

.ataket-window-choice:active{
  transform:
    scale(.97);
}

.ataket-window-choice.active{
  color:#15100a;
  border-color:
    rgba(255,186,55,.7);
  background:
    linear-gradient(
      135deg,
      #ffc039,
      #ff7900
    );
  box-shadow:
    0 8px 22px
    rgba(255,122,0,.15);
}

.ataket-window-choice:disabled{
  cursor:wait;
  opacity:.66;
}

.ataket-window-state{
  margin-top:10px;
  color:#777f8a;
  font-size:11px;
  text-align:center;
}

.ataket-comment-window.saving{
  opacity:.84;
}

@media(max-width:480px){
  .ataket-comment-window{
    padding:13px;
    border-radius:17px;
  }

  .ataket-window-choice{
    min-height:54px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ataket-comment-window,
  .ataket-window-choice{
    transition:none;
  }
}