.emojiButton,.emojiButton *{box-sizing:border-box}.emojiButton{--emoji-button-height:36px;--emoji-button-radius:var(--arrive-radius-pill,9999px);--emoji-button-hover-background:var(--arrive-control-hover-background,var(--arrive-grey-background));--emoji-button-hover-border:var(--arrive-control-hover-border,var(--arrive-grey-2));--emoji-button-hover-colour:var(--arrive-state-hover-colour,var(--arrive-grey-4));--emoji-button-hover-shadow:none;--emoji-button-hover-transform:var(--arrive-control-hover-transform,none);--emoji-button-pressed-shadow:var(--arrive-control-pressed-shadow,none);appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:var(--arrive-control-min-size,44px);min-height:var(--emoji-button-height);height:var(--emoji-button-height);padding:0 var(--arrive-space-lg,12px);border:var(--arrive-border-width,2px) solid var(--arrive-grey-border);border-radius:var(--emoji-button-radius);background:var(--arrive-white,#ffffff);color:var(--arrive-grey-2);font:inherit;font-family:var(--arrive-font-family-ui);cursor:pointer;transition:border-color var(--arrive-motion-fast,.12s) var(--arrive-motion-ease-standard,cubic-bezier(.2,.8,.2,1)),color var(--arrive-motion-fast,.12s) var(--arrive-motion-ease-standard,cubic-bezier(.2,.8,.2,1)),background var(--arrive-motion-fast,.12s) var(--arrive-motion-ease-standard,cubic-bezier(.2,.8,.2,1)),box-shadow var(--arrive-motion-fast,.12s) var(--arrive-motion-ease-standard,cubic-bezier(.2,.8,.2,1)),transform var(--arrive-motion-fast,.12s) var(--arrive-motion-ease-standard,cubic-bezier(.2,.8,.2,1))}@media (min-width:1200px){.emojiButton{min-width:36px}}.emojiButton[data-text-visible=false]{padding-inline-end:0;padding-inline-start:0}.emojiButton[data-selected=true]{background:var(--arrive-state-selected-fill);border-color:var(--arrive-state-selected-border);color:var(--arrive-state-selected)}.emojiButton[data-selected=true] .emojiButton__text{font-weight:var(--arrive-state-selected-weight)}@media (hover:hover) and (pointer:fine){.emojiButton:hover:not(:disabled):not([data-inert=true]){border-color:var(--emoji-button-hover-border);background:var(--emoji-button-hover-background);box-shadow:var(--emoji-button-hover-shadow);color:var(--emoji-button-hover-colour);transform:var(--emoji-button-hover-transform)}.emojiButton[data-selected=true]:hover:not(:disabled):not([data-inert=true]){border-color:var(--arrive-state-selected-border);background:var(--arrive-state-selected-fill);box-shadow:none;color:var(--arrive-state-selected);transform:none}}.emojiButton:active:not(:disabled):not([data-inert=true]){border-color:var(--emoji-button-hover-border);box-shadow:none;transform:scale(var(--arrive-press-scale,.97));transition:border-color var(--arrive-motion-press,.1s) var(--arrive-motion-ease-standard,cubic-bezier(.2,.8,.2,1)),box-shadow var(--arrive-motion-press,.1s) var(--arrive-motion-ease-standard,cubic-bezier(.2,.8,.2,1)),transform var(--arrive-motion-press,.1s) var(--arrive-motion-ease-standard,cubic-bezier(.2,.8,.2,1))}.emojiButton[data-selected=true]:active:not(:disabled):not([data-inert=true]){box-shadow:none}.emojiButton:disabled{cursor:default;transform:none}.emojiButton[data-inert=true]{cursor:inherit}@media (prefers-reduced-motion:reduce){.emojiButton{--emoji-button-hover-transform:none}}.emojiButton__row{display:inline-flex;align-items:center;justify-content:center;width:fit-content;gap:var(--arrive-space-md,8px);min-width:0}.emojiButton__row[data-emoji-pending=true]{visibility:hidden}.emojiButton__image{display:block;width:var(--emoji-button-image-size,14px);height:var(--emoji-button-image-size,14px);object-fit:cover;border-radius:0}.emojiButton__text{display:inline-block;color:currentColor;font-family:var(--arrive-font-family-ui);font-size:var(--arrive-font-size-caption,12px);font-weight:var(--arrive-font-weight-semibold,600);line-height:var(--arrive-line-height-tight,1);letter-spacing:0;text-align:start;white-space:nowrap;transition:color 50ms var(--arrive-motion-ease-standard,cubic-bezier(.2,.8,.2,1))}.parityStage{display:grid;align-items:start;justify-items:start;padding:var(--arrive-space-stage,32px)}.parityRow,.parityStage{gap:var(--arrive-space-stack,16px)}.parityRow{display:flex;align-items:center}.emojiButton__glyph{font-size:var(--emoji-button-image-size);line-height:1;flex:0 0 auto}