/* HeidiSend – Sende-Animation für helloheidi.me
   Gehört zu heidi-send.js. Die Farben des Briefs stehen hier als Variablen;
   hell/dunkel wählt das Skript selbst anhand der Hintergrundfarbe des Chats. */

.hs-btn{position:relative}
.hs-icon{display:block;width:30px;height:30px;overflow:visible}
.hs-ring{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0}

.hs-overlay{
  position:fixed;inset:0;z-index:2147483000;overflow:hidden;
  /* blockiert Eingaben, solange der Brief unterwegs ist */
  pointer-events:auto;touch-action:none;
  --hs-accent:#9E3A49;
  --hs-env-fill:#FFFFFF;
  --hs-env-line:#E2DED9;
  --hs-env-shadow:rgba(120,60,70,.22);
}
.hs-overlay[data-theme="dark"]{
  --hs-accent:#D08A94;
  --hs-env-fill:#3D4047;
  --hs-env-line:#565A62;
  --hs-env-shadow:rgba(0,0,0,.45);
}

.hs-wash{position:absolute;inset:0;clip-path:circle(0px at 50% 50%)}

.hs-ghost{
  position:absolute;margin:0;opacity:0;pointer-events:none;box-sizing:border-box;
  white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere;
}

.hs-caption{
  position:absolute;left:0;right:0;text-align:center;opacity:0;pointer-events:none;
  font-family:"Sacramento","Snell Roundhand",cursive;font-size:30px;line-height:1.2;
  color:var(--hs-accent);
}

.hs-fx{position:absolute;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none}
.hs-fx div{position:absolute;left:0;top:0;width:0;height:0}
.hs-env{
  position:absolute;left:-48px;top:-34px;width:96px;height:68px;overflow:visible;
  filter:drop-shadow(0 12px 14px var(--hs-env-shadow));
}
.hs-env .hs-body{fill:var(--hs-env-fill);stroke:var(--hs-env-line);stroke-width:1.2}
.hs-env .hs-fold{fill:none;stroke:var(--hs-env-line);stroke-width:1.2;stroke-linecap:round}
.hs-env .hs-flap{fill:var(--hs-env-fill);stroke:var(--hs-accent);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
/* Herz-Siegel: immer in der Akzentfarbe */
.hs-env .hs-seal{fill:var(--hs-accent);transform-box:fill-box;transform-origin:center;transform:scale(0)}