.base-slider{align-items:center;width:100%;display:flex;position:relative}.base-slider--default{gap:var(--spacing-md);flex-direction:column}.base-slider--default .base-slider__label{justify-content:space-between;width:100%;display:flex}.base-slider--raw{gap:var(--spacing-xl)}.base-slider--raw .base-slider__input{background:#ffffff47;height:2px}.base-slider--raw .base-slider__input .base-slider__progress{background:#fff;height:2px}.base-slider--raw .base-slider__input .base-slider__handle{top:50%;transform:translateY(-50%)}.base-slider--minimal{gap:var(--spacing-xl)}.base-slider--contained{padding:var(--spacing-lg)}.base-slider__label{color:var(--text-secondary);font-size:.75rem;line-height:1rem}.base-slider__input{appearance:none;border-radius:var(--radius-full);background:var(--background-darker);outline:none;flex:1;width:100%;height:10px;position:relative}.base-slider__input--light .base-slider__input{background:var(--background-dark)}.base-slider__progress{border-radius:var(--radius-full) 0 0 var(--radius-full);background:var(--gradient-primary);height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.base-slider__handle{border-radius:var(--radius-full);cursor:grab;touch-action:none;background:#fff;border:none;outline-color:#0000;width:16px;height:16px;display:block;transform:translate(-50%)translateY(-3px)}.base-slider__handle:not(.base-slider__handle--hidden):hover:before,.base-slider__handle:not(.base-slider__handle--hidden):focus:before{content:attr(aria-valuetext);background-color:var(--background-darker);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);white-space:nowrap;margin-bottom:7px;font-size:1rem;display:block;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 0 1px 1px #00000026!important}.base-slider__percentage-input{display:none}.base-slider.fresh-design{grid-template-columns:1fr auto;align-items:center;gap:25px;display:grid}.base-slider.fresh-design .base-slider__input{background:#21193a;height:4px}.base-slider.fresh-design .base-slider__progress{background:#8173b380;height:4px}.base-slider.fresh-design .base-slider__handle{border-radius:var(--radius-sm);background:#9c8cd7;width:16px;height:8px;transform:translateY(-2px)}.base-slider.fresh-design .base-slider__percentage-input{align-items:center;width:60px;display:flex;position:relative}.base-slider.fresh-design .base-slider__percentage-input.no-symbol{width:45px}.base-slider.fresh-design .base-slider__percentage-input.no-symbol input{text-align:center}.base-slider.fresh-design .base-slider__percentage-input input{-moz-appearance:textfield;padding:5px 7px}.base-slider.fresh-design .base-slider__percentage-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.base-slider.fresh-design .base-slider__percentage-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.base-slider.fresh-design .base-slider__percentage-symbol{color:var(--text-secondary);pointer-events:none;font-size:.875rem;position:absolute;right:12px}