.misa-expressive-facebook {
  background-image: url(assets/facebook.png);
  background-repeat: no-repeat;
  background-position: center;
}
.misa-expressive-google {
  background-image: url(assets/google.png);
  background-repeat: no-repeat;
  background-position: center;
}
.misa-expressive-apple {
  background-image: url(assets/apple.png);
  background-repeat: no-repeat;
  background-position: center;
}
:root {
  --misa-expressive-primary-color: #2563eb;
  --misa-expressive-text-color: #111827;
  --misa-expressive-hint-color: #e5e5e5;
  --misa-expressive-border-color: #d9d9d9;
  --misa-expressive-item-hover-color: #f2f2f2;
  --misa-expressive-font-size: 14px;
}
[stickername="buffalo"],
.misa-expressive-sticker[st="buffalo_1"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_1.gif);
}
.misa-expressive-sticker[st="buffalo_2"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_10.gif);
}
.misa-expressive-sticker[st="buffalo_3"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_11.gif);
}
.misa-expressive-sticker[st="buffalo_4"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_2.gif);
}
.misa-expressive-sticker[st="buffalo_5"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_3.gif);
}
.misa-expressive-sticker[st="buffalo_6"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_4.gif);
}
.misa-expressive-sticker[st="buffalo_7"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_5.gif);
}
.misa-expressive-sticker[st="buffalo_8"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_6.gif);
}
.misa-expressive-sticker[st="buffalo_9"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_7.gif);
}
.misa-expressive-sticker[st="buffalo_10"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_8.gif);
}
.misa-expressive-sticker[st="buffalo_11"] {
  background-image: url(assets/img/sticker/buffalo/buffalo_9.gif);
}
[stickername="common"],
.misa-expressive-sticker[st="common_1"] {
  background-image: url(assets/img/sticker/common/quick_emoji.png);
}
.misa-expressive-sticker[st="common_2"] {
  background-image: url(assets/img/sticker/common/quick_emoji_heart.png);
}
.misa-expressive-sticker[st="common_3"] {
  background-image: url(assets/img/sticker/common/quick_emoji_like.png);
}
[stickername="congrat"],
.misa-expressive-sticker[st="congrat_1"] {
  background-image: url(assets/img/sticker/congrat/congrat_1.png);
}
.misa-expressive-sticker[st="congrat_2"] {
  background-image: url(assets/img/sticker/congrat/congrat_2.png);
}
.misa-expressive-sticker[st="congrat_3"] {
  background-image: url(assets/img/sticker/congrat/congrat_3.png);
}
.misa-expressive-sticker[st="congrat_4"] {
  background-image: url(assets/img/sticker/congrat/congrat_4.png);
}
.misa-expressive-sticker[st="congrat_5"] {
  background-image: url(assets/img/sticker/congrat/congrat_5.png);
}
.misa-expressive-sticker[st="congrat_6"] {
  background-image: url(assets/img/sticker/congrat/congrat_6.png);
}
.misa-expressive-sticker[st="congrat_7"] {
  background-image: url(assets/img/sticker/congrat/congrat_7.png);
}
.misa-expressive-sticker[st="congrat_8"] {
  background-image: url(assets/img/sticker/congrat/congrat_8.png);
}
.misa-expressive-sticker[st="congrat_9"] {
  background-image: url(assets/img/sticker/congrat/congrat_9.png);
}
.misa-expressive-sticker[st="congrat_10"] {
  background-image: url(assets/img/sticker/congrat/congrat_10.png);
}
.misa-expressive-sticker[st="congrat_11"] {
  background-image: url(assets/img/sticker/congrat/congrat_11.png);
}
.misa-expressive-sticker[st="congrat_12"] {
  background-image: url(assets/img/sticker/congrat/congrat_12.png);
}
.misa-expressive-sticker[st="congrat_13"] {
  background-image: url(assets/img/sticker/congrat/congrat_13.png);
}
.misa-expressive-sticker[st="congrat_14"] {
  background-image: url(assets/img/sticker/congrat/congrat_14.png);
}
.misa-expressive-sticker[st="congrat_15"] {
  background-image: url(assets/img/sticker/congrat/congrat_15.png);
}
.misa-expressive-sticker[st="congrat_16"] {
  background-image: url(assets/img/sticker/congrat/congrat_16.png);
}
.misa-expressive-sticker[st="congrat_17"] {
  background-image: url(assets/img/sticker/congrat/congrat_17.png);
}
.misa-expressive-sticker[st="congrat_18"] {
  background-image: url(assets/img/sticker/congrat/congrat_18.png);
}
.misa-expressive-sticker[st="congrat_19"] {
  background-image: url(assets/img/sticker/congrat/congrat_19.png);
}
.misa-expressive-sticker[st="congrat_20"] {
  background-image: url(assets/img/sticker/congrat/congrat_20.png);
}
.misa-expressive-sticker[st="congrat_21"] {
  background-image: url(assets/img/sticker/congrat/congrat_21.png);
}
.misa-expressive-sticker[st="congrat_22"] {
  background-image: url(assets/img/sticker/congrat/congrat_22.png);
}
.misa-expressive-sticker[st="congrat_23"] {
  background-image: url(assets/img/sticker/congrat/congrat_23.png);
}
.misa-expressive-sticker[st="congrat_24"] {
  background-image: url(assets/img/sticker/congrat/congrat_24.png);
}
.misa-expressive-sticker[st="congrat_25"] {
  background-image: url(assets/img/sticker/congrat/congrat_25.png);
}
.misa-expressive-sticker[st="congrat_26"] {
  background-image: url(assets/img/sticker/congrat/congrat_26.png);
}
.misa-expressive-sticker[st="congrat_27"] {
  background-image: url(assets/img/sticker/congrat/congrat_27.png);
}
.misa-expressive-sticker[st="congrat_28"] {
  background-image: url(assets/img/sticker/congrat/congrat_28.png);
}
.misa-expressive-sticker[st="congrat_29"] {
  background-image: url(assets/img/sticker/congrat/congrat_29.png);
}
[stickername="foxlove"],
.misa-expressive-sticker[st="foxlove_1"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_1.png);
}
.misa-expressive-sticker[st="foxlove_2"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_2.png);
}
.misa-expressive-sticker[st="foxlove_3"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_3.png);
}
.misa-expressive-sticker[st="foxlove_4"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_4.png);
}
.misa-expressive-sticker[st="foxlove_5"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_5.png);
}
.misa-expressive-sticker[st="foxlove_6"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_6.png);
}
.misa-expressive-sticker[st="foxlove_7"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_7.png);
}
.misa-expressive-sticker[st="foxlove_8"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_8.png);
}
.misa-expressive-sticker[st="foxlove_9"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_9.png);
}
.misa-expressive-sticker[st="foxlove_10"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_10.png);
}
.misa-expressive-sticker[st="foxlove_11"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_11.png);
}
.misa-expressive-sticker[st="foxlove_12"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_12.png);
}
.misa-expressive-sticker[st="foxlove_13"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_13.png);
}
.misa-expressive-sticker[st="foxlove_14"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_14.png);
}
.misa-expressive-sticker[st="foxlove_15"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_15.png);
}
.misa-expressive-sticker[st="foxlove_16"] {
  background-image: url(assets/img/sticker/foxlove/foxlove_16.png);
}
[stickername="gao"],
.misa-expressive-sticker[st="gao_1"] {
  background-image: url(assets/img/sticker/gao/gao_1.png);
}
.misa-expressive-sticker[st="gao_2"] {
  background-image: url(assets/img/sticker/gao/gao_2.png);
}
.misa-expressive-sticker[st="gao_3"] {
  background-image: url(assets/img/sticker/gao/gao_3.png);
}
.misa-expressive-sticker[st="gao_4"] {
  background-image: url(assets/img/sticker/gao/gao_4.png);
}
.misa-expressive-sticker[st="gao_5"] {
  background-image: url(assets/img/sticker/gao/gao_5.png);
}
.misa-expressive-sticker[st="gao_6"] {
  background-image: url(assets/img/sticker/gao/gao_6.png);
}
.misa-expressive-sticker[st="gao_7"] {
  background-image: url(assets/img/sticker/gao/gao_7.png);
}
.misa-expressive-sticker[st="gao_8"] {
  background-image: url(assets/img/sticker/gao/gao_8.png);
}
.misa-expressive-sticker[st="gao_9"] {
  background-image: url(assets/img/sticker/gao/gao_9.png);
}
.misa-expressive-sticker[st="gao_10"] {
  background-image: url(assets/img/sticker/gao/gao_10.png);
}
.misa-expressive-sticker[st="gao_11"] {
  background-image: url(assets/img/sticker/gao/gao_11.png);
}
.misa-expressive-sticker[st="gao_12"] {
  background-image: url(assets/img/sticker/gao/gao_12.png);
}
.misa-expressive-sticker[st="gao_13"] {
  background-image: url(assets/img/sticker/gao/gao_13.png);
}
.misa-expressive-sticker[st="gao_14"] {
  background-image: url(assets/img/sticker/gao/gao_14.png);
}
.misa-expressive-sticker[st="gao_15"] {
  background-image: url(assets/img/sticker/gao/gao_15.png);
}
.misa-expressive-sticker[st="gao_16"] {
  background-image: url(assets/img/sticker/gao/gao_16.png);
}
.misa-expressive-sticker[st="gao_17"] {
  background-image: url(assets/img/sticker/gao/gao_17.png);
}
.misa-expressive-sticker[st="gao_18"] {
  background-image: url(assets/img/sticker/gao/gao_18.png);
}
.misa-expressive-sticker[st="gao_19"] {
  background-image: url(assets/img/sticker/gao/gao_19.png);
}
.misa-expressive-sticker[st="gao_20"] {
  background-image: url(assets/img/sticker/gao/gao_20.png);
}
[stickername="ghost"],
.misa-expressive-sticker[st="ghost_1"] {
  background-image: url(assets/img/sticker/ghost/ghost_1.gif);
}
.misa-expressive-sticker[st="ghost_2"] {
  background-image: url(assets/img/sticker/ghost/ghost_10.gif);
}
.misa-expressive-sticker[st="ghost_3"] {
  background-image: url(assets/img/sticker/ghost/ghost_11.gif);
}
.misa-expressive-sticker[st="ghost_4"] {
  background-image: url(assets/img/sticker/ghost/ghost_12.gif);
}
.misa-expressive-sticker[st="ghost_5"] {
  background-image: url(assets/img/sticker/ghost/ghost_13.gif);
}
.misa-expressive-sticker[st="ghost_6"] {
  background-image: url(assets/img/sticker/ghost/ghost_14.gif);
}
.misa-expressive-sticker[st="ghost_7"] {
  background-image: url(assets/img/sticker/ghost/ghost_2.gif);
}
.misa-expressive-sticker[st="ghost_8"] {
  background-image: url(assets/img/sticker/ghost/ghost_3.gif);
}
.misa-expressive-sticker[st="ghost_9"] {
  background-image: url(assets/img/sticker/ghost/ghost_4.gif);
}
.misa-expressive-sticker[st="ghost_10"] {
  background-image: url(assets/img/sticker/ghost/ghost_5.gif);
}
.misa-expressive-sticker[st="ghost_11"] {
  background-image: url(assets/img/sticker/ghost/ghost_6.gif);
}
.misa-expressive-sticker[st="ghost_12"] {
  background-image: url(assets/img/sticker/ghost/ghost_7.gif);
}
.misa-expressive-sticker[st="ghost_13"] {
  background-image: url(assets/img/sticker/ghost/ghost_8.gif);
}
.misa-expressive-sticker[st="ghost_14"] {
  background-image: url(assets/img/sticker/ghost/ghost_9.gif);
}
[stickername="girl"],
.misa-expressive-sticker[st="girl_1"] {
  background-image: url(assets/img/sticker/girl/girl_1.gif);
}
.misa-expressive-sticker[st="girl_2"] {
  background-image: url(assets/img/sticker/girl/girl_10.gif);
}
.misa-expressive-sticker[st="girl_3"] {
  background-image: url(assets/img/sticker/girl/girl_11.gif);
}
.misa-expressive-sticker[st="girl_4"] {
  background-image: url(assets/img/sticker/girl/girl_12.gif);
}
.misa-expressive-sticker[st="girl_5"] {
  background-image: url(assets/img/sticker/girl/girl_13.gif);
}
.misa-expressive-sticker[st="girl_6"] {
  background-image: url(assets/img/sticker/girl/girl_14.gif);
}
.misa-expressive-sticker[st="girl_7"] {
  background-image: url(assets/img/sticker/girl/girl_2.gif);
}
.misa-expressive-sticker[st="girl_8"] {
  background-image: url(assets/img/sticker/girl/girl_3.gif);
}
.misa-expressive-sticker[st="girl_9"] {
  background-image: url(assets/img/sticker/girl/girl_4.gif);
}
.misa-expressive-sticker[st="girl_10"] {
  background-image: url(assets/img/sticker/girl/girl_5.gif);
}
.misa-expressive-sticker[st="girl_11"] {
  background-image: url(assets/img/sticker/girl/girl_6.gif);
}
.misa-expressive-sticker[st="girl_12"] {
  background-image: url(assets/img/sticker/girl/girl_7.gif);
}
.misa-expressive-sticker[st="girl_13"] {
  background-image: url(assets/img/sticker/girl/girl_8.gif);
}
.misa-expressive-sticker[st="girl_14"] {
  background-image: url(assets/img/sticker/girl/girl_9.gif);
}
[stickername="hipig"],
.misa-expressive-sticker[st="hipig_1"] {
  background-image: url(assets/img/sticker/hipig/hipig_1.gif);
}
.misa-expressive-sticker[st="hipig_2"] {
  background-image: url(assets/img/sticker/hipig/hipig_10.gif);
}
.misa-expressive-sticker[st="hipig_3"] {
  background-image: url(assets/img/sticker/hipig/hipig_11.gif);
}
.misa-expressive-sticker[st="hipig_4"] {
  background-image: url(assets/img/sticker/hipig/hipig_12.gif);
}
.misa-expressive-sticker[st="hipig_5"] {
  background-image: url(assets/img/sticker/hipig/hipig_13.gif);
}
.misa-expressive-sticker[st="hipig_6"] {
  background-image: url(assets/img/sticker/hipig/hipig_2.gif);
}
.misa-expressive-sticker[st="hipig_7"] {
  background-image: url(assets/img/sticker/hipig/hipig_3.gif);
}
.misa-expressive-sticker[st="hipig_8"] {
  background-image: url(assets/img/sticker/hipig/hipig_4.gif);
}
.misa-expressive-sticker[st="hipig_9"] {
  background-image: url(assets/img/sticker/hipig/hipig_5.gif);
}
.misa-expressive-sticker[st="hipig_10"] {
  background-image: url(assets/img/sticker/hipig/hipig_6.gif);
}
.misa-expressive-sticker[st="hipig_11"] {
  background-image: url(assets/img/sticker/hipig/hipig_7.gif);
}
.misa-expressive-sticker[st="hipig_12"] {
  background-image: url(assets/img/sticker/hipig/hipig_8.gif);
}
.misa-expressive-sticker[st="hipig_13"] {
  background-image: url(assets/img/sticker/hipig/hipig_9.gif);
}
[stickername="longhairgirl"],
.misa-expressive-sticker[st="longhairgirl_1"] {
  background-image: url(assets/img/sticker/longhairgirl/longhairgirl_1.gif);
}
.misa-expressive-sticker[st="longhairgirl_2"] {
  background-image: url(assets/img/sticker/longhairgirl/longhairgirl_2.gif);
}
.misa-expressive-sticker[st="longhairgirl_3"] {
  background-image: url(assets/img/sticker/longhairgirl/longhairgirl_3.gif);
}
.misa-expressive-sticker[st="longhairgirl_4"] {
  background-image: url(assets/img/sticker/longhairgirl/longhairgirl_4.gif);
}
.misa-expressive-sticker[st="longhairgirl_5"] {
  background-image: url(assets/img/sticker/longhairgirl/longhairgirl_5.gif);
}
.misa-expressive-sticker[st="longhairgirl_6"] {
  background-image: url(assets/img/sticker/longhairgirl/longhairgirl_6.gif);
}
.misa-expressive-sticker[st="longhairgirl_7"] {
  background-image: url(assets/img/sticker/longhairgirl/longhairgirl_7.gif);
}
.misa-expressive-sticker[st="longhairgirl_8"] {
  background-image: url(assets/img/sticker/longhairgirl/longhairgirl_8.gif);
}
[stickername="maruko"],
.misa-expressive-sticker[st="maruko_1"] {
  background-image: url(assets/img/sticker/maruko/maruko_1.png);
}
.misa-expressive-sticker[st="maruko_2"] {
  background-image: url(assets/img/sticker/maruko/maruko_2.png);
}
.misa-expressive-sticker[st="maruko_3"] {
  background-image: url(assets/img/sticker/maruko/maruko_3.png);
}
.misa-expressive-sticker[st="maruko_4"] {
  background-image: url(assets/img/sticker/maruko/maruko_4.png);
}
.misa-expressive-sticker[st="maruko_5"] {
  background-image: url(assets/img/sticker/maruko/maruko_5.png);
}
.misa-expressive-sticker[st="maruko_6"] {
  background-image: url(assets/img/sticker/maruko/maruko_6.png);
}
.misa-expressive-sticker[st="maruko_7"] {
  background-image: url(assets/img/sticker/maruko/maruko_7.png);
}
.misa-expressive-sticker[st="maruko_8"] {
  background-image: url(assets/img/sticker/maruko/maruko_8.png);
}
.misa-expressive-sticker[st="maruko_9"] {
  background-image: url(assets/img/sticker/maruko/maruko_9.png);
}
.misa-expressive-sticker[st="maruko_10"] {
  background-image: url(assets/img/sticker/maruko/maruko_10.png);
}
.misa-expressive-sticker[st="maruko_11"] {
  background-image: url(assets/img/sticker/maruko/maruko_11.png);
}
.misa-expressive-sticker[st="maruko_12"] {
  background-image: url(assets/img/sticker/maruko/maruko_12.png);
}
.misa-expressive-sticker[st="maruko_13"] {
  background-image: url(assets/img/sticker/maruko/maruko_13.png);
}
.misa-expressive-sticker[st="maruko_14"] {
  background-image: url(assets/img/sticker/maruko/maruko_14.png);
}
.misa-expressive-sticker[st="maruko_15"] {
  background-image: url(assets/img/sticker/maruko/maruko_15.png);
}
.misa-expressive-sticker[st="maruko_16"] {
  background-image: url(assets/img/sticker/maruko/maruko_16.png);
}
.misa-expressive-sticker[st="maruko_17"] {
  background-image: url(assets/img/sticker/maruko/maruko_17.png);
}
.misa-expressive-sticker[st="maruko_18"] {
  background-image: url(assets/img/sticker/maruko/maruko_18.png);
}
.misa-expressive-sticker[st="maruko_19"] {
  background-image: url(assets/img/sticker/maruko/maruko_19.png);
}
.misa-expressive-sticker[st="maruko_20"] {
  background-image: url(assets/img/sticker/maruko/maruko_20.png);
}
.misa-expressive-sticker[st="maruko_21"] {
  background-image: url(assets/img/sticker/maruko/maruko_21.png);
}
[stickername="meep"],
.misa-expressive-sticker[st="meep_1"] {
  background-image: url(assets/img/sticker/meep/meep_1.png);
}
.misa-expressive-sticker[st="meep_2"] {
  background-image: url(assets/img/sticker/meep/meep_2.png);
}
.misa-expressive-sticker[st="meep_3"] {
  background-image: url(assets/img/sticker/meep/meep_3.png);
}
.misa-expressive-sticker[st="meep_4"] {
  background-image: url(assets/img/sticker/meep/meep_4.png);
}
.misa-expressive-sticker[st="meep_5"] {
  background-image: url(assets/img/sticker/meep/meep_5.png);
}
.misa-expressive-sticker[st="meep_6"] {
  background-image: url(assets/img/sticker/meep/meep_6.png);
}
.misa-expressive-sticker[st="meep_7"] {
  background-image: url(assets/img/sticker/meep/meep_7.png);
}
.misa-expressive-sticker[st="meep_8"] {
  background-image: url(assets/img/sticker/meep/meep_8.png);
}
.misa-expressive-sticker[st="meep_9"] {
  background-image: url(assets/img/sticker/meep/meep_9.png);
}
.misa-expressive-sticker[st="meep_10"] {
  background-image: url(assets/img/sticker/meep/meep_10.png);
}
.misa-expressive-sticker[st="meep_11"] {
  background-image: url(assets/img/sticker/meep/meep_11.png);
}
.misa-expressive-sticker[st="meep_12"] {
  background-image: url(assets/img/sticker/meep/meep_12.png);
}
.misa-expressive-sticker[st="meep_13"] {
  background-image: url(assets/img/sticker/meep/meep_13.png);
}
.misa-expressive-sticker[st="meep_14"] {
  background-image: url(assets/img/sticker/meep/meep_14.png);
}
.misa-expressive-sticker[st="meep_15"] {
  background-image: url(assets/img/sticker/meep/meep_15.png);
}
.misa-expressive-sticker[st="meep_16"] {
  background-image: url(assets/img/sticker/meep/meep_16.png);
}
[stickername="meme"],
.misa-expressive-sticker[st="meme_1"] {
  background-image: url(assets/img/sticker/meme/meme_1.png);
}
.misa-expressive-sticker[st="meme_2"] {
  background-image: url(assets/img/sticker/meme/meme_2.png);
}
.misa-expressive-sticker[st="meme_3"] {
  background-image: url(assets/img/sticker/meme/meme_3.png);
}
.misa-expressive-sticker[st="meme_4"] {
  background-image: url(assets/img/sticker/meme/meme_4.png);
}
.misa-expressive-sticker[st="meme_5"] {
  background-image: url(assets/img/sticker/meme/meme_5.png);
}
.misa-expressive-sticker[st="meme_6"] {
  background-image: url(assets/img/sticker/meme/meme_6.png);
}
.misa-expressive-sticker[st="meme_7"] {
  background-image: url(assets/img/sticker/meme/meme_7.png);
}
.misa-expressive-sticker[st="meme_8"] {
  background-image: url(assets/img/sticker/meme/meme_8.png);
}
.misa-expressive-sticker[st="meme_9"] {
  background-image: url(assets/img/sticker/meme/meme_9.png);
}
.misa-expressive-sticker[st="meme_10"] {
  background-image: url(assets/img/sticker/meme/meme_10.png);
}
.misa-expressive-sticker[st="meme_11"] {
  background-image: url(assets/img/sticker/meme/meme_11.png);
}
.misa-expressive-sticker[st="meme_12"] {
  background-image: url(assets/img/sticker/meme/meme_12.png);
}
.misa-expressive-sticker[st="meme_13"] {
  background-image: url(assets/img/sticker/meme/meme_13.png);
}
.misa-expressive-sticker[st="meme_14"] {
  background-image: url(assets/img/sticker/meme/meme_14.png);
}
.misa-expressive-sticker[st="meme_15"] {
  background-image: url(assets/img/sticker/meme/meme_15.png);
}
.misa-expressive-sticker[st="meme_16"] {
  background-image: url(assets/img/sticker/meme/meme_16.png);
}
[stickername="minion"],
.misa-expressive-sticker[st="minion_1"] {
  background-image: url(assets/img/sticker/minion/minion_1.png);
}
.misa-expressive-sticker[st="minion_2"] {
  background-image: url(assets/img/sticker/minion/minion_2.png);
}
.misa-expressive-sticker[st="minion_3"] {
  background-image: url(assets/img/sticker/minion/minion_3.png);
}
.misa-expressive-sticker[st="minion_4"] {
  background-image: url(assets/img/sticker/minion/minion_4.png);
}
.misa-expressive-sticker[st="minion_5"] {
  background-image: url(assets/img/sticker/minion/minion_5.png);
}
.misa-expressive-sticker[st="minion_6"] {
  background-image: url(assets/img/sticker/minion/minion_6.png);
}
.misa-expressive-sticker[st="minion_7"] {
  background-image: url(assets/img/sticker/minion/minion_7.png);
}
.misa-expressive-sticker[st="minion_8"] {
  background-image: url(assets/img/sticker/minion/minion_8.png);
}
.misa-expressive-sticker[st="minion_9"] {
  background-image: url(assets/img/sticker/minion/minion_9.png);
}
.misa-expressive-sticker[st="minion_10"] {
  background-image: url(assets/img/sticker/minion/minion_10.png);
}
.misa-expressive-sticker[st="minion_11"] {
  background-image: url(assets/img/sticker/minion/minion_11.png);
}
.misa-expressive-sticker[st="minion_12"] {
  background-image: url(assets/img/sticker/minion/minion_12.png);
}
.misa-expressive-sticker[st="minion_13"] {
  background-image: url(assets/img/sticker/minion/minion_13.png);
}
.misa-expressive-sticker[st="minion_14"] {
  background-image: url(assets/img/sticker/minion/minion_14.png);
}
.misa-expressive-sticker[st="minion_15"] {
  background-image: url(assets/img/sticker/minion/minion_15.png);
}
.misa-expressive-sticker[st="minion_16"] {
  background-image: url(assets/img/sticker/minion/minion_16.png);
}
.misa-expressive-sticker[st="minion_17"] {
  background-image: url(assets/img/sticker/minion/minion_17.png);
}
.misa-expressive-sticker[st="minion_18"] {
  background-image: url(assets/img/sticker/minion/minion_18.png);
}
.misa-expressive-sticker[st="minion_19"] {
  background-image: url(assets/img/sticker/minion/minion_19.png);
}
.misa-expressive-sticker[st="minion_20"] {
  background-image: url(assets/img/sticker/minion/minion_20.png);
}
[stickername="seal"],
.misa-expressive-sticker[st="seal_1"] {
  background-image: url(assets/img/sticker/seal/seal_1.gif);
}
.misa-expressive-sticker[st="seal_2"] {
  background-image: url(assets/img/sticker/seal/seal_2.gif);
}
.misa-expressive-sticker[st="seal_3"] {
  background-image: url(assets/img/sticker/seal/seal_3.gif);
}
.misa-expressive-sticker[st="seal_4"] {
  background-image: url(assets/img/sticker/seal/seal_4.gif);
}
.misa-expressive-sticker[st="seal_5"] {
  background-image: url(assets/img/sticker/seal/seal_5.gif);
}
.misa-expressive-sticker[st="seal_6"] {
  background-image: url(assets/img/sticker/seal/seal_6.gif);
}
.misa-expressive-sticker[st="seal_7"] {
  background-image: url(assets/img/sticker/seal/seal_7.gif);
}
.misa-expressive-sticker[st="seal_8"] {
  background-image: url(assets/img/sticker/seal/seal_8.gif);
}
[stickername="smalldog"],
.misa-expressive-sticker[st="smalldog_1"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_1.gif);
}
.misa-expressive-sticker[st="smalldog_2"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_10.gif);
}
.misa-expressive-sticker[st="smalldog_3"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_11.gif);
}
.misa-expressive-sticker[st="smalldog_4"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_12.gif);
}
.misa-expressive-sticker[st="smalldog_5"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_13.gif);
}
.misa-expressive-sticker[st="smalldog_6"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_14.gif);
}
.misa-expressive-sticker[st="smalldog_7"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_15.gif);
}
.misa-expressive-sticker[st="smalldog_8"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_16.gif);
}
.misa-expressive-sticker[st="smalldog_9"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_2.gif);
}
.misa-expressive-sticker[st="smalldog_10"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_3.gif);
}
.misa-expressive-sticker[st="smalldog_11"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_4.gif);
}
.misa-expressive-sticker[st="smalldog_12"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_5.gif);
}
.misa-expressive-sticker[st="smalldog_13"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_6.gif);
}
.misa-expressive-sticker[st="smalldog_14"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_7.gif);
}
.misa-expressive-sticker[st="smalldog_15"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_8.gif);
}
.misa-expressive-sticker[st="smalldog_16"] {
  background-image: url(assets/img/sticker/smalldog/smalldog_9.gif);
}
[stickername="tet"],
.misa-expressive-sticker[st="tet_1"] {
  background-image: url(assets/img/sticker/tet/tet_1.gif);
}
.misa-expressive-sticker[st="tet_2"] {
  background-image: url(assets/img/sticker/tet/tet_10.gif);
}
.misa-expressive-sticker[st="tet_3"] {
  background-image: url(assets/img/sticker/tet/tet_11.gif);
}
.misa-expressive-sticker[st="tet_4"] {
  background-image: url(assets/img/sticker/tet/tet_12.gif);
}
.misa-expressive-sticker[st="tet_5"] {
  background-image: url(assets/img/sticker/tet/tet_2.gif);
}
.misa-expressive-sticker[st="tet_6"] {
  background-image: url(assets/img/sticker/tet/tet_3.gif);
}
.misa-expressive-sticker[st="tet_7"] {
  background-image: url(assets/img/sticker/tet/tet_4.gif);
}
.misa-expressive-sticker[st="tet_8"] {
  background-image: url(assets/img/sticker/tet/tet_5.gif);
}
.misa-expressive-sticker[st="tet_9"] {
  background-image: url(assets/img/sticker/tet/tet_6.gif);
}
.misa-expressive-sticker[st="tet_10"] {
  background-image: url(assets/img/sticker/tet/tet_7.gif);
}
.misa-expressive-sticker[st="tet_11"] {
  background-image: url(assets/img/sticker/tet/tet_8.gif);
}
.misa-expressive-sticker[st="tet_12"] {
  background-image: url(assets/img/sticker/tet/tet_9.gif);
}
[stickername="trashrobot"],
.misa-expressive-sticker[st="trashrobot_1"] {
  background-image: url(assets/img/sticker/trashrobot/trashrobot_1.gif);
}
.misa-expressive-sticker[st="trashrobot_2"] {
  background-image: url(assets/img/sticker/trashrobot/trashrobot_10.gif);
}
.misa-expressive-sticker[st="trashrobot_3"] {
  background-image: url(assets/img/sticker/trashrobot/trashrobot_2.gif);
}
.misa-expressive-sticker[st="trashrobot_4"] {
  background-image: url(assets/img/sticker/trashrobot/trashrobot_3.gif);
}
.misa-expressive-sticker[st="trashrobot_5"] {
  background-image: url(assets/img/sticker/trashrobot/trashrobot_4.gif);
}
.misa-expressive-sticker[st="trashrobot_6"] {
  background-image: url(assets/img/sticker/trashrobot/trashrobot_5.gif);
}
.misa-expressive-sticker[st="trashrobot_7"] {
  background-image: url(assets/img/sticker/trashrobot/trashrobot_6.gif);
}
.misa-expressive-sticker[st="trashrobot_8"] {
  background-image: url(assets/img/sticker/trashrobot/trashrobot_7.gif);
}
.misa-expressive-sticker[st="trashrobot_9"] {
  background-image: url(assets/img/sticker/trashrobot/trashrobot_8.gif);
}
.misa-expressive-sticker[st="trashrobot_10"] {
  background-image: url(assets/img/sticker/trashrobot/trashrobot_9.gif);
}
[stickername="twodog"],
.misa-expressive-sticker[st="twodog_1"] {
  background-image: url(assets/img/sticker/twodog/twodog_1.png);
}
.misa-expressive-sticker[st="twodog_2"] {
  background-image: url(assets/img/sticker/twodog/twodog_2.png);
}
.misa-expressive-sticker[st="twodog_3"] {
  background-image: url(assets/img/sticker/twodog/twodog_3.png);
}
.misa-expressive-sticker[st="twodog_4"] {
  background-image: url(assets/img/sticker/twodog/twodog_4.png);
}
.misa-expressive-sticker[st="twodog_5"] {
  background-image: url(assets/img/sticker/twodog/twodog_5.png);
}
.misa-expressive-sticker[st="twodog_6"] {
  background-image: url(assets/img/sticker/twodog/twodog_6.png);
}
.misa-expressive-sticker[st="twodog_7"] {
  background-image: url(assets/img/sticker/twodog/twodog_7.png);
}
.misa-expressive-sticker[st="twodog_8"] {
  background-image: url(assets/img/sticker/twodog/twodog_8.png);
}
.misa-expressive-sticker[st="twodog_9"] {
  background-image: url(assets/img/sticker/twodog/twodog_9.png);
}
.misa-expressive-sticker[st="twodog_10"] {
  background-image: url(assets/img/sticker/twodog/twodog_10.png);
}
.misa-expressive-sticker[st="twodog_11"] {
  background-image: url(assets/img/sticker/twodog/twodog_11.png);
}
.misa-expressive-sticker[st="twodog_12"] {
  background-image: url(assets/img/sticker/twodog/twodog_12.png);
}
.misa-expressive-sticker[st="twodog_13"] {
  background-image: url(assets/img/sticker/twodog/twodog_13.png);
}
.misa-expressive-sticker[st="twodog_14"] {
  background-image: url(assets/img/sticker/twodog/twodog_14.png);
}
.misa-expressive-sticker[st="twodog_15"] {
  background-image: url(assets/img/sticker/twodog/twodog_15.png);
}
.misa-expressive-sticker[st="twodog_16"] {
  background-image: url(assets/img/sticker/twodog/twodog_16.png);
}
.misa-expressive-sticker-container {
  color: var(--misa-expressive-text-color);
  background-color: #fff;
  width: 355px;
  height: 355px;
  float: left;
  cursor: default;
  padding: 0;
  display: flex;
  flex-direction: column;
  z-index: 2;
  border-radius: 6px;
}
.misa-expressive-sticker-container .misa-expressive-sticker-tab {
  width: 100%;
  height: 45px;
  border-top: 1px solid var(--misa-expressive-border-color);
  display: flex;
}
.misa-expressive-wrapper-category {
  display: inline-flex;
}
.misa-expressive-sticker-container .misa-expressive-icon-prev-page {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cg%20transform='translate(-1235%20-731)'%3e%3crect%20width='16'%20height='16'%20transform='translate(1235%20731)'%20fill='%23fff'%20opacity='0'/%3e%3cpath%20d='M10,14,4,8l6-6'%20transform='translate(1235%20731)'%20fill='none'%20stroke='%23212121'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='1'/%3e%3c/g%3e%3c/svg%3e");
}
.misa-expressive-sticker-container .misa-expressive-icon-next-page {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cg%20transform='translate(-1326%20-731)'%3e%3crect%20width='16'%20height='16'%20transform='translate(1342%20747)%20rotate(180)'%20fill='%23fff'%20opacity='0'/%3e%3cpath%20d='M10,14,4,8l6-6'%20transform='translate(1342%20747)%20rotate(180)'%20fill='none'%20stroke='%23212121'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='1'/%3e%3c/g%3e%3c/svg%3e");
}
.misa-expressive-sticker-container .misa-expressive-icon-prev-page,
.misa-expressive-sticker-container .misa-expressive-icon-next-page {
  height: 100%;
  width: 32px;
  cursor: pointer;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}
.misa-expressive-sticker-cards {
  overflow-y: auto;
  flex: 1;
  margin: 4px 0;
}
.misa-expressive-sticker-item.misa-expressive-sticker {
  border-radius: 3px;
  width: 64px;
  height: 56px;
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
  cursor: pointer;
  background-size: 52px;
  background-repeat: no-repeat;
  background-position: center;
}
.misa-expressive-img-sticker.misa-expressive-sticker {
  width: 64px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.misa-expressive-sticker-item.misa-expressive-sticker:nth-child(4n) {
  margin-right: 0;
}
.misa-expressive-sticker-item.misa-expressive-sticker:hover {
  border: 1px solid var(--misa-expressive-border-color);
}
.misa-expressive-sticker-card {
  display: flex;
  flex-wrap: wrap;
  padding: 6px 16px;
}
.misa-expressive-sticker-header {
  padding: 8px 8px 0;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
}
.misa-expressive-sticker-header [action="clear"],
.misa-expressive-sticker-header[mode="search"] [action="search"] {
  display: none;
}
.misa-expressive-sticker-header[mode="search"] [action="clear"] {
  display: block;
}
.misa-expressive-sticker-search {
  display: block;
  width: 100%;
  padding: 0 32px 0 16px;
  line-height: 32px;
  height: 32px;
  border-radius: 16px;
  border: none;
  outline: 0;
  background-color: #f0f0f0;
}
.misa-expressive-sticker-search-icon {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 2;
  border: none;
  cursor: pointer;
  background: none;
  padding: 2px 0 0 1px;
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
  border-radius: 12px;
}
.misa-expressive-sticker-search-icon:hover {
  background: #ccc;
}
.misa-expressive-mart {
  display: inline-block;
  background: #fff;
  height: 355px;
  z-index: 2;
  border-radius: 6px;
}
.misa-expressive-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px;
  will-change: transform;
}
.misa-expressive-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.misa-expressive-expressive-box {
  position: fixed;
  z-index: 10000;
  display: none;
  width: 355px;
  float: left;
  cursor: default;
  padding: 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  color: var(--misa-expressive-text-color);
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 8px #0000004d;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.misa-expressive-expressive-box .misa-expressive-icon-align {
  display: block;
  right: 24px;
  bottom: -8px;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
}
.misa-expressive-expressive-box .misa-expressive-expressive-tabs {
  width: 100%;
  height: 32px;
  border-bottom: 1px solid var(--misa-expressive-border-color);
  display: flex;
}
.misa-expressive-expressive-box .misa-expressive-expressive-tab {
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: 500;
  flex: 1;
  padding: 0 8px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.misa-expressive-expressive-tabs .misa-expressive-expressive-tab:hover {
  background-color: #f5f5f5;
}
.misa-expressive-expressive-tabs .misa-expressive-expressive-tab.active {
  border-bottom: 1px solid var(--misa-expressive-primary-color);
  color: var(--misa-expressive-primary-color);
}
.misa-expressive-sticker-box {
  position: fixed;
  z-index: 10000;
  display: none;
  float: left;
  cursor: default;
  padding: 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  color: var(--misa-expressive-text-color);
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 8px #0000004d;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.misa-expressive-sticker-box .misa-expressive-icon-align {
  display: block;
  right: 24px;
  bottom: -8px;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
}
.misa-expressive-sticker-box .misa-expressive-sticker-cards {
  width: 100%;
}
.misa-expressive-wrapper-category {
  flex: 1;
  display: inline-flex;
}
.misa-expressive-sticker-container .misa-expressive-sticker-tab .misa-expressive-sticker-tab-item {
  height: 44px;
  flex: 1;
  padding: 0;
  margin: 0;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.misa-expressive-sticker-tab .misa-expressive-sticker-tab-item:hover {
  background-color: #f5f5f5;
}
.misa-expressive-sticker-tab .misa-expressive-sticker-tab-item.active {
  border-bottom: 3px solid var(--misa-expressive-primary-color);
}
.misa-expressive-reaction-box {
  position: fixed;
  z-index: 10000;
  display: none;
  float: left;
  cursor: default;
  padding: 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  color: var(--misa-expressive-text-color);
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 8px #0000004d;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.misa-expressive-reaction-box .misa-expressive-icon-align {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 12.5px solid transparent;
  border-right: 12.5px solid transparent;
  border-top: 10px solid white;
}
.misa-expressive-mart,
.misa-expressive-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.misa-expressive-reaction-card[type="reaction"] .misa-expressive-mart {
  height: unset !important;
}
.misa-expressive-mart .misa-expressive-mart-emoji {
  padding: 6px;
}
.misa-expressive-mart-bar {
  border: 0 solid var(--misa-expressive-border-color);
}
.misa-expressive-mart-bar:first-child {
  border-bottom-width: 1px;
}
.misa-expressive-mart-bar:last-child {
  border-top-width: 1px;
}
.misa-expressive-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}
.misa-expressive-mart-anchor-icon {
  display: flex;
  justify-content: center;
}
.misa-expressive-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color 0.1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.misa-expressive-mart-anchor:focus {
  outline: 0;
}
.misa-expressive-mart-anchor:hover,
.misa-expressive-mart-anchor:focus,
.misa-expressive-mart-anchor-selected {
  color: #464646;
}
.misa-expressive-mart-anchor-selected .misa-expressive-mart-anchor-bar {
  bottom: 0;
}
.misa-expressive-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.misa-expressive-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.misa-expressive-mart-anchors svg,
.misa-expressive-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px;
}
.misa-expressive-reaction-card[type="reaction"] .misa-expressive-mart-scroll {
  height: 180px;
}
.misa-expressive-mart-search {
  padding: 8px 8px 0;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0);
}
.misa-expressive-mart-search input {
  display: block;
  width: 100%;
  padding: 0 32px 0 16px;
  line-height: 32px;
  height: 32px;
  border-radius: 16px;
  border: none;
  outline: 0;
  background-color: #f0f0f0;
}
.misa-expressive-mart-search input,
.misa-expressive-mart-search input::-webkit-search-decoration,
.misa-expressive-mart-search input::-webkit-search-cancel-button,
.misa-expressive-mart-search input::-webkit-search-results-button,
.misa-expressive-mart-search input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.misa-expressive-mart-search-icon {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 2;
  border: none;
  cursor: pointer;
  background: none;
  padding: 2px 0 0 1px;
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
  border-radius: 12px;
}
.misa-expressive-mart-search-icon:hover {
  background: #ccc;
}
.misa-expressive-mart-category .misa-expressive-mart-emoji:focus {
  border: none;
  outline: none;
}
.misa-expressive-mart-category .misa-expressive-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}
.misa-expressive-mart-category .misa-expressive-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  border-radius: 100%;
}
.misa-expressive-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.misa-expressive-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  margin: 8px 0 4px;
  padding: 8px 6px;
  background-color: #fff;
  background-color: #fffffff2;
}
.misa-expressive-mart-category-list {
  margin: 0;
  padding: 0;
}
.misa-expressive-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.misa-expressive-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.misa-expressive-mart-emoji-native {
  font-family:
    "Segoe UI Emoji",
    Segoe UI Symbol,
    Segoe UI,
    "Apple Color Emoji",
    Twemoji Mozilla,
    "Noto Color Emoji",
    "Android Emoji";
}
.misa-expressive-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.misa-expressive-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.misa-expressive-mart-no-results .misa-expressive-mart-category-label {
  display: none;
}
.misa-expressive-mart-no-results .misa-expressive-mart-no-results-label {
  margin-top: 0.2em;
}
.misa-expressive-mart-no-results .misa-expressive-mart-emoji:hover:before {
  content: none;
}
.misa-expressive-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.misa-expressive-mart-title .misa-expressive-mart-emoji {
  padding: 0;
}
.misa-expressive-mart-title-label {
  color: #999a9c;
  font-size: 26px;
  font-weight: 300;
}
.misa-expressive-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.misa-expressive-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.misa-expressive-mart-skin-swatches.opened .misa-expressive-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.misa-expressive-mart-skin-swatches.opened .misa-expressive-mart-skin-swatch.selected:after {
  opacity: 0.75;
}
.misa-expressive-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}
.misa-expressive-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.misa-expressive-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}
.misa-expressive-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}
.misa-expressive-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}
.misa-expressive-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}
.misa-expressive-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}
.misa-expressive-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.misa-expressive-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.misa-expressive-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.misa-expressive-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.misa-expressive-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}
.misa-expressive-mart-skin-swatches.custom .misa-expressive-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.misa-expressive-mart-skin-swatches.custom.opened .misa-expressive-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.misa-expressive-mart-skin-swatches.custom.opened
  .misa-expressive-mart-skin-swatch.custom.selected:after {
  opacity: 0.75;
}
.misa-expressive-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.misa-expressive-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.misa-expressive-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.misa-expressive-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.misa-expressive-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.misa-expressive-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.misa-expressive-mart-skin-tone-5 {
  background-color: #9b643d;
}
.misa-expressive-mart-skin-tone-6 {
  background-color: #594539;
}
.misa-expressive-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.misa-expressive-mart-dark {
  color: #fff;
  border-color: var(--misa-expressive-border-color);
  background-color: #222;
}
.misa-expressive-mart-dark .misa-expressive-mart-bar {
  border-color: var(--misa-expressive-border-color);
}
.misa-expressive-mart-dark .misa-expressive-mart-search input {
  color: #fff;
  border-color: var(--misa-expressive-border-color);
  background-color: #2f2f2f;
}
.misa-expressive-mart-dark .misa-expressive-mart-search-icon svg {
  fill: #fff;
}
.misa-expressive-mart-dark .misa-expressive-mart-category .misa-expressive-mart-emoji:hover:before {
  background-color: #444;
}
.misa-expressive-mart-dark .misa-expressive-mart-category-label span {
  background-color: #222;
  color: #fff;
}
.misa-expressive-mart-dark .misa-expressive-mart-skin-swatches {
  border-color: var(--misa-expressive-border-color);
  background-color: #222;
}
.misa-expressive-mart-dark .misa-expressive-mart-anchor:hover,
.misa-expressive-mart-dark .misa-expressive-mart-anchor:focus,
.misa-expressive-mart-dark .misa-expressive-mart-anchor-selected {
  color: #bfbfbf;
}
html > body .misa-expressive-scroll {
  scrollbar-width: thin;
}
html > body .misa-expressive-scroll::-webkit-scrollbar {
  display: block;
  overflow-y: scroll;
  width: 6px;
  height: 4px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
html > body .misa-expressive-scroll::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #00000029;
}
html > body .misa-expressive-scroll::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 4px;
}
.misa-expressive-checkbox {
  display: block;
  height: 16px;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
label.misa-expressive-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
label.misa-expressive-checkbox .misa-expressive-checkmark {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background-color: #fdfdfd;
  border: 1px solid #c1c2c3;
}
label.misa-expressive-checkbox .misa-expressive-checkmark.disable {
  background-color: #f0f0f0;
}
label.misa-expressive-checkbox:hover input ~ .misa-expressive-checkmark {
  background-color: #fff;
}
label.misa-expressive-checkbox:hover input ~ .misa-expressive-checkmark.disable {
  background-color: #f0f0f0;
}
label.misa-expressive-checkbox input:checked ~ .misa-expressive-checkmark {
  background-color: #0067fd;
  border-color: #0067fd;
}
label.misa-expressive-checkbox input:checked ~ .misa-expressive-checkmark:after {
  display: block;
}
label.misa-expressive-checkbox .misa-expressive-checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
label.misa-expressive-checkbox .misa-expressive-caption {
  position: absolute;
  left: 24px;
}
.misa-expressive-combobox-body {
  width: 100%;
  min-width: 120px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.misa-expressive-combobox-input {
  width: 100%;
  background-color: #fff;
  color: #212121;
  -webkit-user-select: none;
  user-select: none;
  background-position: calc(100% - 8px) center;
  background-repeat: no-repeat;
  background-size: 12px;
  padding: 0 16px;
  border: 1px solid var(--misa-expressive-border-color);
  border-radius: 4px;
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUuMjEiIHZpZXdCb3g9IjAgMCA5IDUuMjEiPjx0aXRsZT5hcnJvdy1vcGVuZWQ8L3RpdGxlPjxwYXRoIGQ9Ik00LDZsNCw0LDQtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuNSAtNS41KSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzcxOGNhMTtzdHJva2UtbGluZWNhcDpyb3VuZCIgLz48L3N2Zz4=);
}
.misa-expressive-combobox-input:focus,
.misa-expressive-combobox-input:active {
  outline: none;
  border: 1px solid var(--misa-expressive-primary-color);
}
.misa-expressive-combobox-menu {
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
  left: auto;
  z-index: 5000000;
  display: none;
  width: 100%;
  float: left;
  padding: 8px 10px 8px 8px;
  cursor: default;
  margin: 2px 0 0;
  font-size: 16px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 8px #0000004d;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  overflow: hidden;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  color: var(--misa-expressive-text-color);
}
.misa-expressive-combobox-empty {
  text-align: center;
  color: var(--misa-expressive-hint-color);
  font-size: 14px;
}
.misa-expressive-combobox-menu:hover {
  overflow-y: auto;
}
.misa-expressive-combobox-menu .misa-expressive-combobox-item:active {
  color: var(--misa-expressive-text-color);
  text-decoration: none;
  background-color: transparent;
}
.misa-expressive-combobox-menu .misa-expressive-combobox-item,
.misa-expressive-combobox-menu .misa-expressive-combobox-menu-clear {
  min-height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: var(--misa-expressive-text-color);
  padding: 0 16px;
  width: 100%;
  display: inline-flex;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.misa-expressive-combobox-menu .misa-expressive-combobox-item .misa-expressive-combobox-item-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.misa-expressive-combobox-menu .misa-expressive-combobox-item:last-child {
  border-bottom: none;
}
.misa-expressive-combobox-menu .misa-expressive-combobox-item:hover,
.misa-expressive-combobox-menu .misa-expressive-combobox-menu-clear:hover,
.misa-expressive-combobox-menu .misa-expressive-combobox-item.selected {
  background-color: var(--misa-expressive-item-hover-color);
  cursor: pointer;
}
.misa-expressive-combobox-menu .misa-expressive-combobox-item.misa-expressive-combobox-item-title {
  font-weight: 500;
  line-height: 40px !important;
  height: 40px !important;
  background-color: var(--misa-expressive-item-hover-color);
}
.misa-expressive-combobox-menu
  .misa-expressive-combobox-item.misa-expressive-combobox-item-title:hover {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.misa-expressive-combobox-menu .misa-expressive-combobox-title {
  height: 40px;
  line-height: 40px;
  padding-left: 16px;
  font-weight: 700;
}
.misa-expressive-ctr-notice-popup * {
  box-sizing: border-box;
  font-size: var(--misa-expressive-font-size);
}
.misa-expressive-ctr-notice-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0000004d;
  z-index: 8000000;
}
.misa-expressive-ctr-notice-popup .misa-expressive-ctr-notice-popup__content {
  width: 420px;
  height: auto;
  min-height: 200px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px;
  background: #fff;
  box-shadow: 0 3px 8px #00000029;
}
.misa-expressive-ctr-notice-popup .misa-expressive-ctr-notice-popup__logo {
  width: 100%;
  height: 64px;
  margin-bottom: 16px;
}
.misa-expressive-ctr-notice-popup .misa-expressive-ctr-notice-popup__logo-img {
  width: 100%;
  height: 64px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.misa-expressive-ctr-notice-popup .misa-expressive-ctr-notice-popup__message {
  font-weight: 400;
  text-align: center;
  line-height: 27px;
  margin-top: 8px;
  word-wrap: break-word;
  color: var(--misa-expressive-text-color);
}
.misa-expressive-ctr-notice-popup .misa-expressive-ctr-notice-popup__close {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3ctitle%3eic_close_tint_16%3c/title%3e%3crect%20id='Rectangle_493'%20data-name='Rectangle%20493'%20width='16'%20height='16'%20style='fill:%20%23fff;fill-opacity:%200;opacity:%200'/%3e%3cg%3e%3cpath%20id='Path_8528'%20data-name='Path%208528'%20d='M13,3,3,13'%20style='fill:%20none;stroke:%20%23687a84;stroke-linecap:%20round;stroke-miterlimit:%2010;stroke-width:%202px'/%3e%3cpath%20id='Path_8528-2'%20data-name='Path%208528'%20d='M13,13,3,3'%20style='fill:%20none;stroke:%20%23687a84;stroke-linecap:%20round;stroke-miterlimit:%2010;stroke-width:%202px'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  position: absolute;
  right: 8px;
  top: 8px;
}
.misa-expressive-selectbox.horizontal {
  display: inline-flex;
  width: 100%;
}
.misa-expressive-selectbox-item {
  display: flex;
  padding: 8px 0;
}
.misa-expressive-selectbox.horizontal .misa-expressive-selectbox-item {
  margin-left: 16px;
  min-width: 100px;
}
.misa-expressive-selectbox.horizontal .misa-expressive-selectbox-item:first-child {
  margin-left: 0;
}
.misa-expressive-selectbox.horizontal .misa-expressive-selectbox-item:last-child {
  flex: 1;
}
.misa-expressive-selectbox-item .misa-expressive-checkbox {
  margin-right: 8px;
  width: 100%;
  display: inline-flex;
}
.misa-expressive-selectbox-item .misa-expressive-checkbox .caption {
  width: 100%;
}
.misa-expressive-selectbox-item label.misa-expressive-radio .caption {
  position: absolute;
  left: 24px;
  width: calc(100% - 32px);
}
.misa-expressive-selectbox-item label.misa-expressive-radio {
  width: 100%;
}
.misa-expressive-selectbox-item.fixed label.misa-expressive-checkbox .checkmark {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}
.misa-expressive-selectbox-item.fixed label.misa-expressive-checkbox input:checked ~ .checkmark {
  background-color: #a0adb7;
  border-color: #a0adb7;
}
.misa-expressive-selectbox .misa-expressive-checkbox {
  display: block;
  height: 16px;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.misa-expressive-selectbox label.misa-expressive-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.misa-expressive-selectbox label.misa-expressive-checkbox .checkmark {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background-color: #fdfdfd;
  border: 1px solid #c1c2c3;
}
.misa-expressive-selectbox label.misa-expressive-checkbox .checkmark.disable {
  background-color: #f0f0f0;
}
.misa-expressive-selectbox label.misa-expressive-checkbox:hover input ~ .checkmark {
  background-color: #fff;
}
.misa-expressive-selectbox label.misa-expressive-checkbox:hover input ~ .checkmark.disable {
  background-color: #f0f0f0;
}
.misa-expressive-selectbox label.misa-expressive-checkbox input:checked ~ .checkmark {
  background-color: #2196f3;
  border-color: #2196f3;
}
.misa-expressive-selectbox label.misa-expressive-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.misa-expressive-selectbox label.misa-expressive-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.misa-expressive-selectbox label.misa-expressive-checkbox .caption {
  position: absolute;
  left: 24px;
}
.misa-expressive-selectbox label.misa-expressive-radio {
  display: block;
  position: relative;
  cursor: pointer;
  padding-left: 22px;
  font-size: 14px;
  height: 17px;
  line-height: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
  font-weight: 400;
  color: #212121;
  margin: 0;
}
.misa-expressive-selectbox label.misa-expressive-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  display: none;
}
.misa-expressive-selectbox label.misa-expressive-radio .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 14px;
  width: 14px;
  border: 1px solid #8d9ba2;
  background-color: #fff;
  border-radius: 50%;
}
.misa-expressive-selectbox label.misa-expressive-radio .checkmark:after {
  display: none;
  content: "";
  position: absolute;
}
.misa-expressive-selectbox label.misa-expressive-radio .checkmark:after {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2196f3;
}
.misa-expressive-selectbox label.misa-expressive-radio input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #2196f3;
}
.misa-expressive-selectbox label.misa-expressive-radio input:checked ~ .checkmark:after {
  display: block;
}
.misa-expressive-selectbox label.misa-expressive-radio .caption {
  position: absolute;
  left: 24px;
}
.misa-expressive-switch {
  height: 16px;
  width: 32px;
  border: 1px solid var(--misa-expressive-border-color);
  border-radius: 12px;
  position: relative;
  cursor: pointer;
  background: #ccc;
  margin-top: 6px;
}
.misa-expressive-switch[mode="on"] {
  background: var(--misa-expressive-primary-color);
  border: 1px solid var(--misa-expressive-primary-color);
}
.misa-expressive-switch-button {
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #fff;
  position: absolute;
  top: 2px;
  left: 2px;
}
.misa-expressive-switch[mode="on"] .misa-expressive-switch-button {
  left: unset;
  right: 2px;
}
