@use "sass:map";
@use "pkg:iro-sass/props";
@use "../core.vars" as core;

$size: props.def(--o-emoji--size, calc(1 / 14 * 18em)) !default;
$pad: props.def(--o-emoji--pad, 0.3em) !default;
$rounding: props.def(--o-emoji--rounding, props.get(core.$rounding--sm)) !default;
$zoom: props.def(--o-emoji--zoom, 3) !default;
$valign: props.def(--o-emoji--valign, -0.25em) !default;

$size--125: props.def(--o-emoji--125--size, calc(1 / 14 * 23em)) !default;
$valign--125: props.def(--o-emoji--125--valign, -0.45em) !default;

$size--150: props.def(--o-emoji--150--size, calc(1 / 14 * 28em)) !default;
$valign--150: props.def(--o-emoji--150--valign, -0.65em) !default;

$size--200: props.def(--o-emoji--200--size, calc(1 / 14 * 38em)) !default;
$valign--200: props.def(--o-emoji--200--valign, -1em) !default;

$sizes: (
	"125" $size--125 $valign--125,
	"150" $size--150 $valign--150,
	"200" $size--200 $valign--200
) !default;

$bg-color: props.def(--o-emoji--bg-color, props.get(core.$theme, --border-mute), "color") !default;