.segmented-controls{display:flex;margin:0 auto;position:relative;overflow:hidden;transition:all .3s ease}.segmented-controls input{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);white-space:nowrap}.segmented-controls label{grid-row:1;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;flex:1 1 0px;position:relative;z-index:2;transition:inherit}.segmented-controls label:last-of-type{z-index:1}.segmented-controls label:last-of-type::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-color:#000;transition:inherit}.segmented-controls input:nth-last-of-type(2):checked~label:last-of-type::after{transform:translateX(-100%)}.segmented-controls input:nth-last-of-type(3):checked~label:last-of-type::after{transform:translateX(-200%)}.segmented-controls input:nth-last-of-type(4):checked~label:last-of-type::after{transform:translateX(-300%)}.segmented-controls input:nth-last-of-type(5):checked~label:last-of-type::after{transform:translateX(-400%)}.segmented-controls input:nth-last-of-type(6):checked~label:last-of-type::after{transform:translateX(-500%)}.segmented-controls input:nth-last-of-type(7):checked~label:last-of-type::after{transform:translateX(-600%)}.segmented-controls input:nth-last-of-type(8):checked~label:last-of-type::after{transform:translateX(-700%)}.segmented-controls input:nth-last-of-type(9):checked~label:last-of-type::after{transform:translateX(-800%)}.segmented-controls input:nth-last-of-type(10):checked~label:last-of-type::after{transform:translateX(-900%)}.segmented-controls{border-radius:.5rem;background:var(--segmented-controller-bg);height:2rem;padding:.125rem}.segmented-controls.blue{background:var(--segmented-controller-bg-blue)}.segmented-controls label{font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-weight:510;line-height:1.25rem}.segmented-controls label:not(:first-of-type)::before{content:"";position:absolute;z-index:-3;top:.5rem;left:0;bottom:.5rem;width:1px;background:var(--segmented-controller-border);transition:inherit}.segmented-controls.blue label:not(:first-of-type)::before{background:var(--segmented-controller-border-blue)}.segmented-controls input:checked+label{font-weight:590;font-size:.8125rem}.segmented-controls input:checked+label+input+label::before,.segmented-controls input:checked+label::before{opacity:0}.segmented-controls:focus-within{box-shadow:0 0 0 .2rem rgba(0,122,255,0)}.segmented-controls input:focus-visible+label{outline:2px solid var(--blue);outline-offset:-2px;border-radius:.375rem}.segmented-controls label:last-of-type::after{background:var(--segmented-controller-selected);border-radius:.4275rem;border:.5px solid var(--segmented-controller-border);box-shadow:0 3px 1px rgba(0,0,0,.04),0 3px 8px rgba(0,0,0,.12)}.segmented-controls.blue label:last-of-type::after{background:var(--segmented-controller-selected-blue);border:.5px solid var(--segmented-controller-border-blue)}.light .segmented-controls.blue label{color:#48484a}.dark .segmented-controls.blue label{color:var(--primary)}.segmented-controls.blue input:checked+label{color:#fff}.segmented-controls.blue label::before{opacity:0}