:root {
  --emoji-single-size: 160px;
  --emoji-group-size: 800px;

  --emoji-ls-ratio: 0.2;
  --emoji-sm-ratio: 0.125;
  --emoji-md-ratio: 0.275;
  --emoji-lg-ratio: 0.375;

  --negative: -1;
}

/* Emoji grupları */
.grp-1 { background-image: url(/public/img/emoji-group/emoji-group-1.webp); }
.grp-2 { background-image: url(/public/img/emoji-group/emoji-group-2.webp); }
.grp-3 { background-image: url(/public/img/emoji-group/emoji-group-3.webp); }
.grp-4 { background-image: url(/public/img/emoji-group/emoji-group-4.webp); }
.grp-5 { background-image: url(/public/img/emoji-group/emoji-group-5.webp); }
.grp-6 { background-image: url(/public/img/emoji-group/emoji-group-6.webp); }
.grp-7 { background-image: url(/public/img/emoji-group/emoji-group-7.webp); }
.grp-8 { background-image: url(/public/img/emoji-group/emoji-group-8.webp); }


/* Emoji listesinge gösterilecek emojiler */
.emoji-ls {
  margin: 5px;
  width: calc(var(--emoji-single-size) * var(--emoji-ls-ratio));
  height: calc(var(--emoji-single-size) * var(--emoji-ls-ratio));;
  background-size: calc(var(--emoji-group-size) * var(--emoji-ls-ratio)) calc(var(--emoji-group-size) * var(--emoji-ls-ratio));
}

/* Yazı içinde inline olarak gösterilecek emojiler */
.emoji-sm {
  vertical-align: top;
  width: calc(var(--emoji-single-size) * var(--emoji-sm-ratio));
  height: calc(var(--emoji-single-size) * var(--emoji-sm-ratio));;
  background-size: calc(var(--emoji-group-size) * var(--emoji-sm-ratio)) calc(var(--emoji-group-size) * var(--emoji-sm-ratio));
}

/* Yazı olmadan birden fazla emoji gönderildiğinde gösterilecek emojiler */
.emoji-md {
  width: calc(var(--emoji-single-size) * var(--emoji-md-ratio));
  height: calc(var(--emoji-single-size) * var(--emoji-md-ratio));;
  background-size: calc(var(--emoji-group-size) * var(--emoji-md-ratio)) calc(var(--emoji-group-size) * var(--emoji-md-ratio));
}

/* Yazı olmadan tek bir tane emoji gönderildiğinde gösterilecek emojiler */
.emoji-lg {
  width: calc(var(--emoji-single-size) * var(--emoji-lg-ratio));
  height: calc(var(--emoji-single-size) * var(--emoji-lg-ratio));;
  background-size: calc(var(--emoji-group-size) * var(--emoji-lg-ratio)) calc(var(--emoji-group-size) * var(--emoji-lg-ratio));
}


/* Calculate positions for each size */
.emoji-ls.pos-1 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 0); }
.emoji-ls.pos-2 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 0); }
.emoji-ls.pos-3 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 0); }
.emoji-ls.pos-4 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 0); }
.emoji-ls.pos-5 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 0); }
.emoji-ls.pos-6 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 1); }
.emoji-ls.pos-7 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 1); }
.emoji-ls.pos-8 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 1); }
.emoji-ls.pos-9 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 1); }
.emoji-ls.pos-10 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 1); }
.emoji-ls.pos-11 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 2); }
.emoji-ls.pos-12 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 2); }
.emoji-ls.pos-13 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 2); }
.emoji-ls.pos-14 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 2); }
.emoji-ls.pos-15 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 2); }
.emoji-ls.pos-16 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 3); }
.emoji-ls.pos-17 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 3); }
.emoji-ls.pos-18 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 3); }
.emoji-ls.pos-19 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 3); }
.emoji-ls.pos-20 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 3); }
.emoji-ls.pos-21 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 4); }
.emoji-ls.pos-22 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 4); }
.emoji-ls.pos-23 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 4); }
.emoji-ls.pos-24 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 4); }
.emoji-ls.pos-25 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-ls-ratio) * 4); }

.emoji-sm.pos-1 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 0); }
.emoji-sm.pos-2 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 0); }
.emoji-sm.pos-3 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 0); }
.emoji-sm.pos-4 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 0); }
.emoji-sm.pos-5 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 0); }
.emoji-sm.pos-6 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 1); }
.emoji-sm.pos-7 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 1); }
.emoji-sm.pos-8 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 1); }
.emoji-sm.pos-9 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 1); }
.emoji-sm.pos-10 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 1); }
.emoji-sm.pos-11 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 2); }
.emoji-sm.pos-12 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 2); }
.emoji-sm.pos-13 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 2); }
.emoji-sm.pos-14 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 2); }
.emoji-sm.pos-15 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 2); }
.emoji-sm.pos-16 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 3); }
.emoji-sm.pos-17 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 3); }
.emoji-sm.pos-18 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 3); }
.emoji-sm.pos-19 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 3); }
.emoji-sm.pos-20 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 3); }
.emoji-sm.pos-21 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 4); }
.emoji-sm.pos-22 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 4); }
.emoji-sm.pos-23 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 4); }
.emoji-sm.pos-24 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 4); }
.emoji-sm.pos-25 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-sm-ratio) * 4); }

.emoji-md.pos-1 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 0); }
.emoji-md.pos-2 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 0); }
.emoji-md.pos-3 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 0); }
.emoji-md.pos-4 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 0); }
.emoji-md.pos-5 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 0); }
.emoji-md.pos-6 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 1); }
.emoji-md.pos-7 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 1); }
.emoji-md.pos-8 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 1); }
.emoji-md.pos-9 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 1); }
.emoji-md.pos-10 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 1); }
.emoji-md.pos-11 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 2); }
.emoji-md.pos-12 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 2); }
.emoji-md.pos-13 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 2); }
.emoji-md.pos-14 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 2); }
.emoji-md.pos-15 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 2); }
.emoji-md.pos-16 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 3); }
.emoji-md.pos-17 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 3); }
.emoji-md.pos-18 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 3); }
.emoji-md.pos-19 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 3); }
.emoji-md.pos-20 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 3); }
.emoji-md.pos-21 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 4); }
.emoji-md.pos-22 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 4); }
.emoji-md.pos-23 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 4); }
.emoji-md.pos-24 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 4); }
.emoji-md.pos-25 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-md-ratio) * 4); }

.emoji-lg.pos-1 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 0); }
.emoji-lg.pos-2 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 0); }
.emoji-lg.pos-3 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 0); }
.emoji-lg.pos-4 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 0); }
.emoji-lg.pos-5 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 0); }
.emoji-lg.pos-6 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 1); }
.emoji-lg.pos-7 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 1); }
.emoji-lg.pos-8 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 1); }
.emoji-lg.pos-9 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 1); }
.emoji-lg.pos-10 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 1); }
.emoji-lg.pos-11 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 2); }
.emoji-lg.pos-12 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 2); }
.emoji-lg.pos-13 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 2); }
.emoji-lg.pos-14 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 2); }
.emoji-lg.pos-15 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 2); }
.emoji-lg.pos-16 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 3); }
.emoji-lg.pos-17 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 3); }
.emoji-lg.pos-18 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 3); }
.emoji-lg.pos-19 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 3); }
.emoji-lg.pos-20 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 3); }
.emoji-lg.pos-21 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 0) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 4); }
.emoji-lg.pos-22 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 1) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 4); }
.emoji-lg.pos-23 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 2) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 4); }
.emoji-lg.pos-24 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 3) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 4); }
.emoji-lg.pos-25 { background-position: calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 4) calc(var(--negative) * var(--emoji-single-size) *  var(--emoji-lg-ratio) * 4); }