.svg-icon {
  font-style: normal;
  display: flex;
  justify-content: center;
  font-size: 20px;
}

.svgIcon {
  width: 24px;    /* İkonun sabit eni */
  height: 24px;   /* İkonun sabit hündürlüyü */
  font-style: normal;
  display: flex;
  justify-content: center;
  font-size: 20px;
  color: var(--icon-color);
}

.toolbar_actions-svg {
  width: 24px;    /* İkonun sabit eni */
  height: 24px;   /* İkonun sabit hündürlüyü */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: var(--icon-color);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease;
}

.toolbar_actions-svg:hover {
  transform: scale(1.2);
  opacity: 0.8;
  cursor: pointer;
}

.toolbar_actions-svg:active {
  transform: scale(0.95);
}

.svgIcon-28 {
  width: 28px;    /* İkonun sabit eni */
  height: 28px;   /* İkonun sabit hündürlüyü */
  font-style: normal;
  display: flex;
  justify-content: center;
  font-size: 20px;
  color: var(--icon-color);
}

.svgIcon-24 {
  width: 24px;    /* İkonun sabit eni */
  height: 24px;   /* İkonun sabit hündürlüyü */
  font-style: normal;
  display: flex;
  justify-content: center;
  font-size: 20px;
  color: var(--icon-color);
}

.svgIcon-16 {
  width: 16px;    /* İkonun sabit eni */
  height: 16px;   /* İkonun sabit hündürlüyü */
  font-style: normal;
  display: flex;
  justify-content: center;
  font-size: 20px;
  color: var(--icon-color);
}

.svgIcon-right-16 {
  width: 16px;    /* İkonun sabit eni */
  height: 16px;   /* İkonun sabit hündürlüyü */
  font-style: normal;
  display: flex;
  justify-content: center;
  font-size: 20px;
  color: var(--icon-color);
}



/* İkonların sıxılmaması üçün (xüsusilə mobildə) */
.svg-icon, .svgIcon, .toolbar_actions-svg, .svgIcon-16, .svgIcon-right-16, .svgIcon-24, .svgIcon-28 {
    flex-shrink: 0;
}

.icon {
  flex-shrink: 0; /* İkonun sıxılmasının qarşısını alır */
  width: 24px;    /* İkonun sabit eni */
  height: 24px;   /* İkonun sabit hündürlüyü */
  margin-right: 15px;
  font-style: normal;
  display: flex;
  justify-content: center;
  font-size: 20px;
}

.blue-icon {
  color: var(--icon-color);
}

.ic16 {
  width: 16px;
  height: 16px;
}

.ic24 {
  width: 24px;
  height: 24px;
}
-
.ic28 {
  width: 24px;
  height: 24px;
}

.ic32 {
  width: 32px;
  height: 32px;
}

.blue {
  color: var(--icon-color);
}

.__orange {
  color: #ff8800;
}

.grey {
  color: #999;
}

body.dark-mode .grey {
    color: #bbb;
}

.red {
  color: #ff4d4d;
}

.__white {
  color: #fff;
}

.blue, .grey, .red {
    fill: currentColor;
}

.__right {
  margin-right: 10px;
}

.__color {
    color: var(--color, #000) !important; /* Əgər rəng verilməsə, qara olacaq */
}