.font-size-control {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  border: none;
  border-radius: 0;
  font-family: inherit;
  user-select: none;
  direction: rtl;
  height: 52px;
}

.font-size-control, .font-size-control * { color: inherit; }

.font-size-control .fs-smallT {
  font-size: 16px;
  color: currentColor;
  opacity: 0.7;
}
.font-size-control .fs-largeT {
  font-size: 26px;
  font-weight: 700;
  color: currentColor;
}
.font-size-control .fs-value {
  margin-inline-start: auto;
  font-variant-numeric: tabular-nums;
  min-width: 2ch;
  text-align: center;
  font-weight: 600;
  color: currentColor;
}

/* Slider */
.font-size-control .fs-range {
  -webkit-appearance: none;
  appearance: none;
  width: 220px;
  height: 8px;
  background: #c5c5c5; 
  outline: none;
  position: relative;
  color: inherit;     
}

.font-size-control .fs-range::-webkit-slider-runnable-track {
  height: 8px;
  background: linear-gradient(
    to left,
    currentColor var(--value, 0%),
    #c5c5c5 var(--value, 0%)
  );
}

/* Thumb */
.font-size-control .fs-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 0%;
  background: currentColor;
  cursor: pointer;
  margin-top: -4.5px;
  transition: all 0.2s ease;
  position: relative;
  z-index: 2;
}
.font-size-control .fs-range::-webkit-slider-thumb:hover { transform: scale(1.1); }

/* Firefox */
.font-size-control .fs-range::-moz-range-track {
  height: 8px;
  border-radius: 999px;
  background: #c5c5c5;
}
.font-size-control .fs-range::-moz-range-progress {
  height: 8px;
  border-radius: 999px;
  background: currentColor;
}
.font-size-control .fs-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: currentColor;
  border: 2px solid #c5c5c5;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Smooth text resizing effect */
.brxe-post-content {
  transition:
    font-size 0.45s cubic-bezier(0.25, 0.1, 0.25, 1),
    line-height 0.45s cubic-bezier(0.25, 0.1, 0.25, 1),
    letter-spacing 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: font-size, line-height, letter-spacing;
}
