.selected-item{text-align:center}.controls-container{--highlight-width:auto;--highlight-x-pos:0;display:flex}.controls{background:var(--segmented-bg,white);border-radius:999px;justify-content:space-between;max-width:500px;margin:auto;padding:12px;display:inline-flex;position:relative;overflow:hidden}.controls input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segment{text-align:center;z-index:1;min-width:120px;position:relative}.segment label{cursor:pointer;padding:10px;font-weight:700;transition:color .5s;display:block}.segment.active label{color:var(--segmented-text,#fff)}.controls:before{content:"";width:var(--highlight-width);transform:translateX(var(--highlight-x-pos));z-index:0;background:var(--segmented-primary,#fb6d48);border-radius:999px;position:absolute;top:8px;bottom:8px;left:0}.controls.ready:before{transition:transform .3s,width .3s}