@font-face {
    font-family: 'icomoon';
    src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAAL4AA0AAAAABsgAAAKhAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCXhEICoJggiYLDgABNgIkAxgEIAWDGwdFG5cFyJ6FsTMtjQU2sm0aKdWh2ZdPPHzv3/etfe59z9+MQIdgREcQp6F0IGQKpyYj445bgbltNwWvbp2uUaOINjLkSgIM/Gc1ef/EzbQJHmVjUpdJZF0YSJcV5XNjgGnnYRhm4+f5FniTxPV35+wgz1oex1qhJP1SUrxONyHgp+K4Y8BvF7v/RI8O1NEfSQgFIUdClm3iYzKpNf3xCMbjf9NDR3Kip9kl+K/si7+wJJSAAOFIgey9QwXYShQYKrcAVWVJEkb+q+sH+XdGVwMKyIQqgJARRSIDIiEBAIIcfitE13qAIqijiOPgAoAcEAghA3zusJ7xpXPW3Q8yL7wC6fKr2Rc/NN17H+dffp3ilZeM7wsQLjcEGhoM525TqKmJ8pXmcHOzad97mSV9OmuwoY0Nl4OtL6a3pLDw/pff/tRbuZe+qd79asy65ufN37PBxlZ8WgJ7Nm4BAIZtGJ8b8ntYNHjz4Iae3w3ZNFgBPe3xvW/37hWWxpePvU1/VjbpnSt7x8ubjbmyUx+XV/DOUdMaGurbCuNeysx86q/5i2PXNUxvbIxNGTxo6ujpyR98qn98slipFvctdlYqOxf374/6hbYBBPDluS9Ob++xoLNcy03KWbpk33cDlCUQhntaDrLv3cFDMQfEJgAScsYLFO0jgoR/QnevIQglPQVISsYIkClZgiBXshVBQc1pBEUlDQiqBvtWJvKK0B0BEzoQzNApYI6uIQr620EUdXd9Z9UMHdamjvaOjg5wcNVfcvwYrDe3dLczdoGHaV3UtsyJN5u7uFpnI6aaZApHVs/qpClt2iqdvInYb+7QhTl2Mzdz7vIWsRbRrlHinlzZwY3m7uNfOhwACa8vEkmKTBZ5cf/uzIkDU9X74eAUUKO1cm5lCgAAAA==') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-edit:before {
    content: "\e900";
}

.brush-icon {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.brush-icon::before,
.brush-icon::after {
    content: '';
    position: absolute;
    background-color: #ccc;
}

/* Handle of the brush */
.brush-icon::before {
    width: 4px;
    height: 8px;
    top: 0px;
    left: 10px;
    border-radius: 2px;
}

/* Bristles of the brush */
.brush-icon::after {
    width: 12px;
    height: 10px;
    bottom: 0;
    left: 6px;
    border-radius: 4px 4px 0 0;
    background-color: #ccc;
}