.ant-reactions{position:fixed;inset:0;z-index:35;pointer-events:none;overflow:hidden;contain:layout style}
.ant-reactions[hidden]{display:none}
.ant-reaction{position:absolute;top:calc(23% + var(--row)*17%);width:min(300px,25vw);pointer-events:none;--entry:-115%;animation:ant-child-enter .38s cubic-bezier(.2,.9,.25,1.15) both}
.ant-reaction[data-side=left]{left:18px}
.ant-reaction[data-side=right]{right:18px;--entry:115%}
.ant-reaction-bubble{position:relative;padding:21px 23px 37px;background:#fffceb;border:3px solid #57624f;border-radius:25px 27px 25px 8px;box-shadow:4px 6px 0 #54624435,0 8px 22px #5364491c;transform-origin:12% 70%}
.ant-reaction[data-side=right] .ant-reaction-bubble{border-radius:27px 25px 8px 25px;transform-origin:88% 70%;background:#fff3da}
.ant-reaction-bubble::before,.ant-reaction-bubble::after{content:'';position:absolute;left:-22px;bottom:20px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:21px solid #57624f}
.ant-reaction-bubble::after{left:-16px;bottom:23px;border-top-width:8px;border-bottom-width:8px;border-right:17px solid #fffceb}
.ant-reaction[data-side=right] .ant-reaction-bubble::before,.ant-reaction[data-side=right] .ant-reaction-bubble::after{left:auto;right:-22px;transform:rotate(180deg)}
.ant-reaction[data-side=right] .ant-reaction-bubble::after{right:-16px;border-right-color:#fff3da}
.ant-reaction p{margin:0;font-family:var(--font-serif,serif);font-size:clamp(21px,2vw,30px);font-weight:700;line-height:1.32;word-break:keep-all;overflow-wrap:anywhere;color:#514b36}
.ant-reaction small{display:block;position:absolute;right:18px;bottom:12px;font-size:11px;font-weight:500;color:#7b7b63}
.ant-reaction[data-level="1"] .ant-reaction-bubble{animation:ant-child-shake .48s .1s 1}
.ant-reaction[data-level="2"] .ant-reaction-bubble{animation:ant-child-shake .36s .1s 3}
.ant-reaction[data-level="3"] .ant-reaction-bubble{animation:ant-child-shake .25s .1s infinite;border-color:#8c6b4f}
.ant-reaction.is-leaving{animation:ant-child-leave .35s both}
.ant-reactions-live{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
@keyframes ant-child-enter{0%{opacity:0;transform:translateX(var(--entry)) scale(.82)}70%{opacity:1;transform:translateX(0) scale(1.04)}100%{opacity:1;transform:none}}
@keyframes ant-child-shake{0%,100%{transform:rotate(0)}25%{transform:translateY(-3px) rotate(-2deg)}55%{transform:translateX(2px) rotate(2deg)}80%{transform:translateY(1px) rotate(-1deg)}}
@keyframes ant-child-leave{to{opacity:0;transform:translateX(var(--entry)) scale(.9)}}
@media(max-width:700px){
 .ant-reaction{top:calc(24% + var(--row)*17%);width:calc(46% - 8px)}
 .ant-reaction[data-side=left]{left:10px}.ant-reaction[data-side=right]{right:10px}
 .ant-reaction-bubble{padding:14px 13px 32px;border-width:2px;border-radius:20px 22px 20px 6px;box-shadow:3px 4px 0 #54624430}
 .ant-reaction p{font-size:clamp(17px,4.6vw,22px);line-height:1.28}
 .ant-reaction small{right:11px;bottom:10px;font-size:9px}
 .ant-reaction-bubble::before{left:-17px;border-right-width:17px}.ant-reaction-bubble::after{left:-13px;border-right-width:14px}
 .ant-reaction[data-side=right] .ant-reaction-bubble::before{right:-17px}.ant-reaction[data-side=right] .ant-reaction-bubble::after{right:-13px}
}
@media(max-height:520px){.ant-reaction{top:calc(10% + var(--row)*23%);width:min(230px,29vw)}.ant-reaction-bubble{padding:10px 13px 26px}.ant-reaction p{font-size:17px}.ant-reaction small{bottom:8px}}
@media(prefers-reduced-motion:reduce){.ant-reaction,.ant-reaction .ant-reaction-bubble{animation:none!important}.ant-reaction.is-leaving{opacity:0}}
