.monitor-comments__form,
.monitor-comments__reply-form {
  position: relative;
}

.monitor-comments__send-stage[hidden] {
  display: none !important;
}

.monitor-comments__send-stage {
  position: absolute;
  inset: -4px 0 0;
  z-index: 6;
  min-height: 154px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px 12px 6px;
  overflow: hidden;
  color: #283247;
  background: linear-gradient(110deg, rgba(252,240,242,.96), rgba(255,249,249,.98));
  border-radius: 7px;
  opacity: 0;
  transition: opacity 120ms ease;
}

.monitor-comments__reply-form .monitor-comments__send-stage {
  background: rgba(255,248,248,.98);
}

.monitor-comments__form,
.monitor-comments__reply-form {
  min-height: 154px;
}

.monitor-comments__form.is-send-active > :not([data-oic-send-stage]),
.monitor-comments__reply-form.is-send-active > :not([data-oic-send-stage]) {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.monitor-comments__form.is-send-active .monitor-comments__send-stage,
.monitor-comments__reply-form.is-send-active .monitor-comments__send-stage {
  opacity: 1;
}

.monitor-comments__send-visual {
  width: min(320px, 94%);
  height: 126px;
}

.monitor-comments__reply-form .monitor-comments__send-visual {
  width: min(278px, 92%);
}

.monitor-comments__send-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.monitor-comments__send-status {
  min-height: 22px;
  margin: 3px 0 0;
  color: #566174;
  font: 500 12px/1.4 var(--oic-sans, Arial, sans-serif);
  text-align: center;
}

.oic-send-shadow {
  fill: rgba(40,31,25,.16);
  transform-origin: 160px 154px;
  transition: opacity 390ms ease, transform 390ms ease;
}

.oic-send-envelope {
  transform-origin: 160px 106px;
  transition: opacity 400ms ease, transform 430ms cubic-bezier(.32,.72,.22,1);
}

.oic-send-envelope-back {
  fill: #f3ead9;
  stroke: #d9cbb4;
  stroke-width: 1;
}

.oic-send-envelope-inner {
  fill: #e9dcc6;
}

.oic-send-card {
  opacity: 0;
  transform: translateY(-9px) scale(.98);
  transform-origin: 110px 42px;
  transition:
    opacity 140ms ease,
    transform 430ms cubic-bezier(.18,.72,.24,1);
}

.oic-send-card-paper {
  fill: #fffefa;
  stroke: #d7d7d1;
  stroke-width: 1;
}

.oic-send-card-avatar {
  fill: #d9d9d6;
}

.oic-send-card-avatar-head,
.oic-send-card-avatar-body,
.oic-send-card-line {
  fill: #8b8d8b;
}

.oic-send-card-line.is-light {
  fill: #bebfbb;
}

.oic-send-card-corner {
  fill: #CE0F25;
}

.oic-send-pocket {
  fill: #f7efdf;
  stroke: #d9cbb4;
  stroke-width: 1;
}

.oic-send-pocket-fold {
  fill: none;
  stroke: rgba(185,165,136,.62);
  stroke-width: .9;
}

.oic-send-flap-open,
.oic-send-flap {
  fill: #fbf4e7;
  stroke: #d9cbb4;
  stroke-width: 1;
}

.oic-send-flap-open {
  opacity: 1;
  transition: opacity 120ms ease;
}

.oic-send-flap {
  opacity: 0;
  transform: scaleY(-1);
  transform-box: fill-box;
  transform-origin: center top;
  transition:
    opacity 70ms ease,
    transform 320ms cubic-bezier(.3,.66,.25,1);
}

.oic-send-seal {
  opacity: 0;
  transform: scale(.48);
  transform-origin: 160px 112px;
  transition: opacity 110ms ease 270ms, transform 170ms cubic-bezier(.2,.8,.28,1) 260ms;
}

.oic-send-seal-ring {
  fill: #CE0F25;
  stroke: #a50b1d;
  stroke-width: 2;
}

.oic-send-seal-inner {
  fill: #d82439;
  stroke: rgba(255,255,255,.3);
  stroke-width: 1;
}

.oic-send-seal-letter {
  fill: #7c0715;
  stroke: rgba(255,255,255,.34);
  stroke-width: .45;
  paint-order: stroke fill;
  font: 600 27px/1 Georgia, serif;
  text-anchor: middle;
}

.oic-send-stamp {
  opacity: 0;
  transform: translateY(-78px);
  transform-origin: 160px 74px;
  transition: opacity 120ms ease, transform 310ms cubic-bezier(.2,.75,.18,1);
}

.oic-send-stamp-handle {
  fill: url(#oic-send-red);
  stroke: #a30c1d;
  stroke-width: 1.2;
}

.oic-send-stamp-metal {
  fill: url(#oic-send-brass);
  stroke: #92702f;
  stroke-width: 1;
}

.oic-send-success {
  opacity: 0;
  transform: scale(.7);
  transform-origin: 160px 96px;
  transition: opacity 150ms ease, transform 170ms ease;
}

.oic-send-success circle {
  fill: none;
  stroke: #CE0F25;
  stroke-width: 2.2;
}

.oic-send-success path {
  fill: none;
  stroke: #CE0F25;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.monitor-comments__send-stage[data-state="preparing"] .oic-send-envelope,
.monitor-comments__send-stage[data-state="packing"] .oic-send-envelope,
.monitor-comments__send-stage[data-state="closing"] .oic-send-envelope,
.monitor-comments__send-stage[data-state="waiting"] .oic-send-envelope,
.monitor-comments__send-stage[data-state="stamping"] .oic-send-envelope,
.monitor-comments__send-stage[data-state="sealed"] .oic-send-envelope,
.monitor-comments__send-stage[data-state="flying"] .oic-send-envelope {
  opacity: 1;
}

.monitor-comments__send-stage[data-state="preparing"] .oic-send-card,
.monitor-comments__send-stage[data-state="packing"] .oic-send-card,
.monitor-comments__send-stage[data-state="closing"] .oic-send-card,
.monitor-comments__send-stage[data-state="waiting"] .oic-send-card,
.monitor-comments__send-stage[data-state="stamping"] .oic-send-card,
.monitor-comments__send-stage[data-state="sealed"] .oic-send-card,
.monitor-comments__send-stage[data-state="flying"] .oic-send-card {
  opacity: 1;
}

.monitor-comments__send-stage[data-state="packing"] .oic-send-card,
.monitor-comments__send-stage[data-state="closing"] .oic-send-card,
.monitor-comments__send-stage[data-state="waiting"] .oic-send-card,
.monitor-comments__send-stage[data-state="stamping"] .oic-send-card,
.monitor-comments__send-stage[data-state="sealed"] .oic-send-card,
.monitor-comments__send-stage[data-state="flying"] .oic-send-card {
  transform: translateY(47px) scale(.94);
}

.monitor-comments__send-stage[data-state="closing"] .oic-send-flap-open,
.monitor-comments__send-stage[data-state="waiting"] .oic-send-flap-open,
.monitor-comments__send-stage[data-state="stamping"] .oic-send-flap-open,
.monitor-comments__send-stage[data-state="sealed"] .oic-send-flap-open,
.monitor-comments__send-stage[data-state="flying"] .oic-send-flap-open {
  opacity: 0;
}

.monitor-comments__send-stage[data-state="closing"] .oic-send-flap,
.monitor-comments__send-stage[data-state="waiting"] .oic-send-flap,
.monitor-comments__send-stage[data-state="stamping"] .oic-send-flap,
.monitor-comments__send-stage[data-state="sealed"] .oic-send-flap,
.monitor-comments__send-stage[data-state="flying"] .oic-send-flap {
  opacity: 1;
  transform: scaleY(1);
}

.monitor-comments__send-stage[data-state="stamping"] .oic-send-stamp {
  opacity: 1;
  transform: translateY(24px);
}

.monitor-comments__send-stage[data-state="stamping"] .oic-send-seal,
.monitor-comments__send-stage[data-state="sealed"] .oic-send-seal,
.monitor-comments__send-stage[data-state="flying"] .oic-send-seal {
  opacity: 1;
  transform: scale(1);
}

.monitor-comments__send-stage[data-state="sealed"] .oic-send-stamp,
.monitor-comments__send-stage[data-state="flying"] .oic-send-stamp {
  opacity: 0;
  transform: translateY(-62px);
}

.monitor-comments__send-stage[data-state="flying"] .oic-send-envelope {
  opacity: 0;
  transform: translateY(-92px) scale(.96);
  transition-timing-function: cubic-bezier(.62,.02,.88,.45);
}

.monitor-comments__send-stage[data-state="flying"] .oic-send-card {
  transition: none;
}

.monitor-comments__send-stage[data-state="flying"] .oic-send-shadow {
  opacity: 0;
  transform: scale(.45);
}

.monitor-comments__send-stage[data-state="success"] .oic-send-envelope,
.monitor-comments__send-stage[data-state="success"] .oic-send-stamp,
.monitor-comments__send-stage[data-state="success"] .oic-send-shadow {
  opacity: 0;
}

.monitor-comments__send-stage[data-state="success"] .oic-send-success {
  opacity: 1;
  transform: scale(1);
}

.monitor-comments__send-stage[data-state="error"] .oic-send-envelope,
.monitor-comments__send-stage[data-state="error"] .oic-send-stamp,
.monitor-comments__send-stage[data-state="error"] .oic-send-shadow {
  opacity: .22;
}

.monitor-comments__send-stage[data-reduced-motion="true"] .oic-send-envelope {
  opacity: 1;
}

.monitor-comments__send-stage[data-reduced-motion="true"] .oic-send-flap {
  transform: scaleY(1);
}

.monitor-comments__send-stage[data-reduced-motion="true"] .oic-send-card {
  opacity: 0;
}

.monitor-comments__send-stage[data-reduced-motion="true"][data-state="success"] .oic-send-envelope {
  opacity: 1;
}

.monitor-comments__send-stage[data-reduced-motion="true"][data-state="success"] .oic-send-seal {
  opacity: 1;
  transform: scale(1);
}

.monitor-comments__send-stage[data-reduced-motion="true"][data-state="success"] .oic-send-success {
  opacity: 0;
}

@media (max-width: 520px) {
  .monitor-comments__send-stage {
    min-height: 146px;
    padding-inline: 5px;
  }

  .monitor-comments__form,
  .monitor-comments__reply-form {
    min-height: 146px;
  }

  .monitor-comments__send-visual {
    width: min(276px, 96%);
    height: 118px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .monitor-comments__send-stage *,
  .monitor-comments__send-stage *::before,
  .monitor-comments__send-stage *::after {
    animation: none !important;
    transition: none !important;
  }
}