.segmented-control{--highlight-width:auto;--highlight-x-pos:0;--highlight-transition-property:none;display:flex}.segmented-control--subtle .segmented-control__inner:before{background-color:rgb(var(--colour-interactive-subtle-bg-default,255, 255, 255));box-shadow:inset 0 0 0 1px rgb(var(--colour-interactive-primary-bg-default,17, 17, 17))}.segmented-control--subtle .segmented-control__inner--disabled:before{box-shadow:inset 0 0 0 1px rgb(var(--colour-interactive-disabled-2,146, 146, 146))}.segmented-control--subtle .segmented-control__button--active .segmented-control__button-label,.segmented-control--subtle .segmented-control__button--active .segmented-control__button-icon{color:rgb(var(--colour-text-and-icon-1,17, 17, 17))}.segmented-control--fill-solid .segmented-control__inner{background-color:rgb(var(--colour-neutral-1,255, 255, 255));border-color:rgb(var(--colour-neutral-1,255, 255, 255))}.segmented-control__inner{border:1px solid rgb(var(--colour-neutral-4,204, 204, 204));word-break:break-word;background:0 0;border-radius:64px;gap:.5625rem;padding:.1875rem;display:flex;position:relative}.segmented-control__inner--fluid{width:100%}.segmented-control__inner--transition:before{content:"";background-color:rgb(var(--colour-interactive-primary-bg-default,17, 17, 17));width:var(--highlight-width);transform:translateX(var(--highlight-x-pos));transition:var(--highlight-transition-property) .2s cubic-bezier(.4, 0, .4, 1);border-radius:64px;position:absolute;top:.1875rem;bottom:.1875rem;left:0}.segmented-control__inner--disabled:before{background-color:rgb(var(--colour-interactive-disabled-1,204, 204, 204));color:rgb(var(--colour-interactive-disabled-2,146, 146, 146))}.segmented-control__inner--disabled .segmented-control__button-divider:before{background-color:rgb(var(--colour-interactive-disabled-1,204, 204, 204))}.segmented-control__button{cursor:pointer;text-align:center;background-color:#0000;border:none;border-radius:64px;justify-content:center;align-items:center;width:100%;min-height:3rem;padding-block:.25rem;padding-inline:1.5rem;display:flex;position:relative}.segmented-control__button-divider:before{content:"";background-color:rgb(var(--colour-neutral-4,204, 204, 204));width:1px;margin-block:.75rem;transition:background-color .2s cubic-bezier(.4,0,.4,1);position:absolute;inset:0 0 0 -.3125rem}.segmented-control__button:after{content:"";position:absolute;inset:-.125rem 0}.segmented-control__button-label,.segmented-control__button-icon{color:rgb(var(--colour-text-and-icon-1,17, 17, 17));transition:color .2s cubic-bezier(.4,0,.4,1)}.segmented-control__button.segmented-control__button--icon-only.segmented-control__button--icon-only{padding-inline:.75rem}.segmented-control__button--icon-only .segmented-control__button-label{clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.segmented-control__button:hover{background-color:rgb(var(--colour-interactive-secondary-bg-hover,223, 223, 223))}.segmented-control__button:active{background-color:rgb(var(--colour-interactive-secondary-bg-pressed,204, 204, 204))}.segmented-control__button:disabled{cursor:default}.segmented-control__button:disabled:hover{background-color:#0000}.segmented-control__button:disabled .segmented-control__button-label,.segmented-control__button:disabled .segmented-control__button-icon{color:rgb(var(--colour-interactive-disabled-2,146, 146, 146))}.segmented-control__button--active .segmented-control__button-label,.segmented-control__button--active .segmented-control__button-icon{color:rgb(var(--colour-text-and-icon-5,255, 255, 255))}.segmented-control__button--active:hover,.segmented-control__button--active:active{background-color:#0000}.segmented-control--disabled .segmented-control__inner--transition:before{background-color:rgb(var(--colour-interactive-disabled-1,204, 204, 204))}.segmented-control--xsmall .segmented-control__inner{gap:.4375rem;padding:.125rem}.segmented-control--xsmall .segmented-control__button{min-height:1.625rem;padding-block:.0625rem;padding-inline:1rem}.segmented-control--xsmall .segmented-control__button-divider:before{margin-block:.25rem;left:-.25rem}.segmented-control--xsmall .segmented-control__button:after{top:-.625rem;bottom:-.625rem}.segmented-control--xsmall .segmented-control__inner--transition:before{top:.125rem;bottom:.125rem}.segmented-control--small .segmented-control__button{min-height:2rem;padding-inline:1rem}.segmented-control--small .segmented-control__button-divider:before{margin-block:.5rem}.segmented-control--small .segmented-control__button:after{top:-.375rem;bottom:-.375rem}@media (prefers-reduced-motion:reduce){.segmented-control__inner--transition:before,.segmented-control__button-divider:before,.segmented-control__button-label,.segmented-control__label-icon{transition:none}}