.divIcon-bell,
.divIcon-chargingBattery,
.divIcon-power,
.divIcon-volumeMid {
  display: inline-block;
  width: var(--divIconBaseSize);
  height: var(--divIconBaseSize);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.divIcon-chargingBattery {
  width: calc(var(--divIconBaseSize) * 1.2);
  height: calc(var(--divIconBaseSize) * 1.2);
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIC0xMjkgNTEyIDUxMiIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+PHBhdGggZD0ibTAgMjU0LjIxMDkzOGg0MzYuNzAzMTI1di0yNTQuMjEwOTM4aC00MzYuNzAzMTI1em0yMTEuNTA3ODEyLTIxNi40OTYwOTQgMjcuNjE3MTg4IDExLjcyMjY1Ni0yNi42MDE1NjIgNjIuNjY3OTY5aDU1LjM0Mzc1bC00NC4zMDg1OTQgMTA0LjM4NjcxOS0yNy42MTcxODgtMTEuNzIyNjU3IDI2LjYwMTU2My02Mi42NjQwNjJoLTU1LjM0NzY1N3ptMCAwIiBmaWxsPSIjRkZGRkZGIi8+PHBhdGggZD0ibTQ2Ni43MDMxMjUgNzUuNTc4MTI1aDQ1LjI5Njg3NXYxMDMuMDU0Njg3aC00NS4yOTY4NzV6bTAgMCIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPgo=);
}

.divIcon-bell {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDY3LjgxMiw0MzEuODUxbC0zNi42MjktNjEuMDU2Yy0xNi45MTctMjguMTgxLTI1Ljg1Ni02MC40NTktMjUuODU2LTkzLjMxMlYyMjRjMC02Ny41Mi00NS4wNTYtMTI0LjYyOS0xMDYuNjY3LTE0My4wNCAgICBWNDIuNjY3QzI5OC42NiwxOS4xMzYsMjc5LjUyNCwwLDI1NS45OTMsMHMtNDIuNjY3LDE5LjEzNi00Mi42NjcsNDIuNjY3VjgwLjk2QzE1MS43MTYsOTkuMzcxLDEwNi42NiwxNTYuNDgsMTA2LjY2LDIyNHY1My40ODMgICAgYzAsMzIuODUzLTguOTM5LDY1LjEwOS0yNS44MzUsOTMuMjkxbC0zNi42MjksNjEuMDU2Yy0xLjk4NCwzLjMwNy0yLjAyNyw3LjQwMy0wLjEyOCwxMC43NTJjMS44OTksMy4zNDksNS40MTksNS40MTksOS4yNTksNS40MTkgICAgSDQ1OC42NmMzLjg0LDAsNy4zODEtMi4wNjksOS4yOC01LjM5N0M0NjkuODM5LDQzOS4yNzUsNDY5Ljc3NSw0MzUuMTM2LDQ2Ny44MTIsNDMxLjg1MXoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xODguODE1LDQ2OS4zMzNDMjAwLjg0Nyw0OTQuNDY0LDIyNi4zMTksNTEyLDI1NS45OTMsNTEyczU1LjE0Ny0xNy41MzYsNjcuMTc5LTQyLjY2N0gxODguODE1eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

.divIcon-power {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ3NS4wODUgNDc1LjA4NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc1LjA4NSA0NzUuMDg1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTIzNy41NDUsMjU1LjgxNmM5Ljg5OSwwLDE4LjQ2OC0zLjYwOSwyNS42OTYtMTAuODQ4YzcuMjMtNy4yMjksMTAuODU0LTE1Ljc5OSwxMC44NTQtMjUuNjk0VjM2LjU0NyAgICBjMC05LjktMy42Mi0xOC40NjQtMTAuODU0LTI1LjY5M0MyNTYuMDE0LDMuNjE3LDI0Ny40NDQsMCwyMzcuNTQ1LDBjLTkuOSwwLTE4LjQ2NCwzLjYyMS0yNS42OTcsMTAuODU0ICAgIGMtNy4yMzMsNy4yMjktMTAuODUsMTUuNzk3LTEwLjg1LDI1LjY5M3YxODIuNzI4YzAsOS44OTUsMy42MTcsMTguNDY0LDEwLjg1LDI1LjY5NCAgICBDMjE5LjA4MSwyNTIuMjA3LDIyNy42NDgsMjU1LjgxNiwyMzcuNTQ1LDI1NS44MTZ6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTQzMy44MzYsMTU3Ljg4N2MtMTUuMzI1LTMwLjY0Mi0zNi44NzgtNTYuMzM5LTY0LjY2Ni03Ny4wODRjLTcuOTk0LTYuMDktMTcuMDM1LTguNDctMjcuMTIzLTcuMTM5ICAgIGMtMTAuMDg5LDEuMzMzLTE4LjA4Myw2LjA5MS0yMy45ODMsMTQuMjczYy02LjA5MSw3Ljk5My04LjQxOCwxNi45ODYtNi45OTQsMjYuOTc5YzEuNDIzLDkuOTk4LDYuMTM5LDE4LjAzNywxNC4xMzMsMjQuMTI4ICAgIGMxOC42NDUsMTQuMDg0LDMzLjA3MiwzMS4zMTIsNDMuMjUsNTEuNjc4YzEwLjE4NCwyMC4zNjQsMTUuMjcsNDIuMDY1LDE1LjI3LDY1LjA5MWMwLDE5LjgwMS0zLjg1NCwzOC42ODgtMTEuNTYxLDU2LjY3OCAgICBjLTcuNzA2LDE3Ljk4Ny0xOC4xMywzMy41NDQtMzEuMjY1LDQ2LjY3OWMtMTMuMTM1LDEzLjEzMS0yOC42ODgsMjMuNTUxLTQ2LjY3OCwzMS4yNjFjLTE3Ljk4Nyw3LjcxLTM2Ljg3OCwxMS41Ny01Ni42NzMsMTEuNTcgICAgYy0xOS43OTIsMC0zOC42ODQtMy44Ni01Ni42NzEtMTEuNTdjLTE3Ljk4OS03LjcxLTMzLjU0Ny0xOC4xMy00Ni42ODItMzEuMjYxYy0xMy4xMjktMTMuMTM1LTIzLjU1MS0yOC42OTEtMzEuMjYxLTQ2LjY3OSAgICBjLTcuNzA4LTE3Ljk5LTExLjU2My0zNi44NzctMTEuNTYzLTU2LjY3OGMwLTIzLjAyNiw1LjA5Mi00NC43MjQsMTUuMjc0LTY1LjA5MWMxMC4xODMtMjAuMzY0LDI0LjYwMS0zNy41OTEsNDMuMjUzLTUxLjY3OCAgICBjNy45OTQtNi4wOTUsMTIuNzAzLTE0LjEzMywxNC4xMzMtMjQuMTI4YzEuNDI3LTkuOTg5LTAuOTAzLTE4Ljk4Ni02Ljk5NS0yNi45NzljLTUuOTAxLTguMTgyLTEzLjg0NC0xMi45NDEtMjMuODM5LTE0LjI3MyAgICBjLTkuOTk0LTEuMzMyLTE5LjA4NSwxLjA0OS0yNy4yNjgsNy4xMzljLTI3Ljc5MiwyMC43NDUtNDkuMzQ0LDQ2LjQ0Mi02NC42NjksNzcuMDg0Yy0xNS4zMjQsMzAuNjQ2LTIyLjk4Myw2My4yODgtMjIuOTgzLDk3LjkyNyAgICBjMCwyOS42OTcsNS44MDYsNTguMDU0LDE3LjQxNSw4NS4wODJjMTEuNjEzLDI3LjAyOCwyNy4yMTgsNTAuMzQsNDYuODI2LDY5Ljk0OGMxOS42MDIsMTkuNjAzLDQyLjkxOSwzNS4yMTUsNjkuOTQ5LDQ2LjgxNSAgICBjMjcuMDI4LDExLjYxNSw1NS4zODgsMTcuNDI2LDg1LjA4LDE3LjQyNmMyOS42OTMsMCw1OC4wNTItNS44MTEsODUuMDgxLTE3LjQyNmMyNy4wMzEtMTEuNjA0LDUwLjM0Ny0yNy4yMTMsNjkuOTUyLTQ2LjgxNSAgICBjMTkuNjAyLTE5LjYwMiwzNS4yMDctNDIuOTIsNDYuODE4LTY5Ljk0OHMxNy40MTItNTUuMzkyLDE3LjQxMi04NS4wODJDNDU2LjgwOSwyMjEuMTc0LDQ0OS4xNiwxODguNTMyLDQzMy44MzYsMTU3Ljg4N3oiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}

.divIcon-volumeMid {
  width: calc(var(--divIconBaseSize) * 1.1);
  height: calc(var(--divIconBaseSize) * 1.1);
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDkzLjAzOCA5My4wMzgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkzLjAzOCA5My4wMzg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNNDYuNTQ3LDc1LjUyMWMwLDEuNjM5LTAuOTQ3LDMuMTI4LTIuNDI5LDMuODIzYy0wLjU3MywwLjI3MS0xLjE4NywwLjQwMi0xLjc5NywwLjQwMmMtMC45NjYsMC0xLjkyMy0wLjMzMi0yLjY5Ni0wLjk3MyAgIGwtMjMuMDk4LTE5LjE0SDQuMjI1QzEuODkyLDU5LjYzNSwwLDU3Ljc0MiwwLDU1LjQwOVYzOC41NzZjMC0yLjMzNCwxLjg5Mi00LjIyNiw0LjIyNS00LjIyNmgxMi4zMDNsMjMuMDk4LTE5LjE0ICAgYzEuMjYyLTEuMDQ2LDMuMDEyLTEuMjY5LDQuNDkzLTAuNTY5YzEuNDgxLDAuNjk1LDIuNDI5LDIuMTg1LDIuNDI5LDMuODIzTDQ2LjU0Nyw3NS41MjFMNDYuNTQ3LDc1LjUyMXogTTYyLjc4NCw2OC45MTkgICBjLTAuMTAzLDAuMDA3LTAuMjAyLDAuMDExLTAuMzA0LDAuMDExYy0xLjExNiwwLTIuMTkyLTAuNDQxLTIuOTg3LTEuMjM3bC0wLjU2NS0wLjU2N2MtMS40ODItMS40NzktMS42NTYtMy44MjItMC40MDgtNS41MDQgICBjMy4xNjQtNC4yNjYsNC44MzQtOS4zMjMsNC44MzQtMTQuNjI4YzAtNS43MDYtMS44OTYtMTEuMDU4LTUuNDg0LTE1LjQ3OGMtMS4zNjYtMS42OC0xLjI0LTQuMTIsMC4yOTEtNS42NWwwLjU2NC0wLjU2NSAgIGMwLjg0NC0wLjg0NCwxLjk3NS0xLjMwNCwzLjE5OS0xLjIzMWMxLjE5MiwwLjA2LDIuMzA1LDAuNjIxLDMuMDYxLDEuNTQ1YzQuOTc3LDYuMDksNy42MDYsMTMuNDg0LDcuNjA2LDIxLjM4ICAgYzAsNy4zNTQtMi4zMjUsMTQuMzU0LTYuNzI1LDIwLjI0QzY1LjEzMSw2OC4yMTYsNjQuMDA3LDY4LjgzMiw2Mi43ODQsNjguOTE5eiBNODAuMjUyLDgxLjk3NiAgIGMtMC43NjQsMC45MDMtMS44NjksMS40NDUtMy4wNTIsMS40OTVjLTAuMDU4LDAuMDAyLTAuMTE3LDAuMDA0LTAuMTc3LDAuMDA0Yy0xLjExOSwwLTIuMTkzLTAuNDQyLTIuOTg4LTEuMjM3bC0wLjU1NS0wLjU1NSAgIGMtMS41NTEtMS41NS0xLjY1Ni00LjAyOS0wLjI0Ni01LjcwN2M2LjgxNC04LjEwNCwxMC41NjgtMTguMzk2LDEwLjU2OC0yOC45ODJjMC0xMS4wMTEtNC4wMTktMjEuNjExLTExLjMxNC0yOS44NDcgICBjLTEuNDc5LTEuNjcyLTEuNDA0LTQuMjAzLDAuMTctNS43ODNsMC41NTQtMC41NTVjMC44MjItMC44MjYsMS44OS0xLjI4MSwzLjExNS0xLjI0MmMxLjE2MywwLjAzMywyLjI2MywwLjU0NywzLjAzNiwxLjQxNyAgIGM4LjgxOCw5LjkyOCwxMy42NzUsMjIuNzE4LDEzLjY3NSwzNi4wMUM5My4wNCw1OS43ODMsODguNDk5LDcyLjIwNyw4MC4yNTIsODEuOTc2eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}