.segmented-control{padding:4px;border-radius:12px;background-color:color-mix(in srgb,var(--colors-white) 20%,transparent);display:flex;flex-direction:column;width:100%;--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,)}@supports (color: color-mix(in lab,red,red)){.segmented-control{background-color:color-mix(in oklab,var(--colors-white) 20%,transparent)}}@property --un-backdrop-blur{syntax:"*";inherits:false;}@property --un-backdrop-brightness{syntax:"*";inherits:false;}@property --un-backdrop-contrast{syntax:"*";inherits:false;}@property --un-backdrop-grayscale{syntax:"*";inherits:false;}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}@property --un-backdrop-invert{syntax:"*";inherits:false;}@property --un-backdrop-opacity{syntax:"*";inherits:false;}@property --un-backdrop-saturate{syntax:"*";inherits:false;}@property --un-backdrop-sepia{syntax:"*";inherits:false;}.segmented-control__items{display:flex;width:100%}.segmented-control[aria-orientation=vertical] .segmented-control__items{flex-direction:column}.segmented-control[aria-orientation=horizontal] .segmented-control__items{flex-direction:row}.segmented-control__indicator{border-radius:10px;background-color:color-mix(in srgb,var(--colors-neutral-10) var(--un-bg-opacity),transparent);content:"";position:absolute;transition:transform .2s ease}@supports (color: color-mix(in lab,red,red)){.segmented-control__indicator{background-color:color-mix(in oklab,var(--colors-neutral-10) var(--un-bg-opacity),transparent)}}.segmented-control__item{text-align:center;display:flex;width:100%;cursor:pointer;position:relative}.segmented-control__item:has(.segmented-control__item-input:checked):before,.segmented-control__item:has(.segmented-control__item-input:checked)+:before{opacity:0%}.segmented-control__item:not(:first-of-type):before{background-color:color-mix(in srgb,var(--colors-neutral-70) var(--un-bg-opacity),transparent);content:"";inset:calc(var(--spacing) * 0);position:absolute;transition:opacity .2s ease}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.segmented-control__item:not(:first-of-type):before{background-color:color-mix(in oklab,var(--colors-neutral-70) var(--un-bg-opacity),transparent)}}.segmented-control[aria-orientation=horizontal] .segmented-control__item:not(:first-of-type):before{width:1px;inset-block:8px;inset-inline:calc(var(--spacing) * 0)}.segmented-control__item-label{font-size:.875rem;--un-leading:1.125rem;line-height:1.125rem;font-family:var(--font-outfit);color:color-mix(in srgb,var(--colors-white) var(--un-text-opacity),transparent);padding:8px;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition-duration:.2s;transition-property:color,opacity;transition-timing-function:ease-in-out}@supports (color: color-mix(in lab,red,red)){.segmented-control__item-label{color:color-mix(in oklab,var(--colors-white) var(--un-text-opacity),transparent)}}@property --un-leading{syntax:"*";inherits:false;}.segmented-control__item-input:checked+.segmented-control__item-label{color:color-mix(in srgb,var(--colors-neutral-100) var(--un-text-opacity),transparent)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.segmented-control__item-input:checked+.segmented-control__item-label{color:color-mix(in oklab,var(--colors-neutral-100) var(--un-text-opacity),transparent)}}.segmented-control__item-input:disabled+.segmented-control__item-label{opacity:50%;cursor:not-allowed}.segmented-control__item-input:not(:checked,:disabled)+.segmented-control__item-label{cursor:pointer;-webkit-user-select:none;user-select:none;opacity:var(--item-label-opacity, 1)}.segmented-control__item-input:not(:checked,:disabled)+.segmented-control__item-label:hover{--item-label-opacity: .75}.segmented-control__item-input:not(:checked,:disabled)+.segmented-control__item-label:active{--item-label-opacity: .5}