.ui-segmented-control{--_h:var(--ui-control-h-md);--_pad:var(--ui-segmented-control-pad);--_radius:var(--ui-segmented-control-radius);--_to-end:to right;--_to-start:to left;height:var(--_h);border-radius:var(--_radius);corner-shape:var(--ui-control-corner-shape);background:var(--ui-segmented-control-bg);min-width:0;max-width:100%;box-shadow:var(--ui-segmented-control-shadow);vertical-align:middle;align-items:stretch;display:inline-flex;position:relative}.ui-segmented-control[aria-invalid=true]{box-shadow:inset 0 0 0 var(--ui-border-width,1px) var(--ui-danger)}.ui-segmented-control:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--_to-end:to left;--_to-start:to right}.ui-segmented-control__viewport{min-width:0;padding:var(--_pad);flex:auto;align-items:stretch;display:flex;position:relative}.ui-segmented-control__viewport[data-overflow=true]{overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:24px;overflow:auto hidden}.ui-segmented-control__viewport::-webkit-scrollbar{display:none}.ui-segmented-control__viewport[data-fade-start]{-webkit-mask-image:linear-gradient(var(--_to-end), transparent, #000 32px);mask-image:linear-gradient(var(--_to-end), transparent, #000 32px)}.ui-segmented-control__viewport[data-fade-end]{-webkit-mask-image:linear-gradient(var(--_to-start), transparent, #000 32px);mask-image:linear-gradient(var(--_to-start), transparent, #000 32px)}.ui-segmented-control__viewport[data-fade-start][data-fade-end]{-webkit-mask-image:linear-gradient(var(--_to-end), transparent, #000 32px, #000 calc(100% - 32px), transparent);mask-image:linear-gradient(var(--_to-end), transparent, #000 32px, #000 calc(100% - 32px), transparent)}.ui-segmented-control[data-size=sm]{--_h:var(--ui-control-h-sm)}.ui-segmented-control[data-size=lg]{--_h:var(--ui-control-h-lg);--_pad:var(--ui-segmented-control-pad-lg)}.ui-segmented-control[data-full-width]{width:100%;display:flex}.ui-segmented-control__item{z-index:1;min-width:calc(var(--_h) - 2 * var(--_pad));padding:0 var(--ui-space-3);border-radius:calc(var(--_radius) - var(--_pad));corner-shape:var(--ui-control-corner-shape);color:var(--ui-segmented-control-item-fg);font:inherit;font-size:var(--ui-text-md);font-weight:var(--ui-weight-medium);letter-spacing:var(--ui-label-tracking,var(--ui-segmented-control-item-tracking));text-transform:var(--ui-label-transform,inherit);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--ui-duration-fast) var(--ui-ease);background:0 0;border:0;outline:none;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;line-height:1;display:inline-flex;position:relative}.ui-segmented-control[data-size=sm] .ui-segmented-control__item{font-size:var(--ui-text-sm);padding:0 10px}.ui-segmented-control[data-size=lg] .ui-segmented-control__item{padding:0 var(--ui-space-4);font-size:var(--ui-text-lg)}.ui-segmented-control[data-size=lg] .ui-segmented-control__icon .ui-icon{width:var(--ui-icon-lg);height:var(--ui-icon-lg)}.ui-segmented-control[data-full-width] .ui-segmented-control__item{flex:1 0 0;min-width:max-content}.ui-segmented-control__item:hover:not(:disabled),.ui-segmented-control__item[data-active]{color:var(--ui-fg)}.ui-segmented-control__item:disabled{color:var(--ui-fg-disabled);cursor:not-allowed}.ui-segmented-control__item:not([data-active],:disabled):active{opacity:var(--ui-segmented-control-item-press-opacity)}.ui-segmented-control__item:focus-visible{box-shadow:var(--ui-focus-ring)}.ui-segmented-control__viewport[data-overflow=true]>.ui-segmented-control__item:focus-visible{box-shadow:inset 0 0 0 2px var(--ui-focus-color)}.ui-segmented-control__icon{display:inline-flex}.ui-segmented-control__label{text-overflow:ellipsis;unicode-bidi:plaintext;overflow:hidden}.ui-segmented-control__thumb{top:var(--_pad);bottom:var(--_pad);border-radius:calc(var(--_radius) - var(--_pad));corner-shape:var(--ui-control-corner-shape);background:var(--ui-segmented-control-thumb-bg);box-shadow:var(--ui-segmented-control-thumb-shadow);-webkit-backdrop-filter:var(--ui-blur);backdrop-filter:var(--ui-blur);pointer-events:none;transition:transform var(--ui-duration) var(--ui-ease-spring), width var(--ui-duration) var(--ui-ease-spring);position:absolute;left:0}@media (forced-colors:active){.ui-segmented-control{border:1px solid canvastext}.ui-segmented-control__thumb{background:highlight}.ui-segmented-control__item{forced-color-adjust:none;color:buttontext}.ui-segmented-control__viewport[data-overflow=true]>.ui-segmented-control__item:focus-visible{outline-offset:-2px}.ui-segmented-control__item[data-active]{color:highlighttext}.ui-segmented-control__item:disabled{color:graytext}}@media (pointer:coarse){.ui-segmented-control__item:after{content:"";width:100%;height:max(100%,44px);position:absolute;top:50%;left:0;translate:0 -50%}.ui-segmented-control__item[data-icon-only]{min-width:44px}.ui-segmented-control__viewport[data-overflow=true]{--_grow:max(0px, (44px - var(--_h)) / 2);margin-block:calc(-1 * var(--_grow));padding-block:calc(var(--_pad) + var(--_grow))}.ui-segmented-control__viewport[data-overflow=true]>.ui-segmented-control__thumb{top:calc(var(--_pad) + var(--_grow));bottom:calc(var(--_pad) + var(--_grow))}}.ui-segmented-control[data-motion=spring] .ui-segmented-control__thumb{transition:transform calc(var(--ui-duration-slow) * 1.36) var(--ui-spring-snappy), width calc(var(--ui-duration-slow) * 1.36) var(--ui-spring-snappy)}