.procuraaxis-emoji-composer{position:relative;min-width:0}
.procuraaxis-emoji-composer>input,.procuraaxis-emoji-composer>textarea{display:block;width:100%;padding-right:46px!important}
.procuraaxis-emoji-toggle{position:absolute;right:7px;bottom:5px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#607787;cursor:pointer}
.procuraaxis-emoji-toggle:hover,.procuraaxis-emoji-toggle:focus-visible,.procuraaxis-emoji-toggle[aria-expanded="true"]{background:#eaf4f6;color:#087488;outline:3px solid rgba(8,116,136,.18);outline-offset:1px}
.procuraaxis-emoji-toggle:disabled{opacity:.45;cursor:not-allowed}
.procuraaxis-emoji-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.procuraaxis-emoji-picker{position:absolute;z-index:30;right:0;bottom:calc(100% + 9px);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:min(400px,calc(100vw - 48px));max-height:330px;overflow-y:auto;padding:9px;border:1px solid #d5e2e7;border-radius:12px;background:#fff;box-shadow:0 15px 38px rgba(13,42,65,.22)}
.procuraaxis-emoji-picker[hidden]{display:none}
.procuraaxis-emoji-picker button{display:grid;place-items:center;min-width:0;aspect-ratio:1;padding:2px;border:0;border-radius:7px;background:#fff;font-size:32px;line-height:1;cursor:pointer}
.procuraaxis-emoji-picker button:hover,.procuraaxis-emoji-picker button:focus-visible{background:#eaf7f8;outline:3px solid rgba(8,116,136,.18);outline-offset:0}
@media(max-width:520px){.procuraaxis-emoji-picker{right:-2px;grid-template-columns:repeat(6,minmax(0,1fr));width:min(330px,calc(100vw - 32px));max-height:270px}.procuraaxis-emoji-picker button{font-size:28px}}
@media(prefers-reduced-motion:reduce){.procuraaxis-emoji-toggle,.procuraaxis-emoji-picker button{transition:none}}