.jslider { display: block; width: calc(100% - 14px); height: 1em; position: relative; margin: 24px 7px 12px; overflow: visible; box-sizing: border-box; }
  .jslider table { width: 100%; border-collapse: collapse; border: 0; }
  .jslider td, .jslider th { padding: 0; vertical-align: top; text-align: left; border: 0; }

  .jslider table,
  .jslider table tr,
  .jslider table tr td { width: 100%; vertical-align: top; }

  .jslider .jslider-bg { position: relative; }
  .jslider .jslider-bg i { height: 6px; position: absolute; font-size: 0; top: 0; border-radius: 999px; }
  .jslider .jslider-bg .l { width: 10%; left: 0; background: #c8ccd2; }
  .jslider .jslider-bg .f { width: 80%; left: 10%; background: #c8ccd2; }
  .jslider .jslider-bg .r { width: 10%; left: 90%; background: #c8ccd2; }
  .jslider .jslider-bg .v { position: absolute; width: 60%; left: 20%; top: 0; height: 6px; background: var(--jslider-accent, #6b7280); border-radius: 999px; }

  .jslider .jslider-pointer { width: 16px; height: 16px; position: absolute; left: 20%; top: -5px; margin-left: -8px; cursor: pointer; cursor: hand; border-radius: 50%; border: 2px solid var(--jslider-accent, #6b7280); background: #fff; box-sizing: border-box; }
  .jslider .jslider-pointer-hover { border-color: var(--jslider-accent-hover, #334155); }
  .jslider .jslider-pointer-to { left: 80%; }

  .jslider .jslider-label { font-size: 9px; line-height: 12px; color: black; opacity: 0.4; white-space: nowrap; padding: 0px 2px; position: absolute; top: -18px; left: 0px; }
  .jslider .jslider-label-to { left: auto; right: 0; }

  .jslider .jslider-value { font-size: 12px; font-weight: 700; white-space: nowrap; padding: 2px 6px; position: absolute; top: -22px; left: 20%; background: #fff; line-height: 1.1; color: #111827; border-radius: 4px; max-width: 46%; overflow: hidden; text-overflow: ellipsis; text-decoration: none; border: 0; box-shadow: none; }
  .jslider .jslider-value-to { left: 80%; }

  .jslider .jslider-label small,
  .jslider .jslider-value small { position: relative; top: -0.4em; }

  .jslider .jslider-scale { position: relative; top: 9px; }
  .jslider .jslider-scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; }
  .jslider .jslider-scale ins { font-size: 9px; text-decoration: none; position: absolute; left: 0px; top: 5px; color: #999; }

  .jslider-single .jslider-pointer-to,
  .jslider-single .jslider-value-to,
  .jslider-single .jslider-bg .v,
  .jslider-limitless .jslider-label { display: none; }