.segment{display:inline-flex;align-items:center;background-color:var(--color-bgr);border-radius:var(--radius-2xl);padding:2px;height:36px;position:relative}.segment__indicator{position:absolute;top:2px;left:0;height:calc(100% - 4px);background-color:var(--color-white);box-shadow:var(--shadow-segment);border-radius:var(--radius-xl);transition:left var(--duration-normal) cubic-bezier(.4,0,.2,1),width var(--duration-normal) cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.segment__option{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;height:100%;padding:0 var(--spacing-md);border:none;border-radius:var(--radius-xl);background:transparent;font-family:var(--font-compact);font-weight:var(--font-medium);font-size:var(--text-xs);color:var(--color-gray-700);cursor:pointer;transition:color var(--duration-normal) var(--ease-out);white-space:nowrap;min-width:96px;position:relative;z-index:1}.segment__option:hover:not(.segment__option--active){color:var(--color-gray-800)}.segment__option--active{color:var(--color-gray-800)}.segment__option--disabled{color:var(--color-gray-400);cursor:not-allowed;opacity:.6}.segment__option--disabled:hover{color:var(--color-gray-400)}.segment__option img,.segment__option svg{width:16px;height:16px;flex-shrink:0}