body{overscroll-behavior:none;min-height:100vh;margin:0}: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);border-radius:var(--default-radius);align-items:center;width:100%;height:3.4em;display:flex;position:relative}.slider>.selected{border-radius:var(--default-radius);background:#fff;width:calc(50% - 1em);height:calc(100% - 1em);transition:all .2s linear;position:absolute;left:.4em}.slider>.selected.second{left:calc(50% + .5em)}.slider>.options{flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.slider>.options>h6{text-align:center;border-left:1px solid #e5e7eb;width:100%;display:block}.slider>.options>h6:first-of-type{text-align:center;border:none;width:100%;display:block}.slider>.action{cursor:pointer;width:100%;height:100%;position:absolute}.maskHdlr>svg{width:100%;height:100%;fill:inherit}.maskHdlr svg path{fill:inherit}