.segmented-bar{display:flex;align-items:center;background:hsla(0,0%,100%,.051);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:.25rem .75rem;border-radius:1.5rem;gap:.375rem}@media(max-width:1601px){.segmented-bar{padding:.125rem .75rem}}@media(max-width:768px){.segmented-bar{padding:0 .5rem}}.segmented-bar-label{font-family:var(--font-sf-pro-text);font-size:.625rem;font-weight:400;line-height:1.5rem;color:hsla(0,0%,100%,.6)}.segmented-bar-segments{display:flex;align-items:center;gap:2px}.segmented-bar-segment{flex:1 1;height:11px;width:.1875rem;background:hsla(0,0%,100%,.2);border-radius:.25rem;transition:background-color .3s ease}.segmented-bar-segment.filled{background:#6eff7c}