body{overscroll-behavior:none;margin:0;min-height:100vh}:root{--nav-discreet-border-color:#f2f4f7;--grey-100:#f5f5f5;--grey-300:#e0e0e0;--action-active:#6c737f;--text-secondary:#6c737f;--default-radius:8px}.slider{background:var(--grey-100);position:relative;display:flex;width:100%;height:3.4em;align-items:center}.slider,.slider>.selected{border-radius:var(--default-radius)}.slider>.selected{background:#fff;width:calc(50% - 1em);height:calc(100% - 1em);left:.4em;position:absolute;transition:.2s linear}.slider>.selected.second{left:calc(50% + .5em)}.slider>.options{display:flex;position:absolute;width:100%;height:100%;align-items:center;flex-direction:row;justify-content:center}.slider>.options>h6{display:block;width:100%;text-align:center;border-left:1px solid #e5e7eb}.slider>.options>h6:first-of-type{display:block;width:100%;text-align:center;border:none}.slider>.action{cursor:pointer;width:100%;height:100%;position:absolute}.maskHdlr>svg{width:100%;height:100%;fill:inherit}.maskHdlr svg path{fill:inherit}