/* Local icon CSS to replace Font Awesome for a small offline icon set */
.icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:18px}
.icon.large{width:28px;height:28px;font-size:20px}
.icon.btn{width:20px;height:20px}

.icon-trash::before{content:"🗑️"}
.icon-moon::before{content:"🌙"}
.icon-sun::before{content:"☀️"}
.icon-eraser::before{content:"🩹"}
.icon-paper-plane::before{content:"🛩️"}
.icon-close::before{content:"✖️"}

/* ensure icons don't shift baseline */
.icon::before{line-height:1}

/* adapt colors when inside buttons */
button .icon{font-size:16px}
.button-icon{display:inline-flex;align-items:center;justify-content:center}